.overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @-webkit-keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @-webkit-keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @-webkit-keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @-webkit-keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @-webkit-keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @-webkit-keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } html:not([lang=pl]) body { color: #000; font-family: source-han-sans-simplified-c, sans-serif; line-height: 1.8 } html:lang(pl) body { color: #000; font-family: sans-serif; line-height: 1.8 } html:lang(ja) body { font-family: "Noto Sans JP" !important } html:lang(ko) body { font-family: "Noto Sans KR" !important } html:focus, body:focus, div:focus, span:focus, applet:focus, object:focus, iframe:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, p:focus, blockquote:focus, pre:focus, a:focus, abbr:focus, acronym:focus, address:focus, big:focus, cite:focus, code:focus, del:focus, dfn:focus, em:focus, img:focus, ins:focus, kbd:focus, q:focus, s:focus, samp:focus, small:focus, strike:focus, strong:focus, sub:focus, sup:focus, tt:focus, var:focus, b:focus, u:focus, i:focus, center:focus, dl:focus, dt:focus, dd:focus, ol:focus, ul:focus, li:focus, fieldset:focus, form:focus, label:focus, legend:focus, table:focus, caption:focus, tbody:focus, tfoot:focus, thead:focus, tr:focus, th:focus, td:focus, article:focus, aside:focus, canvas:focus, details:focus, embed:focus, figure:focus, figcaption:focus, footer:focus, header:focus, hgroup:focus, menu:focus, nav:focus, output:focus, ruby:focus, section:focus, summary:focus, time:focus, mark:focus, audio:focus, video:focus { outline: none } sup { line-height: 0 } img { border-style: none } .page-white { background-color: #fff } .page-gray { background-color: #f7f5f5 } .page-transparent-b-15 { background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(15%, #ffffff), color-stop(15%, transparent), to(transparent)); background: linear-gradient(to top, #ffffff 0%, #ffffff 15%, transparent 15%, transparent 100%) } .bg-dark { background-color: #000; color: #fff } .bg-dark .title { color: #fff } body, button, input, select, textarea { font-family: source-han-sans-simplified-c, sans-serif } html:lang(ja) body, html:lang(ja) button, html:lang(ja) input, html:lang(ja) select, html:lang(ja) textarea { font-family: "Noto Sans JP" !important } html:lang(ko) body, html:lang(ko) button, html:lang(ko) input, html:lang(ko) select, html:lang(ko) textarea { font-family: "Noto Sans KR" !important } .input, .select select, .textarea { border-radius: 0; font-family: source-han-sans-simplified-c, sans-serif } html:lang(ja) .input, html:lang(ja) .select select, html:lang(ja) .textarea { font-family: "Noto Sans JP" !important } html:lang(ko) .input, html:lang(ko) .select select, html:lang(ko) .textarea { font-family: "Noto Sans KR" !important } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: inherit } a, .link, button, .button { -webkit-transition: all linear .3s; transition: all linear .3s } a:focus, .link:focus, button:focus, .button:focus { outline: none } a, .link { color: #666 } a:hover, a:focus, a:active, .link:hover, .link:focus, .link:active { color: #0599c8 } a.details-subtitle-fa, .link { color: #1890ff } a.details-subtitle-fa:hover, a.details-subtitle-fa:focus, a.details-subtitle-fa:active, .link:hover, .link:focus, .link:active { color: #0599c8 } .title, .subtitle { color: #000 } .title.is-1 { font-size: 4.5rem } .title.is-2 { font-size: 3rem } .title.is-3 { font-size: 2.25rem } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .button i { margin-left: 10px } .button.is-transparent { background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0) } blockquote { width: 100%; margin: 20px auto; display: block; padding: 0 30px; border-left: 8px solid #e6e6e6; font-size: 18px; font-weight: 600; line-height: 24px; color: #000; background-color: unset !important } .brief-text-box { max-width: 1110px; margin: 0 auto; text-align: center; padding: 70px 95px; font-size: 20px; color: #000; line-height: 1.8 } .brief-text-box h1, .brief-text-box h2, .brief-text-box h3, .brief-text-box h4, .brief-text-box h5, .brief-text-box h6, .brief-text-box p, .brief-text-box em, .brief-text-box i, .brief-text-box b, .brief-text-box address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .brief-text-box>h1.brief-text-box-large-font { font-size: 56px; color: #000; text-align: center; line-height: 81px; font-weight: 400; margin-bottom: 40px } .brief-text-box p { margin-bottom: 20px } br { opacity: 0; font-size: 0; line-height: 0 } .swiper-button { background: rgba(102, 102, 102, .5); border: 1px solid #bcbcbc } .swiper-button:not(.swiper-button-disabled):hover { background: rgba(102, 102, 102, .9); border: 1px solid #e0e0e0 } @media screen and (max-width: 1024px) { html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } body { padding-top: 45px } .title.is-1 { font-size: 2.5rem } .title.is-2 { font-size: 2rem } .title.is-3 { font-size: 2.25rem } .order-v-m { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .order-m-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-m-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-m-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-m-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-m-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-m-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } blockquote { padding-left: 10px; padding-right: 0; font-size: 16px; font-weight: 600; line-height: 24px } .brief-text-box { padding: 24px 20px 48px; text-align: left; font-size: 14px; line-height: 24px } .brief-text-box h1, .brief-text-box h2, .brief-text-box h3, .brief-text-box h4, .brief-text-box h5, .brief-text-box h6, .brief-text-box p, .brief-text-box em, .brief-text-box i, .brief-text-box b, .brief-text-box address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .brief-text-box>h1.brief-text-box-large-font { font-size: 25px; margin-bottom: 0 } .brief-text-box p { text-align: center } } @media screen and (min-width: 1024px) { .rt-font-1 { font-size: 1px } .rt-lh-1 { line-height: 1px } .rt-pt-1 { padding-top: 1px } .rt-pr-1 { padding-right: 1px } .rt-pb-1 { padding-bottom: 1px } .rt-pl-1 { padding-left: 1px } .rt-p-1 { padding: 1px } .rt-mt-1 { margin-top: 1px } .rt-mr-1 { margin-right: 1px } .rt-mb-1 { margin-bottom: 1px } .rt-ml-1 { margin-left: 1px } .rt-m-1 { margin: 1px } .rt-font-2 { font-size: 2px } .rt-lh-2 { line-height: 2px } .rt-pt-2 { padding-top: 2px } .rt-pr-2 { padding-right: 2px } .rt-pb-2 { padding-bottom: 2px } .rt-pl-2 { padding-left: 2px } .rt-p-2 { padding: 2px } .rt-mt-2 { margin-top: 2px } .rt-mr-2 { margin-right: 2px } .rt-mb-2 { margin-bottom: 2px } .rt-ml-2 { margin-left: 2px } .rt-m-2 { margin: 2px } .rt-font-3 { font-size: 3px } .rt-lh-3 { line-height: 3px } .rt-pt-3 { padding-top: 3px } .rt-pr-3 { padding-right: 3px } .rt-pb-3 { padding-bottom: 3px } .rt-pl-3 { padding-left: 3px } .rt-p-3 { padding: 3px } .rt-mt-3 { margin-top: 3px } .rt-mr-3 { margin-right: 3px } .rt-mb-3 { margin-bottom: 3px } .rt-ml-3 { margin-left: 3px } .rt-m-3 { margin: 3px } .rt-font-4 { font-size: 4px } .rt-lh-4 { line-height: 4px } .rt-pt-4 { padding-top: 4px } .rt-pr-4 { padding-right: 4px } .rt-pb-4 { padding-bottom: 4px } .rt-pl-4 { padding-left: 4px } .rt-p-4 { padding: 4px } .rt-mt-4 { margin-top: 4px } .rt-mr-4 { margin-right: 4px } .rt-mb-4 { margin-bottom: 4px } .rt-ml-4 { margin-left: 4px } .rt-m-4 { margin: 4px } .rt-font-5 { font-size: 5px } .rt-lh-5 { line-height: 5px } .rt-pt-5 { padding-top: 5px } .rt-pr-5 { padding-right: 5px } .rt-pb-5 { padding-bottom: 5px } .rt-pl-5 { padding-left: 5px } .rt-p-5 { padding: 5px } .rt-mt-5 { margin-top: 5px } .rt-mr-5 { margin-right: 5px } .rt-mb-5 { margin-bottom: 5px } .rt-ml-5 { margin-left: 5px } .rt-m-5 { margin: 5px } .rt-font-6 { font-size: 6px } .rt-lh-6 { line-height: 6px } .rt-pt-6 { padding-top: 6px } .rt-pr-6 { padding-right: 6px } .rt-pb-6 { padding-bottom: 6px } .rt-pl-6 { padding-left: 6px } .rt-p-6 { padding: 6px } .rt-mt-6 { margin-top: 6px } .rt-mr-6 { margin-right: 6px } .rt-mb-6 { margin-bottom: 6px } .rt-ml-6 { margin-left: 6px } .rt-m-6 { margin: 6px } .rt-font-7 { font-size: 7px } .rt-lh-7 { line-height: 7px } .rt-pt-7 { padding-top: 7px } .rt-pr-7 { padding-right: 7px } .rt-pb-7 { padding-bottom: 7px } .rt-pl-7 { padding-left: 7px } .rt-p-7 { padding: 7px } .rt-mt-7 { margin-top: 7px } .rt-mr-7 { margin-right: 7px } .rt-mb-7 { margin-bottom: 7px } .rt-ml-7 { margin-left: 7px } .rt-m-7 { margin: 7px } .rt-font-8 { font-size: 8px } .rt-lh-8 { line-height: 8px } .rt-pt-8 { padding-top: 8px } .rt-pr-8 { padding-right: 8px } .rt-pb-8 { padding-bottom: 8px } .rt-pl-8 { padding-left: 8px } .rt-p-8 { padding: 8px } .rt-mt-8 { margin-top: 8px } .rt-mr-8 { margin-right: 8px } .rt-mb-8 { margin-bottom: 8px } .rt-ml-8 { margin-left: 8px } .rt-m-8 { margin: 8px } .rt-font-9 { font-size: 9px } .rt-lh-9 { line-height: 9px } .rt-pt-9 { padding-top: 9px } .rt-pr-9 { padding-right: 9px } .rt-pb-9 { padding-bottom: 9px } .rt-pl-9 { padding-left: 9px } .rt-p-9 { padding: 9px } .rt-mt-9 { margin-top: 9px } .rt-mr-9 { margin-right: 9px } .rt-mb-9 { margin-bottom: 9px } .rt-ml-9 { margin-left: 9px } .rt-m-9 { margin: 9px } .rt-font-10 { font-size: 10px } .rt-lh-10 { line-height: 10px } .rt-pt-10 { padding-top: 10px } .rt-pr-10 { padding-right: 10px } .rt-pb-10 { padding-bottom: 10px } .rt-pl-10 { padding-left: 10px } .rt-p-10 { padding: 10px } .rt-mt-10 { margin-top: 10px } .rt-mr-10 { margin-right: 10px } .rt-mb-10 { margin-bottom: 10px } .rt-ml-10 { margin-left: 10px } .rt-m-10 { margin: 10px } .rt-font-11 { font-size: 11px } .rt-lh-11 { line-height: 11px } .rt-pt-11 { padding-top: 11px } .rt-pr-11 { padding-right: 11px } .rt-pb-11 { padding-bottom: 11px } .rt-pl-11 { padding-left: 11px } .rt-p-11 { padding: 11px } .rt-mt-11 { margin-top: 11px } .rt-mr-11 { margin-right: 11px } .rt-mb-11 { margin-bottom: 11px } .rt-ml-11 { margin-left: 11px } .rt-m-11 { margin: 11px } .rt-font-12 { font-size: 12px } .rt-lh-12 { line-height: 12px } .rt-pt-12 { padding-top: 12px } .rt-pr-12 { padding-right: 12px } .rt-pb-12 { padding-bottom: 12px } .rt-pl-12 { padding-left: 12px } .rt-p-12 { padding: 12px } .rt-mt-12 { margin-top: 12px } .rt-mr-12 { margin-right: 12px } .rt-mb-12 { margin-bottom: 12px } .rt-ml-12 { margin-left: 12px } .rt-m-12 { margin: 12px } .rt-font-13 { font-size: 13px } .rt-lh-13 { line-height: 13px } .rt-pt-13 { padding-top: 13px } .rt-pr-13 { padding-right: 13px } .rt-pb-13 { padding-bottom: 13px } .rt-pl-13 { padding-left: 13px } .rt-p-13 { padding: 13px } .rt-mt-13 { margin-top: 13px } .rt-mr-13 { margin-right: 13px } .rt-mb-13 { margin-bottom: 13px } .rt-ml-13 { margin-left: 13px } .rt-m-13 { margin: 13px } .rt-font-14 { font-size: 14px } .rt-lh-14 { line-height: 14px } .rt-pt-14 { padding-top: 14px } .rt-pr-14 { padding-right: 14px } .rt-pb-14 { padding-bottom: 14px } .rt-pl-14 { padding-left: 14px } .rt-p-14 { padding: 14px } .rt-mt-14 { margin-top: 14px } .rt-mr-14 { margin-right: 14px } .rt-mb-14 { margin-bottom: 14px } .rt-ml-14 { margin-left: 14px } .rt-m-14 { margin: 14px } .rt-font-15 { font-size: 15px } .rt-lh-15 { line-height: 15px } .rt-pt-15 { padding-top: 15px } .rt-pr-15 { padding-right: 15px } .rt-pb-15 { padding-bottom: 15px } .rt-pl-15 { padding-left: 15px } .rt-p-15 { padding: 15px } .rt-mt-15 { margin-top: 15px } .rt-mr-15 { margin-right: 15px } .rt-mb-15 { margin-bottom: 15px } .rt-ml-15 { margin-left: 15px } .rt-m-15 { margin: 15px } .rt-font-16 { font-size: 16px } .rt-lh-16 { line-height: 16px } .rt-pt-16 { padding-top: 16px } .rt-pr-16 { padding-right: 16px } .rt-pb-16 { padding-bottom: 16px } .rt-pl-16 { padding-left: 16px } .rt-p-16 { padding: 16px } .rt-mt-16 { margin-top: 16px } .rt-mr-16 { margin-right: 16px } .rt-mb-16 { margin-bottom: 16px } .rt-ml-16 { margin-left: 16px } .rt-m-16 { margin: 16px } .rt-font-17 { font-size: 17px } .rt-lh-17 { line-height: 17px } .rt-pt-17 { padding-top: 17px } .rt-pr-17 { padding-right: 17px } .rt-pb-17 { padding-bottom: 17px } .rt-pl-17 { padding-left: 17px } .rt-p-17 { padding: 17px } .rt-mt-17 { margin-top: 17px } .rt-mr-17 { margin-right: 17px } .rt-mb-17 { margin-bottom: 17px } .rt-ml-17 { margin-left: 17px } .rt-m-17 { margin: 17px } .rt-font-18 { font-size: 18px } .rt-lh-18 { line-height: 18px } .rt-pt-18 { padding-top: 18px } .rt-pr-18 { padding-right: 18px } .rt-pb-18 { padding-bottom: 18px } .rt-pl-18 { padding-left: 18px } .rt-p-18 { padding: 18px } .rt-mt-18 { margin-top: 18px } .rt-mr-18 { margin-right: 18px } .rt-mb-18 { margin-bottom: 18px } .rt-ml-18 { margin-left: 18px } .rt-m-18 { margin: 18px } .rt-font-19 { font-size: 19px } .rt-lh-19 { line-height: 19px } .rt-pt-19 { padding-top: 19px } .rt-pr-19 { padding-right: 19px } .rt-pb-19 { padding-bottom: 19px } .rt-pl-19 { padding-left: 19px } .rt-p-19 { padding: 19px } .rt-mt-19 { margin-top: 19px } .rt-mr-19 { margin-right: 19px } .rt-mb-19 { margin-bottom: 19px } .rt-ml-19 { margin-left: 19px } .rt-m-19 { margin: 19px } .rt-font-20 { font-size: 20px } .rt-lh-20 { line-height: 20px } .rt-pt-20 { padding-top: 20px } .rt-pr-20 { padding-right: 20px } .rt-pb-20 { padding-bottom: 20px } .rt-pl-20 { padding-left: 20px } .rt-p-20 { padding: 20px } .rt-mt-20 { margin-top: 20px } .rt-mr-20 { margin-right: 20px } .rt-mb-20 { margin-bottom: 20px } .rt-ml-20 { margin-left: 20px } .rt-m-20 { margin: 20px } .rt-font-21 { font-size: 21px } .rt-lh-21 { line-height: 21px } .rt-pt-21 { padding-top: 21px } .rt-pr-21 { padding-right: 21px } .rt-pb-21 { padding-bottom: 21px } .rt-pl-21 { padding-left: 21px } .rt-p-21 { padding: 21px } .rt-mt-21 { margin-top: 21px } .rt-mr-21 { margin-right: 21px } .rt-mb-21 { margin-bottom: 21px } .rt-ml-21 { margin-left: 21px } .rt-m-21 { margin: 21px } .rt-font-22 { font-size: 22px } .rt-lh-22 { line-height: 22px } .rt-pt-22 { padding-top: 22px } .rt-pr-22 { padding-right: 22px } .rt-pb-22 { padding-bottom: 22px } .rt-pl-22 { padding-left: 22px } .rt-p-22 { padding: 22px } .rt-mt-22 { margin-top: 22px } .rt-mr-22 { margin-right: 22px } .rt-mb-22 { margin-bottom: 22px } .rt-ml-22 { margin-left: 22px } .rt-m-22 { margin: 22px } .rt-font-23 { font-size: 23px } .rt-lh-23 { line-height: 23px } .rt-pt-23 { padding-top: 23px } .rt-pr-23 { padding-right: 23px } .rt-pb-23 { padding-bottom: 23px } .rt-pl-23 { padding-left: 23px } .rt-p-23 { padding: 23px } .rt-mt-23 { margin-top: 23px } .rt-mr-23 { margin-right: 23px } .rt-mb-23 { margin-bottom: 23px } .rt-ml-23 { margin-left: 23px } .rt-m-23 { margin: 23px } .rt-font-24 { font-size: 24px } .rt-lh-24 { line-height: 24px } .rt-pt-24 { padding-top: 24px } .rt-pr-24 { padding-right: 24px } .rt-pb-24 { padding-bottom: 24px } .rt-pl-24 { padding-left: 24px } .rt-p-24 { padding: 24px } .rt-mt-24 { margin-top: 24px } .rt-mr-24 { margin-right: 24px } .rt-mb-24 { margin-bottom: 24px } .rt-ml-24 { margin-left: 24px } .rt-m-24 { margin: 24px } .rt-font-25 { font-size: 25px } .rt-lh-25 { line-height: 25px } .rt-pt-25 { padding-top: 25px } .rt-pr-25 { padding-right: 25px } .rt-pb-25 { padding-bottom: 25px } .rt-pl-25 { padding-left: 25px } .rt-p-25 { padding: 25px } .rt-mt-25 { margin-top: 25px } .rt-mr-25 { margin-right: 25px } .rt-mb-25 { margin-bottom: 25px } .rt-ml-25 { margin-left: 25px } .rt-m-25 { margin: 25px } .rt-font-26 { font-size: 26px } .rt-lh-26 { line-height: 26px } .rt-pt-26 { padding-top: 26px } .rt-pr-26 { padding-right: 26px } .rt-pb-26 { padding-bottom: 26px } .rt-pl-26 { padding-left: 26px } .rt-p-26 { padding: 26px } .rt-mt-26 { margin-top: 26px } .rt-mr-26 { margin-right: 26px } .rt-mb-26 { margin-bottom: 26px } .rt-ml-26 { margin-left: 26px } .rt-m-26 { margin: 26px } .rt-font-27 { font-size: 27px } .rt-lh-27 { line-height: 27px } .rt-pt-27 { padding-top: 27px } .rt-pr-27 { padding-right: 27px } .rt-pb-27 { padding-bottom: 27px } .rt-pl-27 { padding-left: 27px } .rt-p-27 { padding: 27px } .rt-mt-27 { margin-top: 27px } .rt-mr-27 { margin-right: 27px } .rt-mb-27 { margin-bottom: 27px } .rt-ml-27 { margin-left: 27px } .rt-m-27 { margin: 27px } .rt-font-28 { font-size: 28px } .rt-lh-28 { line-height: 28px } .rt-pt-28 { padding-top: 28px } .rt-pr-28 { padding-right: 28px } .rt-pb-28 { padding-bottom: 28px } .rt-pl-28 { padding-left: 28px } .rt-p-28 { padding: 28px } .rt-mt-28 { margin-top: 28px } .rt-mr-28 { margin-right: 28px } .rt-mb-28 { margin-bottom: 28px } .rt-ml-28 { margin-left: 28px } .rt-m-28 { margin: 28px } .rt-font-29 { font-size: 29px } .rt-lh-29 { line-height: 29px } .rt-pt-29 { padding-top: 29px } .rt-pr-29 { padding-right: 29px } .rt-pb-29 { padding-bottom: 29px } .rt-pl-29 { padding-left: 29px } .rt-p-29 { padding: 29px } .rt-mt-29 { margin-top: 29px } .rt-mr-29 { margin-right: 29px } .rt-mb-29 { margin-bottom: 29px } .rt-ml-29 { margin-left: 29px } .rt-m-29 { margin: 29px } .rt-font-30 { font-size: 30px } .rt-lh-30 { line-height: 30px } .rt-pt-30 { padding-top: 30px } .rt-pr-30 { padding-right: 30px } .rt-pb-30 { padding-bottom: 30px } .rt-pl-30 { padding-left: 30px } .rt-p-30 { padding: 30px } .rt-mt-30 { margin-top: 30px } .rt-mr-30 { margin-right: 30px } .rt-mb-30 { margin-bottom: 30px } .rt-ml-30 { margin-left: 30px } .rt-m-30 { margin: 30px } .rt-font-31 { font-size: 31px } .rt-lh-31 { line-height: 31px } .rt-pt-31 { padding-top: 31px } .rt-pr-31 { padding-right: 31px } .rt-pb-31 { padding-bottom: 31px } .rt-pl-31 { padding-left: 31px } .rt-p-31 { padding: 31px } .rt-mt-31 { margin-top: 31px } .rt-mr-31 { margin-right: 31px } .rt-mb-31 { margin-bottom: 31px } .rt-ml-31 { margin-left: 31px } .rt-m-31 { margin: 31px } .rt-font-32 { font-size: 32px } .rt-lh-32 { line-height: 32px } .rt-pt-32 { padding-top: 32px } .rt-pr-32 { padding-right: 32px } .rt-pb-32 { padding-bottom: 32px } .rt-pl-32 { padding-left: 32px } .rt-p-32 { padding: 32px } .rt-mt-32 { margin-top: 32px } .rt-mr-32 { margin-right: 32px } .rt-mb-32 { margin-bottom: 32px } .rt-ml-32 { margin-left: 32px } .rt-m-32 { margin: 32px } .rt-font-33 { font-size: 33px } .rt-lh-33 { line-height: 33px } .rt-pt-33 { padding-top: 33px } .rt-pr-33 { padding-right: 33px } .rt-pb-33 { padding-bottom: 33px } .rt-pl-33 { padding-left: 33px } .rt-p-33 { padding: 33px } .rt-mt-33 { margin-top: 33px } .rt-mr-33 { margin-right: 33px } .rt-mb-33 { margin-bottom: 33px } .rt-ml-33 { margin-left: 33px } .rt-m-33 { margin: 33px } .rt-font-34 { font-size: 34px } .rt-lh-34 { line-height: 34px } .rt-pt-34 { padding-top: 34px } .rt-pr-34 { padding-right: 34px } .rt-pb-34 { padding-bottom: 34px } .rt-pl-34 { padding-left: 34px } .rt-p-34 { padding: 34px } .rt-mt-34 { margin-top: 34px } .rt-mr-34 { margin-right: 34px } .rt-mb-34 { margin-bottom: 34px } .rt-ml-34 { margin-left: 34px } .rt-m-34 { margin: 34px } .rt-font-35 { font-size: 35px } .rt-lh-35 { line-height: 35px } .rt-pt-35 { padding-top: 35px } .rt-pr-35 { padding-right: 35px } .rt-pb-35 { padding-bottom: 35px } .rt-pl-35 { padding-left: 35px } .rt-p-35 { padding: 35px } .rt-mt-35 { margin-top: 35px } .rt-mr-35 { margin-right: 35px } .rt-mb-35 { margin-bottom: 35px } .rt-ml-35 { margin-left: 35px } .rt-m-35 { margin: 35px } .rt-font-36 { font-size: 36px } .rt-lh-36 { line-height: 36px } .rt-pt-36 { padding-top: 36px } .rt-pr-36 { padding-right: 36px } .rt-pb-36 { padding-bottom: 36px } .rt-pl-36 { padding-left: 36px } .rt-p-36 { padding: 36px } .rt-mt-36 { margin-top: 36px } .rt-mr-36 { margin-right: 36px } .rt-mb-36 { margin-bottom: 36px } .rt-ml-36 { margin-left: 36px } .rt-m-36 { margin: 36px } .rt-font-37 { font-size: 37px } .rt-lh-37 { line-height: 37px } .rt-pt-37 { padding-top: 37px } .rt-pr-37 { padding-right: 37px } .rt-pb-37 { padding-bottom: 37px } .rt-pl-37 { padding-left: 37px } .rt-p-37 { padding: 37px } .rt-mt-37 { margin-top: 37px } .rt-mr-37 { margin-right: 37px } .rt-mb-37 { margin-bottom: 37px } .rt-ml-37 { margin-left: 37px } .rt-m-37 { margin: 37px } .rt-font-38 { font-size: 38px } .rt-lh-38 { line-height: 38px } .rt-pt-38 { padding-top: 38px } .rt-pr-38 { padding-right: 38px } .rt-pb-38 { padding-bottom: 38px } .rt-pl-38 { padding-left: 38px } .rt-p-38 { padding: 38px } .rt-mt-38 { margin-top: 38px } .rt-mr-38 { margin-right: 38px } .rt-mb-38 { margin-bottom: 38px } .rt-ml-38 { margin-left: 38px } .rt-m-38 { margin: 38px } .rt-font-39 { font-size: 39px } .rt-lh-39 { line-height: 39px } .rt-pt-39 { padding-top: 39px } .rt-pr-39 { padding-right: 39px } .rt-pb-39 { padding-bottom: 39px } .rt-pl-39 { padding-left: 39px } .rt-p-39 { padding: 39px } .rt-mt-39 { margin-top: 39px } .rt-mr-39 { margin-right: 39px } .rt-mb-39 { margin-bottom: 39px } .rt-ml-39 { margin-left: 39px } .rt-m-39 { margin: 39px } .rt-font-40 { font-size: 40px } .rt-lh-40 { line-height: 40px } .rt-pt-40 { padding-top: 40px } .rt-pr-40 { padding-right: 40px } .rt-pb-40 { padding-bottom: 40px } .rt-pl-40 { padding-left: 40px } .rt-p-40 { padding: 40px } .rt-mt-40 { margin-top: 40px } .rt-mr-40 { margin-right: 40px } .rt-mb-40 { margin-bottom: 40px } .rt-ml-40 { margin-left: 40px } .rt-m-40 { margin: 40px } .rt-font-41 { font-size: 41px } .rt-lh-41 { line-height: 41px } .rt-pt-41 { padding-top: 41px } .rt-pr-41 { padding-right: 41px } .rt-pb-41 { padding-bottom: 41px } .rt-pl-41 { padding-left: 41px } .rt-p-41 { padding: 41px } .rt-mt-41 { margin-top: 41px } .rt-mr-41 { margin-right: 41px } .rt-mb-41 { margin-bottom: 41px } .rt-ml-41 { margin-left: 41px } .rt-m-41 { margin: 41px } .rt-font-42 { font-size: 42px } .rt-lh-42 { line-height: 42px } .rt-pt-42 { padding-top: 42px } .rt-pr-42 { padding-right: 42px } .rt-pb-42 { padding-bottom: 42px } .rt-pl-42 { padding-left: 42px } .rt-p-42 { padding: 42px } .rt-mt-42 { margin-top: 42px } .rt-mr-42 { margin-right: 42px } .rt-mb-42 { margin-bottom: 42px } .rt-ml-42 { margin-left: 42px } .rt-m-42 { margin: 42px } .rt-font-43 { font-size: 43px } .rt-lh-43 { line-height: 43px } .rt-pt-43 { padding-top: 43px } .rt-pr-43 { padding-right: 43px } .rt-pb-43 { padding-bottom: 43px } .rt-pl-43 { padding-left: 43px } .rt-p-43 { padding: 43px } .rt-mt-43 { margin-top: 43px } .rt-mr-43 { margin-right: 43px } .rt-mb-43 { margin-bottom: 43px } .rt-ml-43 { margin-left: 43px } .rt-m-43 { margin: 43px } .rt-font-44 { font-size: 44px } .rt-lh-44 { line-height: 44px } .rt-pt-44 { padding-top: 44px } .rt-pr-44 { padding-right: 44px } .rt-pb-44 { padding-bottom: 44px } .rt-pl-44 { padding-left: 44px } .rt-p-44 { padding: 44px } .rt-mt-44 { margin-top: 44px } .rt-mr-44 { margin-right: 44px } .rt-mb-44 { margin-bottom: 44px } .rt-ml-44 { margin-left: 44px } .rt-m-44 { margin: 44px } .rt-font-45 { font-size: 45px } .rt-lh-45 { line-height: 45px } .rt-pt-45 { padding-top: 45px } .rt-pr-45 { padding-right: 45px } .rt-pb-45 { padding-bottom: 45px } .rt-pl-45 { padding-left: 45px } .rt-p-45 { padding: 45px } .rt-mt-45 { margin-top: 45px } .rt-mr-45 { margin-right: 45px } .rt-mb-45 { margin-bottom: 45px } .rt-ml-45 { margin-left: 45px } .rt-m-45 { margin: 45px } .rt-font-46 { font-size: 46px } .rt-lh-46 { line-height: 46px } .rt-pt-46 { padding-top: 46px } .rt-pr-46 { padding-right: 46px } .rt-pb-46 { padding-bottom: 46px } .rt-pl-46 { padding-left: 46px } .rt-p-46 { padding: 46px } .rt-mt-46 { margin-top: 46px } .rt-mr-46 { margin-right: 46px } .rt-mb-46 { margin-bottom: 46px } .rt-ml-46 { margin-left: 46px } .rt-m-46 { margin: 46px } .rt-font-47 { font-size: 47px } .rt-lh-47 { line-height: 47px } .rt-pt-47 { padding-top: 47px } .rt-pr-47 { padding-right: 47px } .rt-pb-47 { padding-bottom: 47px } .rt-pl-47 { padding-left: 47px } .rt-p-47 { padding: 47px } .rt-mt-47 { margin-top: 47px } .rt-mr-47 { margin-right: 47px } .rt-mb-47 { margin-bottom: 47px } .rt-ml-47 { margin-left: 47px } .rt-m-47 { margin: 47px } .rt-font-48 { font-size: 48px } .rt-lh-48 { line-height: 48px } .rt-pt-48 { padding-top: 48px } .rt-pr-48 { padding-right: 48px } .rt-pb-48 { padding-bottom: 48px } .rt-pl-48 { padding-left: 48px } .rt-p-48 { padding: 48px } .rt-mt-48 { margin-top: 48px } .rt-mr-48 { margin-right: 48px } .rt-mb-48 { margin-bottom: 48px } .rt-ml-48 { margin-left: 48px } .rt-m-48 { margin: 48px } .rt-font-49 { font-size: 49px } .rt-lh-49 { line-height: 49px } .rt-pt-49 { padding-top: 49px } .rt-pr-49 { padding-right: 49px } .rt-pb-49 { padding-bottom: 49px } .rt-pl-49 { padding-left: 49px } .rt-p-49 { padding: 49px } .rt-mt-49 { margin-top: 49px } .rt-mr-49 { margin-right: 49px } .rt-mb-49 { margin-bottom: 49px } .rt-ml-49 { margin-left: 49px } .rt-m-49 { margin: 49px } .rt-font-50 { font-size: 50px } .rt-lh-50 { line-height: 50px } .rt-pt-50 { padding-top: 50px } .rt-pr-50 { padding-right: 50px } .rt-pb-50 { padding-bottom: 50px } .rt-pl-50 { padding-left: 50px } .rt-p-50 { padding: 50px } .rt-mt-50 { margin-top: 50px } .rt-mr-50 { margin-right: 50px } .rt-mb-50 { margin-bottom: 50px } .rt-ml-50 { margin-left: 50px } .rt-m-50 { margin: 50px } .rt-font-51 { font-size: 51px } .rt-lh-51 { line-height: 51px } .rt-pt-51 { padding-top: 51px } .rt-pr-51 { padding-right: 51px } .rt-pb-51 { padding-bottom: 51px } .rt-pl-51 { padding-left: 51px } .rt-p-51 { padding: 51px } .rt-mt-51 { margin-top: 51px } .rt-mr-51 { margin-right: 51px } .rt-mb-51 { margin-bottom: 51px } .rt-ml-51 { margin-left: 51px } .rt-m-51 { margin: 51px } .rt-font-52 { font-size: 52px } .rt-lh-52 { line-height: 52px } .rt-pt-52 { padding-top: 52px } .rt-pr-52 { padding-right: 52px } .rt-pb-52 { padding-bottom: 52px } .rt-pl-52 { padding-left: 52px } .rt-p-52 { padding: 52px } .rt-mt-52 { margin-top: 52px } .rt-mr-52 { margin-right: 52px } .rt-mb-52 { margin-bottom: 52px } .rt-ml-52 { margin-left: 52px } .rt-m-52 { margin: 52px } .rt-font-53 { font-size: 53px } .rt-lh-53 { line-height: 53px } .rt-pt-53 { padding-top: 53px } .rt-pr-53 { padding-right: 53px } .rt-pb-53 { padding-bottom: 53px } .rt-pl-53 { padding-left: 53px } .rt-p-53 { padding: 53px } .rt-mt-53 { margin-top: 53px } .rt-mr-53 { margin-right: 53px } .rt-mb-53 { margin-bottom: 53px } .rt-ml-53 { margin-left: 53px } .rt-m-53 { margin: 53px } .rt-font-54 { font-size: 54px } .rt-lh-54 { line-height: 54px } .rt-pt-54 { padding-top: 54px } .rt-pr-54 { padding-right: 54px } .rt-pb-54 { padding-bottom: 54px } .rt-pl-54 { padding-left: 54px } .rt-p-54 { padding: 54px } .rt-mt-54 { margin-top: 54px } .rt-mr-54 { margin-right: 54px } .rt-mb-54 { margin-bottom: 54px } .rt-ml-54 { margin-left: 54px } .rt-m-54 { margin: 54px } .rt-font-55 { font-size: 55px } .rt-lh-55 { line-height: 55px } .rt-pt-55 { padding-top: 55px } .rt-pr-55 { padding-right: 55px } .rt-pb-55 { padding-bottom: 55px } .rt-pl-55 { padding-left: 55px } .rt-p-55 { padding: 55px } .rt-mt-55 { margin-top: 55px } .rt-mr-55 { margin-right: 55px } .rt-mb-55 { margin-bottom: 55px } .rt-ml-55 { margin-left: 55px } .rt-m-55 { margin: 55px } .rt-font-56 { font-size: 56px } .rt-lh-56 { line-height: 56px } .rt-pt-56 { padding-top: 56px } .rt-pr-56 { padding-right: 56px } .rt-pb-56 { padding-bottom: 56px } .rt-pl-56 { padding-left: 56px } .rt-p-56 { padding: 56px } .rt-mt-56 { margin-top: 56px } .rt-mr-56 { margin-right: 56px } .rt-mb-56 { margin-bottom: 56px } .rt-ml-56 { margin-left: 56px } .rt-m-56 { margin: 56px } .rt-font-57 { font-size: 57px } .rt-lh-57 { line-height: 57px } .rt-pt-57 { padding-top: 57px } .rt-pr-57 { padding-right: 57px } .rt-pb-57 { padding-bottom: 57px } .rt-pl-57 { padding-left: 57px } .rt-p-57 { padding: 57px } .rt-mt-57 { margin-top: 57px } .rt-mr-57 { margin-right: 57px } .rt-mb-57 { margin-bottom: 57px } .rt-ml-57 { margin-left: 57px } .rt-m-57 { margin: 57px } .rt-font-58 { font-size: 58px } .rt-lh-58 { line-height: 58px } .rt-pt-58 { padding-top: 58px } .rt-pr-58 { padding-right: 58px } .rt-pb-58 { padding-bottom: 58px } .rt-pl-58 { padding-left: 58px } .rt-p-58 { padding: 58px } .rt-mt-58 { margin-top: 58px } .rt-mr-58 { margin-right: 58px } .rt-mb-58 { margin-bottom: 58px } .rt-ml-58 { margin-left: 58px } .rt-m-58 { margin: 58px } .rt-font-59 { font-size: 59px } .rt-lh-59 { line-height: 59px } .rt-pt-59 { padding-top: 59px } .rt-pr-59 { padding-right: 59px } .rt-pb-59 { padding-bottom: 59px } .rt-pl-59 { padding-left: 59px } .rt-p-59 { padding: 59px } .rt-mt-59 { margin-top: 59px } .rt-mr-59 { margin-right: 59px } .rt-mb-59 { margin-bottom: 59px } .rt-ml-59 { margin-left: 59px } .rt-m-59 { margin: 59px } .rt-font-60 { font-size: 60px } .rt-lh-60 { line-height: 60px } .rt-pt-60 { padding-top: 60px } .rt-pr-60 { padding-right: 60px } .rt-pb-60 { padding-bottom: 60px } .rt-pl-60 { padding-left: 60px } .rt-p-60 { padding: 60px } .rt-mt-60 { margin-top: 60px } .rt-mr-60 { margin-right: 60px } .rt-mb-60 { margin-bottom: 60px } .rt-ml-60 { margin-left: 60px } .rt-m-60 { margin: 60px } .rt-font-61 { font-size: 61px } .rt-lh-61 { line-height: 61px } .rt-pt-61 { padding-top: 61px } .rt-pr-61 { padding-right: 61px } .rt-pb-61 { padding-bottom: 61px } .rt-pl-61 { padding-left: 61px } .rt-p-61 { padding: 61px } .rt-mt-61 { margin-top: 61px } .rt-mr-61 { margin-right: 61px } .rt-mb-61 { margin-bottom: 61px } .rt-ml-61 { margin-left: 61px } .rt-m-61 { margin: 61px } .rt-font-62 { font-size: 62px } .rt-lh-62 { line-height: 62px } .rt-pt-62 { padding-top: 62px } .rt-pr-62 { padding-right: 62px } .rt-pb-62 { padding-bottom: 62px } .rt-pl-62 { padding-left: 62px } .rt-p-62 { padding: 62px } .rt-mt-62 { margin-top: 62px } .rt-mr-62 { margin-right: 62px } .rt-mb-62 { margin-bottom: 62px } .rt-ml-62 { margin-left: 62px } .rt-m-62 { margin: 62px } .rt-font-63 { font-size: 63px } .rt-lh-63 { line-height: 63px } .rt-pt-63 { padding-top: 63px } .rt-pr-63 { padding-right: 63px } .rt-pb-63 { padding-bottom: 63px } .rt-pl-63 { padding-left: 63px } .rt-p-63 { padding: 63px } .rt-mt-63 { margin-top: 63px } .rt-mr-63 { margin-right: 63px } .rt-mb-63 { margin-bottom: 63px } .rt-ml-63 { margin-left: 63px } .rt-m-63 { margin: 63px } .rt-font-64 { font-size: 64px } .rt-lh-64 { line-height: 64px } .rt-pt-64 { padding-top: 64px } .rt-pr-64 { padding-right: 64px } .rt-pb-64 { padding-bottom: 64px } .rt-pl-64 { padding-left: 64px } .rt-p-64 { padding: 64px } .rt-mt-64 { margin-top: 64px } .rt-mr-64 { margin-right: 64px } .rt-mb-64 { margin-bottom: 64px } .rt-ml-64 { margin-left: 64px } .rt-m-64 { margin: 64px } .rt-font-65 { font-size: 65px } .rt-lh-65 { line-height: 65px } .rt-pt-65 { padding-top: 65px } .rt-pr-65 { padding-right: 65px } .rt-pb-65 { padding-bottom: 65px } .rt-pl-65 { padding-left: 65px } .rt-p-65 { padding: 65px } .rt-mt-65 { margin-top: 65px } .rt-mr-65 { margin-right: 65px } .rt-mb-65 { margin-bottom: 65px } .rt-ml-65 { margin-left: 65px } .rt-m-65 { margin: 65px } .rt-font-66 { font-size: 66px } .rt-lh-66 { line-height: 66px } .rt-pt-66 { padding-top: 66px } .rt-pr-66 { padding-right: 66px } .rt-pb-66 { padding-bottom: 66px } .rt-pl-66 { padding-left: 66px } .rt-p-66 { padding: 66px } .rt-mt-66 { margin-top: 66px } .rt-mr-66 { margin-right: 66px } .rt-mb-66 { margin-bottom: 66px } .rt-ml-66 { margin-left: 66px } .rt-m-66 { margin: 66px } .rt-font-67 { font-size: 67px } .rt-lh-67 { line-height: 67px } .rt-pt-67 { padding-top: 67px } .rt-pr-67 { padding-right: 67px } .rt-pb-67 { padding-bottom: 67px } .rt-pl-67 { padding-left: 67px } .rt-p-67 { padding: 67px } .rt-mt-67 { margin-top: 67px } .rt-mr-67 { margin-right: 67px } .rt-mb-67 { margin-bottom: 67px } .rt-ml-67 { margin-left: 67px } .rt-m-67 { margin: 67px } .rt-font-68 { font-size: 68px } .rt-lh-68 { line-height: 68px } .rt-pt-68 { padding-top: 68px } .rt-pr-68 { padding-right: 68px } .rt-pb-68 { padding-bottom: 68px } .rt-pl-68 { padding-left: 68px } .rt-p-68 { padding: 68px } .rt-mt-68 { margin-top: 68px } .rt-mr-68 { margin-right: 68px } .rt-mb-68 { margin-bottom: 68px } .rt-ml-68 { margin-left: 68px } .rt-m-68 { margin: 68px } .rt-font-69 { font-size: 69px } .rt-lh-69 { line-height: 69px } .rt-pt-69 { padding-top: 69px } .rt-pr-69 { padding-right: 69px } .rt-pb-69 { padding-bottom: 69px } .rt-pl-69 { padding-left: 69px } .rt-p-69 { padding: 69px } .rt-mt-69 { margin-top: 69px } .rt-mr-69 { margin-right: 69px } .rt-mb-69 { margin-bottom: 69px } .rt-ml-69 { margin-left: 69px } .rt-m-69 { margin: 69px } .rt-font-70 { font-size: 70px } .rt-lh-70 { line-height: 70px } .rt-pt-70 { padding-top: 70px } .rt-pr-70 { padding-right: 70px } .rt-pb-70 { padding-bottom: 70px } .rt-pl-70 { padding-left: 70px } .rt-p-70 { padding: 70px } .rt-mt-70 { margin-top: 70px } .rt-mr-70 { margin-right: 70px } .rt-mb-70 { margin-bottom: 70px } .rt-ml-70 { margin-left: 70px } .rt-m-70 { margin: 70px } .rt-font-71 { font-size: 71px } .rt-lh-71 { line-height: 71px } .rt-pt-71 { padding-top: 71px } .rt-pr-71 { padding-right: 71px } .rt-pb-71 { padding-bottom: 71px } .rt-pl-71 { padding-left: 71px } .rt-p-71 { padding: 71px } .rt-mt-71 { margin-top: 71px } .rt-mr-71 { margin-right: 71px } .rt-mb-71 { margin-bottom: 71px } .rt-ml-71 { margin-left: 71px } .rt-m-71 { margin: 71px } .rt-font-72 { font-size: 72px } .rt-lh-72 { line-height: 72px } .rt-pt-72 { padding-top: 72px } .rt-pr-72 { padding-right: 72px } .rt-pb-72 { padding-bottom: 72px } .rt-pl-72 { padding-left: 72px } .rt-p-72 { padding: 72px } .rt-mt-72 { margin-top: 72px } .rt-mr-72 { margin-right: 72px } .rt-mb-72 { margin-bottom: 72px } .rt-ml-72 { margin-left: 72px } .rt-m-72 { margin: 72px } .rt-font-73 { font-size: 73px } .rt-lh-73 { line-height: 73px } .rt-pt-73 { padding-top: 73px } .rt-pr-73 { padding-right: 73px } .rt-pb-73 { padding-bottom: 73px } .rt-pl-73 { padding-left: 73px } .rt-p-73 { padding: 73px } .rt-mt-73 { margin-top: 73px } .rt-mr-73 { margin-right: 73px } .rt-mb-73 { margin-bottom: 73px } .rt-ml-73 { margin-left: 73px } .rt-m-73 { margin: 73px } .rt-font-74 { font-size: 74px } .rt-lh-74 { line-height: 74px } .rt-pt-74 { padding-top: 74px } .rt-pr-74 { padding-right: 74px } .rt-pb-74 { padding-bottom: 74px } .rt-pl-74 { padding-left: 74px } .rt-p-74 { padding: 74px } .rt-mt-74 { margin-top: 74px } .rt-mr-74 { margin-right: 74px } .rt-mb-74 { margin-bottom: 74px } .rt-ml-74 { margin-left: 74px } .rt-m-74 { margin: 74px } .rt-font-75 { font-size: 75px } .rt-lh-75 { line-height: 75px } .rt-pt-75 { padding-top: 75px } .rt-pr-75 { padding-right: 75px } .rt-pb-75 { padding-bottom: 75px } .rt-pl-75 { padding-left: 75px } .rt-p-75 { padding: 75px } .rt-mt-75 { margin-top: 75px } .rt-mr-75 { margin-right: 75px } .rt-mb-75 { margin-bottom: 75px } .rt-ml-75 { margin-left: 75px } .rt-m-75 { margin: 75px } .rt-font-76 { font-size: 76px } .rt-lh-76 { line-height: 76px } .rt-pt-76 { padding-top: 76px } .rt-pr-76 { padding-right: 76px } .rt-pb-76 { padding-bottom: 76px } .rt-pl-76 { padding-left: 76px } .rt-p-76 { padding: 76px } .rt-mt-76 { margin-top: 76px } .rt-mr-76 { margin-right: 76px } .rt-mb-76 { margin-bottom: 76px } .rt-ml-76 { margin-left: 76px } .rt-m-76 { margin: 76px } .rt-font-77 { font-size: 77px } .rt-lh-77 { line-height: 77px } .rt-pt-77 { padding-top: 77px } .rt-pr-77 { padding-right: 77px } .rt-pb-77 { padding-bottom: 77px } .rt-pl-77 { padding-left: 77px } .rt-p-77 { padding: 77px } .rt-mt-77 { margin-top: 77px } .rt-mr-77 { margin-right: 77px } .rt-mb-77 { margin-bottom: 77px } .rt-ml-77 { margin-left: 77px } .rt-m-77 { margin: 77px } .rt-font-78 { font-size: 78px } .rt-lh-78 { line-height: 78px } .rt-pt-78 { padding-top: 78px } .rt-pr-78 { padding-right: 78px } .rt-pb-78 { padding-bottom: 78px } .rt-pl-78 { padding-left: 78px } .rt-p-78 { padding: 78px } .rt-mt-78 { margin-top: 78px } .rt-mr-78 { margin-right: 78px } .rt-mb-78 { margin-bottom: 78px } .rt-ml-78 { margin-left: 78px } .rt-m-78 { margin: 78px } .rt-font-79 { font-size: 79px } .rt-lh-79 { line-height: 79px } .rt-pt-79 { padding-top: 79px } .rt-pr-79 { padding-right: 79px } .rt-pb-79 { padding-bottom: 79px } .rt-pl-79 { padding-left: 79px } .rt-p-79 { padding: 79px } .rt-mt-79 { margin-top: 79px } .rt-mr-79 { margin-right: 79px } .rt-mb-79 { margin-bottom: 79px } .rt-ml-79 { margin-left: 79px } .rt-m-79 { margin: 79px } .rt-font-80 { font-size: 80px } .rt-lh-80 { line-height: 80px } .rt-pt-80 { padding-top: 80px } .rt-pr-80 { padding-right: 80px } .rt-pb-80 { padding-bottom: 80px } .rt-pl-80 { padding-left: 80px } .rt-p-80 { padding: 80px } .rt-mt-80 { margin-top: 80px } .rt-mr-80 { margin-right: 80px } .rt-mb-80 { margin-bottom: 80px } .rt-ml-80 { margin-left: 80px } .rt-m-80 { margin: 80px } .rt-font-81 { font-size: 81px } .rt-lh-81 { line-height: 81px } .rt-pt-81 { padding-top: 81px } .rt-pr-81 { padding-right: 81px } .rt-pb-81 { padding-bottom: 81px } .rt-pl-81 { padding-left: 81px } .rt-p-81 { padding: 81px } .rt-mt-81 { margin-top: 81px } .rt-mr-81 { margin-right: 81px } .rt-mb-81 { margin-bottom: 81px } .rt-ml-81 { margin-left: 81px } .rt-m-81 { margin: 81px } .rt-font-82 { font-size: 82px } .rt-lh-82 { line-height: 82px } .rt-pt-82 { padding-top: 82px } .rt-pr-82 { padding-right: 82px } .rt-pb-82 { padding-bottom: 82px } .rt-pl-82 { padding-left: 82px } .rt-p-82 { padding: 82px } .rt-mt-82 { margin-top: 82px } .rt-mr-82 { margin-right: 82px } .rt-mb-82 { margin-bottom: 82px } .rt-ml-82 { margin-left: 82px } .rt-m-82 { margin: 82px } .rt-font-83 { font-size: 83px } .rt-lh-83 { line-height: 83px } .rt-pt-83 { padding-top: 83px } .rt-pr-83 { padding-right: 83px } .rt-pb-83 { padding-bottom: 83px } .rt-pl-83 { padding-left: 83px } .rt-p-83 { padding: 83px } .rt-mt-83 { margin-top: 83px } .rt-mr-83 { margin-right: 83px } .rt-mb-83 { margin-bottom: 83px } .rt-ml-83 { margin-left: 83px } .rt-m-83 { margin: 83px } .rt-font-84 { font-size: 84px } .rt-lh-84 { line-height: 84px } .rt-pt-84 { padding-top: 84px } .rt-pr-84 { padding-right: 84px } .rt-pb-84 { padding-bottom: 84px } .rt-pl-84 { padding-left: 84px } .rt-p-84 { padding: 84px } .rt-mt-84 { margin-top: 84px } .rt-mr-84 { margin-right: 84px } .rt-mb-84 { margin-bottom: 84px } .rt-ml-84 { margin-left: 84px } .rt-m-84 { margin: 84px } .rt-font-85 { font-size: 85px } .rt-lh-85 { line-height: 85px } .rt-pt-85 { padding-top: 85px } .rt-pr-85 { padding-right: 85px } .rt-pb-85 { padding-bottom: 85px } .rt-pl-85 { padding-left: 85px } .rt-p-85 { padding: 85px } .rt-mt-85 { margin-top: 85px } .rt-mr-85 { margin-right: 85px } .rt-mb-85 { margin-bottom: 85px } .rt-ml-85 { margin-left: 85px } .rt-m-85 { margin: 85px } .rt-font-86 { font-size: 86px } .rt-lh-86 { line-height: 86px } .rt-pt-86 { padding-top: 86px } .rt-pr-86 { padding-right: 86px } .rt-pb-86 { padding-bottom: 86px } .rt-pl-86 { padding-left: 86px } .rt-p-86 { padding: 86px } .rt-mt-86 { margin-top: 86px } .rt-mr-86 { margin-right: 86px } .rt-mb-86 { margin-bottom: 86px } .rt-ml-86 { margin-left: 86px } .rt-m-86 { margin: 86px } .rt-font-87 { font-size: 87px } .rt-lh-87 { line-height: 87px } .rt-pt-87 { padding-top: 87px } .rt-pr-87 { padding-right: 87px } .rt-pb-87 { padding-bottom: 87px } .rt-pl-87 { padding-left: 87px } .rt-p-87 { padding: 87px } .rt-mt-87 { margin-top: 87px } .rt-mr-87 { margin-right: 87px } .rt-mb-87 { margin-bottom: 87px } .rt-ml-87 { margin-left: 87px } .rt-m-87 { margin: 87px } .rt-font-88 { font-size: 88px } .rt-lh-88 { line-height: 88px } .rt-pt-88 { padding-top: 88px } .rt-pr-88 { padding-right: 88px } .rt-pb-88 { padding-bottom: 88px } .rt-pl-88 { padding-left: 88px } .rt-p-88 { padding: 88px } .rt-mt-88 { margin-top: 88px } .rt-mr-88 { margin-right: 88px } .rt-mb-88 { margin-bottom: 88px } .rt-ml-88 { margin-left: 88px } .rt-m-88 { margin: 88px } .rt-font-89 { font-size: 89px } .rt-lh-89 { line-height: 89px } .rt-pt-89 { padding-top: 89px } .rt-pr-89 { padding-right: 89px } .rt-pb-89 { padding-bottom: 89px } .rt-pl-89 { padding-left: 89px } .rt-p-89 { padding: 89px } .rt-mt-89 { margin-top: 89px } .rt-mr-89 { margin-right: 89px } .rt-mb-89 { margin-bottom: 89px } .rt-ml-89 { margin-left: 89px } .rt-m-89 { margin: 89px } .rt-font-90 { font-size: 90px } .rt-lh-90 { line-height: 90px } .rt-pt-90 { padding-top: 90px } .rt-pr-90 { padding-right: 90px } .rt-pb-90 { padding-bottom: 90px } .rt-pl-90 { padding-left: 90px } .rt-p-90 { padding: 90px } .rt-mt-90 { margin-top: 90px } .rt-mr-90 { margin-right: 90px } .rt-mb-90 { margin-bottom: 90px } .rt-ml-90 { margin-left: 90px } .rt-m-90 { margin: 90px } .rt-font-91 { font-size: 91px } .rt-lh-91 { line-height: 91px } .rt-pt-91 { padding-top: 91px } .rt-pr-91 { padding-right: 91px } .rt-pb-91 { padding-bottom: 91px } .rt-pl-91 { padding-left: 91px } .rt-p-91 { padding: 91px } .rt-mt-91 { margin-top: 91px } .rt-mr-91 { margin-right: 91px } .rt-mb-91 { margin-bottom: 91px } .rt-ml-91 { margin-left: 91px } .rt-m-91 { margin: 91px } .rt-font-92 { font-size: 92px } .rt-lh-92 { line-height: 92px } .rt-pt-92 { padding-top: 92px } .rt-pr-92 { padding-right: 92px } .rt-pb-92 { padding-bottom: 92px } .rt-pl-92 { padding-left: 92px } .rt-p-92 { padding: 92px } .rt-mt-92 { margin-top: 92px } .rt-mr-92 { margin-right: 92px } .rt-mb-92 { margin-bottom: 92px } .rt-ml-92 { margin-left: 92px } .rt-m-92 { margin: 92px } .rt-font-93 { font-size: 93px } .rt-lh-93 { line-height: 93px } .rt-pt-93 { padding-top: 93px } .rt-pr-93 { padding-right: 93px } .rt-pb-93 { padding-bottom: 93px } .rt-pl-93 { padding-left: 93px } .rt-p-93 { padding: 93px } .rt-mt-93 { margin-top: 93px } .rt-mr-93 { margin-right: 93px } .rt-mb-93 { margin-bottom: 93px } .rt-ml-93 { margin-left: 93px } .rt-m-93 { margin: 93px } .rt-font-94 { font-size: 94px } .rt-lh-94 { line-height: 94px } .rt-pt-94 { padding-top: 94px } .rt-pr-94 { padding-right: 94px } .rt-pb-94 { padding-bottom: 94px } .rt-pl-94 { padding-left: 94px } .rt-p-94 { padding: 94px } .rt-mt-94 { margin-top: 94px } .rt-mr-94 { margin-right: 94px } .rt-mb-94 { margin-bottom: 94px } .rt-ml-94 { margin-left: 94px } .rt-m-94 { margin: 94px } .rt-font-95 { font-size: 95px } .rt-lh-95 { line-height: 95px } .rt-pt-95 { padding-top: 95px } .rt-pr-95 { padding-right: 95px } .rt-pb-95 { padding-bottom: 95px } .rt-pl-95 { padding-left: 95px } .rt-p-95 { padding: 95px } .rt-mt-95 { margin-top: 95px } .rt-mr-95 { margin-right: 95px } .rt-mb-95 { margin-bottom: 95px } .rt-ml-95 { margin-left: 95px } .rt-m-95 { margin: 95px } .rt-font-96 { font-size: 96px } .rt-lh-96 { line-height: 96px } .rt-pt-96 { padding-top: 96px } .rt-pr-96 { padding-right: 96px } .rt-pb-96 { padding-bottom: 96px } .rt-pl-96 { padding-left: 96px } .rt-p-96 { padding: 96px } .rt-mt-96 { margin-top: 96px } .rt-mr-96 { margin-right: 96px } .rt-mb-96 { margin-bottom: 96px } .rt-ml-96 { margin-left: 96px } .rt-m-96 { margin: 96px } .rt-font-97 { font-size: 97px } .rt-lh-97 { line-height: 97px } .rt-pt-97 { padding-top: 97px } .rt-pr-97 { padding-right: 97px } .rt-pb-97 { padding-bottom: 97px } .rt-pl-97 { padding-left: 97px } .rt-p-97 { padding: 97px } .rt-mt-97 { margin-top: 97px } .rt-mr-97 { margin-right: 97px } .rt-mb-97 { margin-bottom: 97px } .rt-ml-97 { margin-left: 97px } .rt-m-97 { margin: 97px } .rt-font-98 { font-size: 98px } .rt-lh-98 { line-height: 98px } .rt-pt-98 { padding-top: 98px } .rt-pr-98 { padding-right: 98px } .rt-pb-98 { padding-bottom: 98px } .rt-pl-98 { padding-left: 98px } .rt-p-98 { padding: 98px } .rt-mt-98 { margin-top: 98px } .rt-mr-98 { margin-right: 98px } .rt-mb-98 { margin-bottom: 98px } .rt-ml-98 { margin-left: 98px } .rt-m-98 { margin: 98px } .rt-font-99 { font-size: 99px } .rt-lh-99 { line-height: 99px } .rt-pt-99 { padding-top: 99px } .rt-pr-99 { padding-right: 99px } .rt-pb-99 { padding-bottom: 99px } .rt-pl-99 { padding-left: 99px } .rt-p-99 { padding: 99px } .rt-mt-99 { margin-top: 99px } .rt-mr-99 { margin-right: 99px } .rt-mb-99 { margin-bottom: 99px } .rt-ml-99 { margin-left: 99px } .rt-m-99 { margin: 99px } .rt-font-100 { font-size: 100px } .rt-lh-100 { line-height: 100px } .rt-pt-100 { padding-top: 100px } .rt-pr-100 { padding-right: 100px } .rt-pb-100 { padding-bottom: 100px } .rt-pl-100 { padding-left: 100px } .rt-p-100 { padding: 100px } .rt-mt-100 { margin-top: 100px } .rt-mr-100 { margin-right: 100px } .rt-mb-100 { margin-bottom: 100px } .rt-ml-100 { margin-left: 100px } .rt-m-100 { margin: 100px } .rt-font-101 { font-size: 101px } .rt-lh-101 { line-height: 101px } .rt-pt-101 { padding-top: 101px } .rt-pr-101 { padding-right: 101px } .rt-pb-101 { padding-bottom: 101px } .rt-pl-101 { padding-left: 101px } .rt-p-101 { padding: 101px } .rt-mt-101 { margin-top: 101px } .rt-mr-101 { margin-right: 101px } .rt-mb-101 { margin-bottom: 101px } .rt-ml-101 { margin-left: 101px } .rt-m-101 { margin: 101px } .rt-font-102 { font-size: 102px } .rt-lh-102 { line-height: 102px } .rt-pt-102 { padding-top: 102px } .rt-pr-102 { padding-right: 102px } .rt-pb-102 { padding-bottom: 102px } .rt-pl-102 { padding-left: 102px } .rt-p-102 { padding: 102px } .rt-mt-102 { margin-top: 102px } .rt-mr-102 { margin-right: 102px } .rt-mb-102 { margin-bottom: 102px } .rt-ml-102 { margin-left: 102px } .rt-m-102 { margin: 102px } .rt-font-103 { font-size: 103px } .rt-lh-103 { line-height: 103px } .rt-pt-103 { padding-top: 103px } .rt-pr-103 { padding-right: 103px } .rt-pb-103 { padding-bottom: 103px } .rt-pl-103 { padding-left: 103px } .rt-p-103 { padding: 103px } .rt-mt-103 { margin-top: 103px } .rt-mr-103 { margin-right: 103px } .rt-mb-103 { margin-bottom: 103px } .rt-ml-103 { margin-left: 103px } .rt-m-103 { margin: 103px } .rt-font-104 { font-size: 104px } .rt-lh-104 { line-height: 104px } .rt-pt-104 { padding-top: 104px } .rt-pr-104 { padding-right: 104px } .rt-pb-104 { padding-bottom: 104px } .rt-pl-104 { padding-left: 104px } .rt-p-104 { padding: 104px } .rt-mt-104 { margin-top: 104px } .rt-mr-104 { margin-right: 104px } .rt-mb-104 { margin-bottom: 104px } .rt-ml-104 { margin-left: 104px } .rt-m-104 { margin: 104px } .rt-font-105 { font-size: 105px } .rt-lh-105 { line-height: 105px } .rt-pt-105 { padding-top: 105px } .rt-pr-105 { padding-right: 105px } .rt-pb-105 { padding-bottom: 105px } .rt-pl-105 { padding-left: 105px } .rt-p-105 { padding: 105px } .rt-mt-105 { margin-top: 105px } .rt-mr-105 { margin-right: 105px } .rt-mb-105 { margin-bottom: 105px } .rt-ml-105 { margin-left: 105px } .rt-m-105 { margin: 105px } .rt-font-106 { font-size: 106px } .rt-lh-106 { line-height: 106px } .rt-pt-106 { padding-top: 106px } .rt-pr-106 { padding-right: 106px } .rt-pb-106 { padding-bottom: 106px } .rt-pl-106 { padding-left: 106px } .rt-p-106 { padding: 106px } .rt-mt-106 { margin-top: 106px } .rt-mr-106 { margin-right: 106px } .rt-mb-106 { margin-bottom: 106px } .rt-ml-106 { margin-left: 106px } .rt-m-106 { margin: 106px } .rt-font-107 { font-size: 107px } .rt-lh-107 { line-height: 107px } .rt-pt-107 { padding-top: 107px } .rt-pr-107 { padding-right: 107px } .rt-pb-107 { padding-bottom: 107px } .rt-pl-107 { padding-left: 107px } .rt-p-107 { padding: 107px } .rt-mt-107 { margin-top: 107px } .rt-mr-107 { margin-right: 107px } .rt-mb-107 { margin-bottom: 107px } .rt-ml-107 { margin-left: 107px } .rt-m-107 { margin: 107px } .rt-font-108 { font-size: 108px } .rt-lh-108 { line-height: 108px } .rt-pt-108 { padding-top: 108px } .rt-pr-108 { padding-right: 108px } .rt-pb-108 { padding-bottom: 108px } .rt-pl-108 { padding-left: 108px } .rt-p-108 { padding: 108px } .rt-mt-108 { margin-top: 108px } .rt-mr-108 { margin-right: 108px } .rt-mb-108 { margin-bottom: 108px } .rt-ml-108 { margin-left: 108px } .rt-m-108 { margin: 108px } .rt-font-109 { font-size: 109px } .rt-lh-109 { line-height: 109px } .rt-pt-109 { padding-top: 109px } .rt-pr-109 { padding-right: 109px } .rt-pb-109 { padding-bottom: 109px } .rt-pl-109 { padding-left: 109px } .rt-p-109 { padding: 109px } .rt-mt-109 { margin-top: 109px } .rt-mr-109 { margin-right: 109px } .rt-mb-109 { margin-bottom: 109px } .rt-ml-109 { margin-left: 109px } .rt-m-109 { margin: 109px } .rt-font-110 { font-size: 110px } .rt-lh-110 { line-height: 110px } .rt-pt-110 { padding-top: 110px } .rt-pr-110 { padding-right: 110px } .rt-pb-110 { padding-bottom: 110px } .rt-pl-110 { padding-left: 110px } .rt-p-110 { padding: 110px } .rt-mt-110 { margin-top: 110px } .rt-mr-110 { margin-right: 110px } .rt-mb-110 { margin-bottom: 110px } .rt-ml-110 { margin-left: 110px } .rt-m-110 { margin: 110px } .rt-font-111 { font-size: 111px } .rt-lh-111 { line-height: 111px } .rt-pt-111 { padding-top: 111px } .rt-pr-111 { padding-right: 111px } .rt-pb-111 { padding-bottom: 111px } .rt-pl-111 { padding-left: 111px } .rt-p-111 { padding: 111px } .rt-mt-111 { margin-top: 111px } .rt-mr-111 { margin-right: 111px } .rt-mb-111 { margin-bottom: 111px } .rt-ml-111 { margin-left: 111px } .rt-m-111 { margin: 111px } .rt-font-112 { font-size: 112px } .rt-lh-112 { line-height: 112px } .rt-pt-112 { padding-top: 112px } .rt-pr-112 { padding-right: 112px } .rt-pb-112 { padding-bottom: 112px } .rt-pl-112 { padding-left: 112px } .rt-p-112 { padding: 112px } .rt-mt-112 { margin-top: 112px } .rt-mr-112 { margin-right: 112px } .rt-mb-112 { margin-bottom: 112px } .rt-ml-112 { margin-left: 112px } .rt-m-112 { margin: 112px } .rt-font-113 { font-size: 113px } .rt-lh-113 { line-height: 113px } .rt-pt-113 { padding-top: 113px } .rt-pr-113 { padding-right: 113px } .rt-pb-113 { padding-bottom: 113px } .rt-pl-113 { padding-left: 113px } .rt-p-113 { padding: 113px } .rt-mt-113 { margin-top: 113px } .rt-mr-113 { margin-right: 113px } .rt-mb-113 { margin-bottom: 113px } .rt-ml-113 { margin-left: 113px } .rt-m-113 { margin: 113px } .rt-font-114 { font-size: 114px } .rt-lh-114 { line-height: 114px } .rt-pt-114 { padding-top: 114px } .rt-pr-114 { padding-right: 114px } .rt-pb-114 { padding-bottom: 114px } .rt-pl-114 { padding-left: 114px } .rt-p-114 { padding: 114px } .rt-mt-114 { margin-top: 114px } .rt-mr-114 { margin-right: 114px } .rt-mb-114 { margin-bottom: 114px } .rt-ml-114 { margin-left: 114px } .rt-m-114 { margin: 114px } .rt-font-115 { font-size: 115px } .rt-lh-115 { line-height: 115px } .rt-pt-115 { padding-top: 115px } .rt-pr-115 { padding-right: 115px } .rt-pb-115 { padding-bottom: 115px } .rt-pl-115 { padding-left: 115px } .rt-p-115 { padding: 115px } .rt-mt-115 { margin-top: 115px } .rt-mr-115 { margin-right: 115px } .rt-mb-115 { margin-bottom: 115px } .rt-ml-115 { margin-left: 115px } .rt-m-115 { margin: 115px } .rt-font-116 { font-size: 116px } .rt-lh-116 { line-height: 116px } .rt-pt-116 { padding-top: 116px } .rt-pr-116 { padding-right: 116px } .rt-pb-116 { padding-bottom: 116px } .rt-pl-116 { padding-left: 116px } .rt-p-116 { padding: 116px } .rt-mt-116 { margin-top: 116px } .rt-mr-116 { margin-right: 116px } .rt-mb-116 { margin-bottom: 116px } .rt-ml-116 { margin-left: 116px } .rt-m-116 { margin: 116px } .rt-font-117 { font-size: 117px } .rt-lh-117 { line-height: 117px } .rt-pt-117 { padding-top: 117px } .rt-pr-117 { padding-right: 117px } .rt-pb-117 { padding-bottom: 117px } .rt-pl-117 { padding-left: 117px } .rt-p-117 { padding: 117px } .rt-mt-117 { margin-top: 117px } .rt-mr-117 { margin-right: 117px } .rt-mb-117 { margin-bottom: 117px } .rt-ml-117 { margin-left: 117px } .rt-m-117 { margin: 117px } .rt-font-118 { font-size: 118px } .rt-lh-118 { line-height: 118px } .rt-pt-118 { padding-top: 118px } .rt-pr-118 { padding-right: 118px } .rt-pb-118 { padding-bottom: 118px } .rt-pl-118 { padding-left: 118px } .rt-p-118 { padding: 118px } .rt-mt-118 { margin-top: 118px } .rt-mr-118 { margin-right: 118px } .rt-mb-118 { margin-bottom: 118px } .rt-ml-118 { margin-left: 118px } .rt-m-118 { margin: 118px } .rt-font-119 { font-size: 119px } .rt-lh-119 { line-height: 119px } .rt-pt-119 { padding-top: 119px } .rt-pr-119 { padding-right: 119px } .rt-pb-119 { padding-bottom: 119px } .rt-pl-119 { padding-left: 119px } .rt-p-119 { padding: 119px } .rt-mt-119 { margin-top: 119px } .rt-mr-119 { margin-right: 119px } .rt-mb-119 { margin-bottom: 119px } .rt-ml-119 { margin-left: 119px } .rt-m-119 { margin: 119px } .rt-font-120 { font-size: 120px } .rt-lh-120 { line-height: 120px } .rt-pt-120 { padding-top: 120px } .rt-pr-120 { padding-right: 120px } .rt-pb-120 { padding-bottom: 120px } .rt-pl-120 { padding-left: 120px } .rt-p-120 { padding: 120px } .rt-mt-120 { margin-top: 120px } .rt-mr-120 { margin-right: 120px } .rt-mb-120 { margin-bottom: 120px } .rt-ml-120 { margin-left: 120px } .rt-m-120 { margin: 120px } .rt-font-121 { font-size: 121px } .rt-lh-121 { line-height: 121px } .rt-pt-121 { padding-top: 121px } .rt-pr-121 { padding-right: 121px } .rt-pb-121 { padding-bottom: 121px } .rt-pl-121 { padding-left: 121px } .rt-p-121 { padding: 121px } .rt-mt-121 { margin-top: 121px } .rt-mr-121 { margin-right: 121px } .rt-mb-121 { margin-bottom: 121px } .rt-ml-121 { margin-left: 121px } .rt-m-121 { margin: 121px } .rt-font-122 { font-size: 122px } .rt-lh-122 { line-height: 122px } .rt-pt-122 { padding-top: 122px } .rt-pr-122 { padding-right: 122px } .rt-pb-122 { padding-bottom: 122px } .rt-pl-122 { padding-left: 122px } .rt-p-122 { padding: 122px } .rt-mt-122 { margin-top: 122px } .rt-mr-122 { margin-right: 122px } .rt-mb-122 { margin-bottom: 122px } .rt-ml-122 { margin-left: 122px } .rt-m-122 { margin: 122px } .rt-font-123 { font-size: 123px } .rt-lh-123 { line-height: 123px } .rt-pt-123 { padding-top: 123px } .rt-pr-123 { padding-right: 123px } .rt-pb-123 { padding-bottom: 123px } .rt-pl-123 { padding-left: 123px } .rt-p-123 { padding: 123px } .rt-mt-123 { margin-top: 123px } .rt-mr-123 { margin-right: 123px } .rt-mb-123 { margin-bottom: 123px } .rt-ml-123 { margin-left: 123px } .rt-m-123 { margin: 123px } .rt-font-124 { font-size: 124px } .rt-lh-124 { line-height: 124px } .rt-pt-124 { padding-top: 124px } .rt-pr-124 { padding-right: 124px } .rt-pb-124 { padding-bottom: 124px } .rt-pl-124 { padding-left: 124px } .rt-p-124 { padding: 124px } .rt-mt-124 { margin-top: 124px } .rt-mr-124 { margin-right: 124px } .rt-mb-124 { margin-bottom: 124px } .rt-ml-124 { margin-left: 124px } .rt-m-124 { margin: 124px } .rt-font-125 { font-size: 125px } .rt-lh-125 { line-height: 125px } .rt-pt-125 { padding-top: 125px } .rt-pr-125 { padding-right: 125px } .rt-pb-125 { padding-bottom: 125px } .rt-pl-125 { padding-left: 125px } .rt-p-125 { padding: 125px } .rt-mt-125 { margin-top: 125px } .rt-mr-125 { margin-right: 125px } .rt-mb-125 { margin-bottom: 125px } .rt-ml-125 { margin-left: 125px } .rt-m-125 { margin: 125px } .rt-font-126 { font-size: 126px } .rt-lh-126 { line-height: 126px } .rt-pt-126 { padding-top: 126px } .rt-pr-126 { padding-right: 126px } .rt-pb-126 { padding-bottom: 126px } .rt-pl-126 { padding-left: 126px } .rt-p-126 { padding: 126px } .rt-mt-126 { margin-top: 126px } .rt-mr-126 { margin-right: 126px } .rt-mb-126 { margin-bottom: 126px } .rt-ml-126 { margin-left: 126px } .rt-m-126 { margin: 126px } .rt-font-127 { font-size: 127px } .rt-lh-127 { line-height: 127px } .rt-pt-127 { padding-top: 127px } .rt-pr-127 { padding-right: 127px } .rt-pb-127 { padding-bottom: 127px } .rt-pl-127 { padding-left: 127px } .rt-p-127 { padding: 127px } .rt-mt-127 { margin-top: 127px } .rt-mr-127 { margin-right: 127px } .rt-mb-127 { margin-bottom: 127px } .rt-ml-127 { margin-left: 127px } .rt-m-127 { margin: 127px } .rt-font-128 { font-size: 128px } .rt-lh-128 { line-height: 128px } .rt-pt-128 { padding-top: 128px } .rt-pr-128 { padding-right: 128px } .rt-pb-128 { padding-bottom: 128px } .rt-pl-128 { padding-left: 128px } .rt-p-128 { padding: 128px } .rt-mt-128 { margin-top: 128px } .rt-mr-128 { margin-right: 128px } .rt-mb-128 { margin-bottom: 128px } .rt-ml-128 { margin-left: 128px } .rt-m-128 { margin: 128px } .rt-font-129 { font-size: 129px } .rt-lh-129 { line-height: 129px } .rt-pt-129 { padding-top: 129px } .rt-pr-129 { padding-right: 129px } .rt-pb-129 { padding-bottom: 129px } .rt-pl-129 { padding-left: 129px } .rt-p-129 { padding: 129px } .rt-mt-129 { margin-top: 129px } .rt-mr-129 { margin-right: 129px } .rt-mb-129 { margin-bottom: 129px } .rt-ml-129 { margin-left: 129px } .rt-m-129 { margin: 129px } .rt-font-130 { font-size: 130px } .rt-lh-130 { line-height: 130px } .rt-pt-130 { padding-top: 130px } .rt-pr-130 { padding-right: 130px } .rt-pb-130 { padding-bottom: 130px } .rt-pl-130 { padding-left: 130px } .rt-p-130 { padding: 130px } .rt-mt-130 { margin-top: 130px } .rt-mr-130 { margin-right: 130px } .rt-mb-130 { margin-bottom: 130px } .rt-ml-130 { margin-left: 130px } .rt-m-130 { margin: 130px } .rt-font-131 { font-size: 131px } .rt-lh-131 { line-height: 131px } .rt-pt-131 { padding-top: 131px } .rt-pr-131 { padding-right: 131px } .rt-pb-131 { padding-bottom: 131px } .rt-pl-131 { padding-left: 131px } .rt-p-131 { padding: 131px } .rt-mt-131 { margin-top: 131px } .rt-mr-131 { margin-right: 131px } .rt-mb-131 { margin-bottom: 131px } .rt-ml-131 { margin-left: 131px } .rt-m-131 { margin: 131px } .rt-font-132 { font-size: 132px } .rt-lh-132 { line-height: 132px } .rt-pt-132 { padding-top: 132px } .rt-pr-132 { padding-right: 132px } .rt-pb-132 { padding-bottom: 132px } .rt-pl-132 { padding-left: 132px } .rt-p-132 { padding: 132px } .rt-mt-132 { margin-top: 132px } .rt-mr-132 { margin-right: 132px } .rt-mb-132 { margin-bottom: 132px } .rt-ml-132 { margin-left: 132px } .rt-m-132 { margin: 132px } .rt-font-133 { font-size: 133px } .rt-lh-133 { line-height: 133px } .rt-pt-133 { padding-top: 133px } .rt-pr-133 { padding-right: 133px } .rt-pb-133 { padding-bottom: 133px } .rt-pl-133 { padding-left: 133px } .rt-p-133 { padding: 133px } .rt-mt-133 { margin-top: 133px } .rt-mr-133 { margin-right: 133px } .rt-mb-133 { margin-bottom: 133px } .rt-ml-133 { margin-left: 133px } .rt-m-133 { margin: 133px } .rt-font-134 { font-size: 134px } .rt-lh-134 { line-height: 134px } .rt-pt-134 { padding-top: 134px } .rt-pr-134 { padding-right: 134px } .rt-pb-134 { padding-bottom: 134px } .rt-pl-134 { padding-left: 134px } .rt-p-134 { padding: 134px } .rt-mt-134 { margin-top: 134px } .rt-mr-134 { margin-right: 134px } .rt-mb-134 { margin-bottom: 134px } .rt-ml-134 { margin-left: 134px } .rt-m-134 { margin: 134px } .rt-font-135 { font-size: 135px } .rt-lh-135 { line-height: 135px } .rt-pt-135 { padding-top: 135px } .rt-pr-135 { padding-right: 135px } .rt-pb-135 { padding-bottom: 135px } .rt-pl-135 { padding-left: 135px } .rt-p-135 { padding: 135px } .rt-mt-135 { margin-top: 135px } .rt-mr-135 { margin-right: 135px } .rt-mb-135 { margin-bottom: 135px } .rt-ml-135 { margin-left: 135px } .rt-m-135 { margin: 135px } .rt-font-136 { font-size: 136px } .rt-lh-136 { line-height: 136px } .rt-pt-136 { padding-top: 136px } .rt-pr-136 { padding-right: 136px } .rt-pb-136 { padding-bottom: 136px } .rt-pl-136 { padding-left: 136px } .rt-p-136 { padding: 136px } .rt-mt-136 { margin-top: 136px } .rt-mr-136 { margin-right: 136px } .rt-mb-136 { margin-bottom: 136px } .rt-ml-136 { margin-left: 136px } .rt-m-136 { margin: 136px } .rt-font-137 { font-size: 137px } .rt-lh-137 { line-height: 137px } .rt-pt-137 { padding-top: 137px } .rt-pr-137 { padding-right: 137px } .rt-pb-137 { padding-bottom: 137px } .rt-pl-137 { padding-left: 137px } .rt-p-137 { padding: 137px } .rt-mt-137 { margin-top: 137px } .rt-mr-137 { margin-right: 137px } .rt-mb-137 { margin-bottom: 137px } .rt-ml-137 { margin-left: 137px } .rt-m-137 { margin: 137px } .rt-font-138 { font-size: 138px } .rt-lh-138 { line-height: 138px } .rt-pt-138 { padding-top: 138px } .rt-pr-138 { padding-right: 138px } .rt-pb-138 { padding-bottom: 138px } .rt-pl-138 { padding-left: 138px } .rt-p-138 { padding: 138px } .rt-mt-138 { margin-top: 138px } .rt-mr-138 { margin-right: 138px } .rt-mb-138 { margin-bottom: 138px } .rt-ml-138 { margin-left: 138px } .rt-m-138 { margin: 138px } .rt-font-139 { font-size: 139px } .rt-lh-139 { line-height: 139px } .rt-pt-139 { padding-top: 139px } .rt-pr-139 { padding-right: 139px } .rt-pb-139 { padding-bottom: 139px } .rt-pl-139 { padding-left: 139px } .rt-p-139 { padding: 139px } .rt-mt-139 { margin-top: 139px } .rt-mr-139 { margin-right: 139px } .rt-mb-139 { margin-bottom: 139px } .rt-ml-139 { margin-left: 139px } .rt-m-139 { margin: 139px } .rt-font-140 { font-size: 140px } .rt-lh-140 { line-height: 140px } .rt-pt-140 { padding-top: 140px } .rt-pr-140 { padding-right: 140px } .rt-pb-140 { padding-bottom: 140px } .rt-pl-140 { padding-left: 140px } .rt-p-140 { padding: 140px } .rt-mt-140 { margin-top: 140px } .rt-mr-140 { margin-right: 140px } .rt-mb-140 { margin-bottom: 140px } .rt-ml-140 { margin-left: 140px } .rt-m-140 { margin: 140px } .rt-font-141 { font-size: 141px } .rt-lh-141 { line-height: 141px } .rt-pt-141 { padding-top: 141px } .rt-pr-141 { padding-right: 141px } .rt-pb-141 { padding-bottom: 141px } .rt-pl-141 { padding-left: 141px } .rt-p-141 { padding: 141px } .rt-mt-141 { margin-top: 141px } .rt-mr-141 { margin-right: 141px } .rt-mb-141 { margin-bottom: 141px } .rt-ml-141 { margin-left: 141px } .rt-m-141 { margin: 141px } .rt-font-142 { font-size: 142px } .rt-lh-142 { line-height: 142px } .rt-pt-142 { padding-top: 142px } .rt-pr-142 { padding-right: 142px } .rt-pb-142 { padding-bottom: 142px } .rt-pl-142 { padding-left: 142px } .rt-p-142 { padding: 142px } .rt-mt-142 { margin-top: 142px } .rt-mr-142 { margin-right: 142px } .rt-mb-142 { margin-bottom: 142px } .rt-ml-142 { margin-left: 142px } .rt-m-142 { margin: 142px } .rt-font-143 { font-size: 143px } .rt-lh-143 { line-height: 143px } .rt-pt-143 { padding-top: 143px } .rt-pr-143 { padding-right: 143px } .rt-pb-143 { padding-bottom: 143px } .rt-pl-143 { padding-left: 143px } .rt-p-143 { padding: 143px } .rt-mt-143 { margin-top: 143px } .rt-mr-143 { margin-right: 143px } .rt-mb-143 { margin-bottom: 143px } .rt-ml-143 { margin-left: 143px } .rt-m-143 { margin: 143px } .rt-font-144 { font-size: 144px } .rt-lh-144 { line-height: 144px } .rt-pt-144 { padding-top: 144px } .rt-pr-144 { padding-right: 144px } .rt-pb-144 { padding-bottom: 144px } .rt-pl-144 { padding-left: 144px } .rt-p-144 { padding: 144px } .rt-mt-144 { margin-top: 144px } .rt-mr-144 { margin-right: 144px } .rt-mb-144 { margin-bottom: 144px } .rt-ml-144 { margin-left: 144px } .rt-m-144 { margin: 144px } .rt-font-145 { font-size: 145px } .rt-lh-145 { line-height: 145px } .rt-pt-145 { padding-top: 145px } .rt-pr-145 { padding-right: 145px } .rt-pb-145 { padding-bottom: 145px } .rt-pl-145 { padding-left: 145px } .rt-p-145 { padding: 145px } .rt-mt-145 { margin-top: 145px } .rt-mr-145 { margin-right: 145px } .rt-mb-145 { margin-bottom: 145px } .rt-ml-145 { margin-left: 145px } .rt-m-145 { margin: 145px } .rt-font-146 { font-size: 146px } .rt-lh-146 { line-height: 146px } .rt-pt-146 { padding-top: 146px } .rt-pr-146 { padding-right: 146px } .rt-pb-146 { padding-bottom: 146px } .rt-pl-146 { padding-left: 146px } .rt-p-146 { padding: 146px } .rt-mt-146 { margin-top: 146px } .rt-mr-146 { margin-right: 146px } .rt-mb-146 { margin-bottom: 146px } .rt-ml-146 { margin-left: 146px } .rt-m-146 { margin: 146px } .rt-font-147 { font-size: 147px } .rt-lh-147 { line-height: 147px } .rt-pt-147 { padding-top: 147px } .rt-pr-147 { padding-right: 147px } .rt-pb-147 { padding-bottom: 147px } .rt-pl-147 { padding-left: 147px } .rt-p-147 { padding: 147px } .rt-mt-147 { margin-top: 147px } .rt-mr-147 { margin-right: 147px } .rt-mb-147 { margin-bottom: 147px } .rt-ml-147 { margin-left: 147px } .rt-m-147 { margin: 147px } .rt-font-148 { font-size: 148px } .rt-lh-148 { line-height: 148px } .rt-pt-148 { padding-top: 148px } .rt-pr-148 { padding-right: 148px } .rt-pb-148 { padding-bottom: 148px } .rt-pl-148 { padding-left: 148px } .rt-p-148 { padding: 148px } .rt-mt-148 { margin-top: 148px } .rt-mr-148 { margin-right: 148px } .rt-mb-148 { margin-bottom: 148px } .rt-ml-148 { margin-left: 148px } .rt-m-148 { margin: 148px } .rt-font-149 { font-size: 149px } .rt-lh-149 { line-height: 149px } .rt-pt-149 { padding-top: 149px } .rt-pr-149 { padding-right: 149px } .rt-pb-149 { padding-bottom: 149px } .rt-pl-149 { padding-left: 149px } .rt-p-149 { padding: 149px } .rt-mt-149 { margin-top: 149px } .rt-mr-149 { margin-right: 149px } .rt-mb-149 { margin-bottom: 149px } .rt-ml-149 { margin-left: 149px } .rt-m-149 { margin: 149px } .rt-font-150 { font-size: 150px } .rt-lh-150 { line-height: 150px } .rt-pt-150 { padding-top: 150px } .rt-pr-150 { padding-right: 150px } .rt-pb-150 { padding-bottom: 150px } .rt-pl-150 { padding-left: 150px } .rt-p-150 { padding: 150px } .rt-mt-150 { margin-top: 150px } .rt-mr-150 { margin-right: 150px } .rt-mb-150 { margin-bottom: 150px } .rt-ml-150 { margin-left: 150px } .rt-m-150 { margin: 150px } .rt-mx-auto { margin-left: auto; margin-right: auto } .rt-fw-100 { font-weight: 100 } .rt-fw-200 { font-weight: 200 } .rt-fw-300 { font-weight: 300 } .rt-fw-400 { font-weight: 400 } .rt-fw-500 { font-weight: 500 } .rt-fw-600 { font-weight: 600 } .rt-fw-700 { font-weight: 700 } .rt-c-white { color: #fff } .rt-c-black { color: #222 } } @media screen and (max-width: 1024px) { .rt-m-font-1 { font-size: 1px } .rt-m-lh-1 { line-height: 1px } .rt-m-pt-1 { padding-top: 1px } .rt-m-pr-1 { padding-right: 1px } .rt-m-pb-1 { padding-bottom: 1px } .rt-m-pl-1 { padding-left: 1px } .rt-m-p-1 { padding: 1px } .rt-m-mt-1 { margin-top: 1px } .rt-m-mr-1 { margin-right: 1px } .rt-m-mb-1 { margin-bottom: 1px } .rt-m-ml-1 { margin-left: 1px } .rt-m-m-1 { margin: 1px } .rt-m-font-2 { font-size: 2px } .rt-m-lh-2 { line-height: 2px } .rt-m-pt-2 { padding-top: 2px } .rt-m-pr-2 { padding-right: 2px } .rt-m-pb-2 { padding-bottom: 2px } .rt-m-pl-2 { padding-left: 2px } .rt-m-p-2 { padding: 2px } .rt-m-mt-2 { margin-top: 2px } .rt-m-mr-2 { margin-right: 2px } .rt-m-mb-2 { margin-bottom: 2px } .rt-m-ml-2 { margin-left: 2px } .rt-m-m-2 { margin: 2px } .rt-m-font-3 { font-size: 3px } .rt-m-lh-3 { line-height: 3px } .rt-m-pt-3 { padding-top: 3px } .rt-m-pr-3 { padding-right: 3px } .rt-m-pb-3 { padding-bottom: 3px } .rt-m-pl-3 { padding-left: 3px } .rt-m-p-3 { padding: 3px } .rt-m-mt-3 { margin-top: 3px } .rt-m-mr-3 { margin-right: 3px } .rt-m-mb-3 { margin-bottom: 3px } .rt-m-ml-3 { margin-left: 3px } .rt-m-m-3 { margin: 3px } .rt-m-font-4 { font-size: 4px } .rt-m-lh-4 { line-height: 4px } .rt-m-pt-4 { padding-top: 4px } .rt-m-pr-4 { padding-right: 4px } .rt-m-pb-4 { padding-bottom: 4px } .rt-m-pl-4 { padding-left: 4px } .rt-m-p-4 { padding: 4px } .rt-m-mt-4 { margin-top: 4px } .rt-m-mr-4 { margin-right: 4px } .rt-m-mb-4 { margin-bottom: 4px } .rt-m-ml-4 { margin-left: 4px } .rt-m-m-4 { margin: 4px } .rt-m-font-5 { font-size: 5px } .rt-m-lh-5 { line-height: 5px } .rt-m-pt-5 { padding-top: 5px } .rt-m-pr-5 { padding-right: 5px } .rt-m-pb-5 { padding-bottom: 5px } .rt-m-pl-5 { padding-left: 5px } .rt-m-p-5 { padding: 5px } .rt-m-mt-5 { margin-top: 5px } .rt-m-mr-5 { margin-right: 5px } .rt-m-mb-5 { margin-bottom: 5px } .rt-m-ml-5 { margin-left: 5px } .rt-m-m-5 { margin: 5px } .rt-m-font-6 { font-size: 6px } .rt-m-lh-6 { line-height: 6px } .rt-m-pt-6 { padding-top: 6px } .rt-m-pr-6 { padding-right: 6px } .rt-m-pb-6 { padding-bottom: 6px } .rt-m-pl-6 { padding-left: 6px } .rt-m-p-6 { padding: 6px } .rt-m-mt-6 { margin-top: 6px } .rt-m-mr-6 { margin-right: 6px } .rt-m-mb-6 { margin-bottom: 6px } .rt-m-ml-6 { margin-left: 6px } .rt-m-m-6 { margin: 6px } .rt-m-font-7 { font-size: 7px } .rt-m-lh-7 { line-height: 7px } .rt-m-pt-7 { padding-top: 7px } .rt-m-pr-7 { padding-right: 7px } .rt-m-pb-7 { padding-bottom: 7px } .rt-m-pl-7 { padding-left: 7px } .rt-m-p-7 { padding: 7px } .rt-m-mt-7 { margin-top: 7px } .rt-m-mr-7 { margin-right: 7px } .rt-m-mb-7 { margin-bottom: 7px } .rt-m-ml-7 { margin-left: 7px } .rt-m-m-7 { margin: 7px } .rt-m-font-8 { font-size: 8px } .rt-m-lh-8 { line-height: 8px } .rt-m-pt-8 { padding-top: 8px } .rt-m-pr-8 { padding-right: 8px } .rt-m-pb-8 { padding-bottom: 8px } .rt-m-pl-8 { padding-left: 8px } .rt-m-p-8 { padding: 8px } .rt-m-mt-8 { margin-top: 8px } .rt-m-mr-8 { margin-right: 8px } .rt-m-mb-8 { margin-bottom: 8px } .rt-m-ml-8 { margin-left: 8px } .rt-m-m-8 { margin: 8px } .rt-m-font-9 { font-size: 9px } .rt-m-lh-9 { line-height: 9px } .rt-m-pt-9 { padding-top: 9px } .rt-m-pr-9 { padding-right: 9px } .rt-m-pb-9 { padding-bottom: 9px } .rt-m-pl-9 { padding-left: 9px } .rt-m-p-9 { padding: 9px } .rt-m-mt-9 { margin-top: 9px } .rt-m-mr-9 { margin-right: 9px } .rt-m-mb-9 { margin-bottom: 9px } .rt-m-ml-9 { margin-left: 9px } .rt-m-m-9 { margin: 9px } .rt-m-font-10 { font-size: 10px } .rt-m-lh-10 { line-height: 10px } .rt-m-pt-10 { padding-top: 10px } .rt-m-pr-10 { padding-right: 10px } .rt-m-pb-10 { padding-bottom: 10px } .rt-m-pl-10 { padding-left: 10px } .rt-m-p-10 { padding: 10px } .rt-m-mt-10 { margin-top: 10px } .rt-m-mr-10 { margin-right: 10px } .rt-m-mb-10 { margin-bottom: 10px } .rt-m-ml-10 { margin-left: 10px } .rt-m-m-10 { margin: 10px } .rt-m-font-11 { font-size: 11px } .rt-m-lh-11 { line-height: 11px } .rt-m-pt-11 { padding-top: 11px } .rt-m-pr-11 { padding-right: 11px } .rt-m-pb-11 { padding-bottom: 11px } .rt-m-pl-11 { padding-left: 11px } .rt-m-p-11 { padding: 11px } .rt-m-mt-11 { margin-top: 11px } .rt-m-mr-11 { margin-right: 11px } .rt-m-mb-11 { margin-bottom: 11px } .rt-m-ml-11 { margin-left: 11px } .rt-m-m-11 { margin: 11px } .rt-m-font-12 { font-size: 12px } .rt-m-lh-12 { line-height: 12px } .rt-m-pt-12 { padding-top: 12px } .rt-m-pr-12 { padding-right: 12px } .rt-m-pb-12 { padding-bottom: 12px } .rt-m-pl-12 { padding-left: 12px } .rt-m-p-12 { padding: 12px } .rt-m-mt-12 { margin-top: 12px } .rt-m-mr-12 { margin-right: 12px } .rt-m-mb-12 { margin-bottom: 12px } .rt-m-ml-12 { margin-left: 12px } .rt-m-m-12 { margin: 12px } .rt-m-font-13 { font-size: 13px } .rt-m-lh-13 { line-height: 13px } .rt-m-pt-13 { padding-top: 13px } .rt-m-pr-13 { padding-right: 13px } .rt-m-pb-13 { padding-bottom: 13px } .rt-m-pl-13 { padding-left: 13px } .rt-m-p-13 { padding: 13px } .rt-m-mt-13 { margin-top: 13px } .rt-m-mr-13 { margin-right: 13px } .rt-m-mb-13 { margin-bottom: 13px } .rt-m-ml-13 { margin-left: 13px } .rt-m-m-13 { margin: 13px } .rt-m-font-14 { font-size: 14px } .rt-m-lh-14 { line-height: 14px } .rt-m-pt-14 { padding-top: 14px } .rt-m-pr-14 { padding-right: 14px } .rt-m-pb-14 { padding-bottom: 14px } .rt-m-pl-14 { padding-left: 14px } .rt-m-p-14 { padding: 14px } .rt-m-mt-14 { margin-top: 14px } .rt-m-mr-14 { margin-right: 14px } .rt-m-mb-14 { margin-bottom: 14px } .rt-m-ml-14 { margin-left: 14px } .rt-m-m-14 { margin: 14px } .rt-m-font-15 { font-size: 15px } .rt-m-lh-15 { line-height: 15px } .rt-m-pt-15 { padding-top: 15px } .rt-m-pr-15 { padding-right: 15px } .rt-m-pb-15 { padding-bottom: 15px } .rt-m-pl-15 { padding-left: 15px } .rt-m-p-15 { padding: 15px } .rt-m-mt-15 { margin-top: 15px } .rt-m-mr-15 { margin-right: 15px } .rt-m-mb-15 { margin-bottom: 15px } .rt-m-ml-15 { margin-left: 15px } .rt-m-m-15 { margin: 15px } .rt-m-font-16 { font-size: 16px } .rt-m-lh-16 { line-height: 16px } .rt-m-pt-16 { padding-top: 16px } .rt-m-pr-16 { padding-right: 16px } .rt-m-pb-16 { padding-bottom: 16px } .rt-m-pl-16 { padding-left: 16px } .rt-m-p-16 { padding: 16px } .rt-m-mt-16 { margin-top: 16px } .rt-m-mr-16 { margin-right: 16px } .rt-m-mb-16 { margin-bottom: 16px } .rt-m-ml-16 { margin-left: 16px } .rt-m-m-16 { margin: 16px } .rt-m-font-17 { font-size: 17px } .rt-m-lh-17 { line-height: 17px } .rt-m-pt-17 { padding-top: 17px } .rt-m-pr-17 { padding-right: 17px } .rt-m-pb-17 { padding-bottom: 17px } .rt-m-pl-17 { padding-left: 17px } .rt-m-p-17 { padding: 17px } .rt-m-mt-17 { margin-top: 17px } .rt-m-mr-17 { margin-right: 17px } .rt-m-mb-17 { margin-bottom: 17px } .rt-m-ml-17 { margin-left: 17px } .rt-m-m-17 { margin: 17px } .rt-m-font-18 { font-size: 18px } .rt-m-lh-18 { line-height: 18px } .rt-m-pt-18 { padding-top: 18px } .rt-m-pr-18 { padding-right: 18px } .rt-m-pb-18 { padding-bottom: 18px } .rt-m-pl-18 { padding-left: 18px } .rt-m-p-18 { padding: 18px } .rt-m-mt-18 { margin-top: 18px } .rt-m-mr-18 { margin-right: 18px } .rt-m-mb-18 { margin-bottom: 18px } .rt-m-ml-18 { margin-left: 18px } .rt-m-m-18 { margin: 18px } .rt-m-font-19 { font-size: 19px } .rt-m-lh-19 { line-height: 19px } .rt-m-pt-19 { padding-top: 19px } .rt-m-pr-19 { padding-right: 19px } .rt-m-pb-19 { padding-bottom: 19px } .rt-m-pl-19 { padding-left: 19px } .rt-m-p-19 { padding: 19px } .rt-m-mt-19 { margin-top: 19px } .rt-m-mr-19 { margin-right: 19px } .rt-m-mb-19 { margin-bottom: 19px } .rt-m-ml-19 { margin-left: 19px } .rt-m-m-19 { margin: 19px } .rt-m-font-20 { font-size: 20px } .rt-m-lh-20 { line-height: 20px } .rt-m-pt-20 { padding-top: 20px } .rt-m-pr-20 { padding-right: 20px } .rt-m-pb-20 { padding-bottom: 20px } .rt-m-pl-20 { padding-left: 20px } .rt-m-p-20 { padding: 20px } .rt-m-mt-20 { margin-top: 20px } .rt-m-mr-20 { margin-right: 20px } .rt-m-mb-20 { margin-bottom: 20px } .rt-m-ml-20 { margin-left: 20px } .rt-m-m-20 { margin: 20px } .rt-m-font-21 { font-size: 21px } .rt-m-lh-21 { line-height: 21px } .rt-m-pt-21 { padding-top: 21px } .rt-m-pr-21 { padding-right: 21px } .rt-m-pb-21 { padding-bottom: 21px } .rt-m-pl-21 { padding-left: 21px } .rt-m-p-21 { padding: 21px } .rt-m-mt-21 { margin-top: 21px } .rt-m-mr-21 { margin-right: 21px } .rt-m-mb-21 { margin-bottom: 21px } .rt-m-ml-21 { margin-left: 21px } .rt-m-m-21 { margin: 21px } .rt-m-font-22 { font-size: 22px } .rt-m-lh-22 { line-height: 22px } .rt-m-pt-22 { padding-top: 22px } .rt-m-pr-22 { padding-right: 22px } .rt-m-pb-22 { padding-bottom: 22px } .rt-m-pl-22 { padding-left: 22px } .rt-m-p-22 { padding: 22px } .rt-m-mt-22 { margin-top: 22px } .rt-m-mr-22 { margin-right: 22px } .rt-m-mb-22 { margin-bottom: 22px } .rt-m-ml-22 { margin-left: 22px } .rt-m-m-22 { margin: 22px } .rt-m-font-23 { font-size: 23px } .rt-m-lh-23 { line-height: 23px } .rt-m-pt-23 { padding-top: 23px } .rt-m-pr-23 { padding-right: 23px } .rt-m-pb-23 { padding-bottom: 23px } .rt-m-pl-23 { padding-left: 23px } .rt-m-p-23 { padding: 23px } .rt-m-mt-23 { margin-top: 23px } .rt-m-mr-23 { margin-right: 23px } .rt-m-mb-23 { margin-bottom: 23px } .rt-m-ml-23 { margin-left: 23px } .rt-m-m-23 { margin: 23px } .rt-m-font-24 { font-size: 24px } .rt-m-lh-24 { line-height: 24px } .rt-m-pt-24 { padding-top: 24px } .rt-m-pr-24 { padding-right: 24px } .rt-m-pb-24 { padding-bottom: 24px } .rt-m-pl-24 { padding-left: 24px } .rt-m-p-24 { padding: 24px } .rt-m-mt-24 { margin-top: 24px } .rt-m-mr-24 { margin-right: 24px } .rt-m-mb-24 { margin-bottom: 24px } .rt-m-ml-24 { margin-left: 24px } .rt-m-m-24 { margin: 24px } .rt-m-font-25 { font-size: 25px } .rt-m-lh-25 { line-height: 25px } .rt-m-pt-25 { padding-top: 25px } .rt-m-pr-25 { padding-right: 25px } .rt-m-pb-25 { padding-bottom: 25px } .rt-m-pl-25 { padding-left: 25px } .rt-m-p-25 { padding: 25px } .rt-m-mt-25 { margin-top: 25px } .rt-m-mr-25 { margin-right: 25px } .rt-m-mb-25 { margin-bottom: 25px } .rt-m-ml-25 { margin-left: 25px } .rt-m-m-25 { margin: 25px } .rt-m-font-26 { font-size: 26px } .rt-m-lh-26 { line-height: 26px } .rt-m-pt-26 { padding-top: 26px } .rt-m-pr-26 { padding-right: 26px } .rt-m-pb-26 { padding-bottom: 26px } .rt-m-pl-26 { padding-left: 26px } .rt-m-p-26 { padding: 26px } .rt-m-mt-26 { margin-top: 26px } .rt-m-mr-26 { margin-right: 26px } .rt-m-mb-26 { margin-bottom: 26px } .rt-m-ml-26 { margin-left: 26px } .rt-m-m-26 { margin: 26px } .rt-m-font-27 { font-size: 27px } .rt-m-lh-27 { line-height: 27px } .rt-m-pt-27 { padding-top: 27px } .rt-m-pr-27 { padding-right: 27px } .rt-m-pb-27 { padding-bottom: 27px } .rt-m-pl-27 { padding-left: 27px } .rt-m-p-27 { padding: 27px } .rt-m-mt-27 { margin-top: 27px } .rt-m-mr-27 { margin-right: 27px } .rt-m-mb-27 { margin-bottom: 27px } .rt-m-ml-27 { margin-left: 27px } .rt-m-m-27 { margin: 27px } .rt-m-font-28 { font-size: 28px } .rt-m-lh-28 { line-height: 28px } .rt-m-pt-28 { padding-top: 28px } .rt-m-pr-28 { padding-right: 28px } .rt-m-pb-28 { padding-bottom: 28px } .rt-m-pl-28 { padding-left: 28px } .rt-m-p-28 { padding: 28px } .rt-m-mt-28 { margin-top: 28px } .rt-m-mr-28 { margin-right: 28px } .rt-m-mb-28 { margin-bottom: 28px } .rt-m-ml-28 { margin-left: 28px } .rt-m-m-28 { margin: 28px } .rt-m-font-29 { font-size: 29px } .rt-m-lh-29 { line-height: 29px } .rt-m-pt-29 { padding-top: 29px } .rt-m-pr-29 { padding-right: 29px } .rt-m-pb-29 { padding-bottom: 29px } .rt-m-pl-29 { padding-left: 29px } .rt-m-p-29 { padding: 29px } .rt-m-mt-29 { margin-top: 29px } .rt-m-mr-29 { margin-right: 29px } .rt-m-mb-29 { margin-bottom: 29px } .rt-m-ml-29 { margin-left: 29px } .rt-m-m-29 { margin: 29px } .rt-m-font-30 { font-size: 30px } .rt-m-lh-30 { line-height: 30px } .rt-m-pt-30 { padding-top: 30px } .rt-m-pr-30 { padding-right: 30px } .rt-m-pb-30 { padding-bottom: 30px } .rt-m-pl-30 { padding-left: 30px } .rt-m-p-30 { padding: 30px } .rt-m-mt-30 { margin-top: 30px } .rt-m-mr-30 { margin-right: 30px } .rt-m-mb-30 { margin-bottom: 30px } .rt-m-ml-30 { margin-left: 30px } .rt-m-m-30 { margin: 30px } .rt-m-font-31 { font-size: 31px } .rt-m-lh-31 { line-height: 31px } .rt-m-pt-31 { padding-top: 31px } .rt-m-pr-31 { padding-right: 31px } .rt-m-pb-31 { padding-bottom: 31px } .rt-m-pl-31 { padding-left: 31px } .rt-m-p-31 { padding: 31px } .rt-m-mt-31 { margin-top: 31px } .rt-m-mr-31 { margin-right: 31px } .rt-m-mb-31 { margin-bottom: 31px } .rt-m-ml-31 { margin-left: 31px } .rt-m-m-31 { margin: 31px } .rt-m-font-32 { font-size: 32px } .rt-m-lh-32 { line-height: 32px } .rt-m-pt-32 { padding-top: 32px } .rt-m-pr-32 { padding-right: 32px } .rt-m-pb-32 { padding-bottom: 32px } .rt-m-pl-32 { padding-left: 32px } .rt-m-p-32 { padding: 32px } .rt-m-mt-32 { margin-top: 32px } .rt-m-mr-32 { margin-right: 32px } .rt-m-mb-32 { margin-bottom: 32px } .rt-m-ml-32 { margin-left: 32px } .rt-m-m-32 { margin: 32px } .rt-m-font-33 { font-size: 33px } .rt-m-lh-33 { line-height: 33px } .rt-m-pt-33 { padding-top: 33px } .rt-m-pr-33 { padding-right: 33px } .rt-m-pb-33 { padding-bottom: 33px } .rt-m-pl-33 { padding-left: 33px } .rt-m-p-33 { padding: 33px } .rt-m-mt-33 { margin-top: 33px } .rt-m-mr-33 { margin-right: 33px } .rt-m-mb-33 { margin-bottom: 33px } .rt-m-ml-33 { margin-left: 33px } .rt-m-m-33 { margin: 33px } .rt-m-font-34 { font-size: 34px } .rt-m-lh-34 { line-height: 34px } .rt-m-pt-34 { padding-top: 34px } .rt-m-pr-34 { padding-right: 34px } .rt-m-pb-34 { padding-bottom: 34px } .rt-m-pl-34 { padding-left: 34px } .rt-m-p-34 { padding: 34px } .rt-m-mt-34 { margin-top: 34px } .rt-m-mr-34 { margin-right: 34px } .rt-m-mb-34 { margin-bottom: 34px } .rt-m-ml-34 { margin-left: 34px } .rt-m-m-34 { margin: 34px } .rt-m-font-35 { font-size: 35px } .rt-m-lh-35 { line-height: 35px } .rt-m-pt-35 { padding-top: 35px } .rt-m-pr-35 { padding-right: 35px } .rt-m-pb-35 { padding-bottom: 35px } .rt-m-pl-35 { padding-left: 35px } .rt-m-p-35 { padding: 35px } .rt-m-mt-35 { margin-top: 35px } .rt-m-mr-35 { margin-right: 35px } .rt-m-mb-35 { margin-bottom: 35px } .rt-m-ml-35 { margin-left: 35px } .rt-m-m-35 { margin: 35px } .rt-m-font-36 { font-size: 36px } .rt-m-lh-36 { line-height: 36px } .rt-m-pt-36 { padding-top: 36px } .rt-m-pr-36 { padding-right: 36px } .rt-m-pb-36 { padding-bottom: 36px } .rt-m-pl-36 { padding-left: 36px } .rt-m-p-36 { padding: 36px } .rt-m-mt-36 { margin-top: 36px } .rt-m-mr-36 { margin-right: 36px } .rt-m-mb-36 { margin-bottom: 36px } .rt-m-ml-36 { margin-left: 36px } .rt-m-m-36 { margin: 36px } .rt-m-font-37 { font-size: 37px } .rt-m-lh-37 { line-height: 37px } .rt-m-pt-37 { padding-top: 37px } .rt-m-pr-37 { padding-right: 37px } .rt-m-pb-37 { padding-bottom: 37px } .rt-m-pl-37 { padding-left: 37px } .rt-m-p-37 { padding: 37px } .rt-m-mt-37 { margin-top: 37px } .rt-m-mr-37 { margin-right: 37px } .rt-m-mb-37 { margin-bottom: 37px } .rt-m-ml-37 { margin-left: 37px } .rt-m-m-37 { margin: 37px } .rt-m-font-38 { font-size: 38px } .rt-m-lh-38 { line-height: 38px } .rt-m-pt-38 { padding-top: 38px } .rt-m-pr-38 { padding-right: 38px } .rt-m-pb-38 { padding-bottom: 38px } .rt-m-pl-38 { padding-left: 38px } .rt-m-p-38 { padding: 38px } .rt-m-mt-38 { margin-top: 38px } .rt-m-mr-38 { margin-right: 38px } .rt-m-mb-38 { margin-bottom: 38px } .rt-m-ml-38 { margin-left: 38px } .rt-m-m-38 { margin: 38px } .rt-m-font-39 { font-size: 39px } .rt-m-lh-39 { line-height: 39px } .rt-m-pt-39 { padding-top: 39px } .rt-m-pr-39 { padding-right: 39px } .rt-m-pb-39 { padding-bottom: 39px } .rt-m-pl-39 { padding-left: 39px } .rt-m-p-39 { padding: 39px } .rt-m-mt-39 { margin-top: 39px } .rt-m-mr-39 { margin-right: 39px } .rt-m-mb-39 { margin-bottom: 39px } .rt-m-ml-39 { margin-left: 39px } .rt-m-m-39 { margin: 39px } .rt-m-font-40 { font-size: 40px } .rt-m-lh-40 { line-height: 40px } .rt-m-pt-40 { padding-top: 40px } .rt-m-pr-40 { padding-right: 40px } .rt-m-pb-40 { padding-bottom: 40px } .rt-m-pl-40 { padding-left: 40px } .rt-m-p-40 { padding: 40px } .rt-m-mt-40 { margin-top: 40px } .rt-m-mr-40 { margin-right: 40px } .rt-m-mb-40 { margin-bottom: 40px } .rt-m-ml-40 { margin-left: 40px } .rt-m-m-40 { margin: 40px } .rt-m-font-41 { font-size: 41px } .rt-m-lh-41 { line-height: 41px } .rt-m-pt-41 { padding-top: 41px } .rt-m-pr-41 { padding-right: 41px } .rt-m-pb-41 { padding-bottom: 41px } .rt-m-pl-41 { padding-left: 41px } .rt-m-p-41 { padding: 41px } .rt-m-mt-41 { margin-top: 41px } .rt-m-mr-41 { margin-right: 41px } .rt-m-mb-41 { margin-bottom: 41px } .rt-m-ml-41 { margin-left: 41px } .rt-m-m-41 { margin: 41px } .rt-m-font-42 { font-size: 42px } .rt-m-lh-42 { line-height: 42px } .rt-m-pt-42 { padding-top: 42px } .rt-m-pr-42 { padding-right: 42px } .rt-m-pb-42 { padding-bottom: 42px } .rt-m-pl-42 { padding-left: 42px } .rt-m-p-42 { padding: 42px } .rt-m-mt-42 { margin-top: 42px } .rt-m-mr-42 { margin-right: 42px } .rt-m-mb-42 { margin-bottom: 42px } .rt-m-ml-42 { margin-left: 42px } .rt-m-m-42 { margin: 42px } .rt-m-font-43 { font-size: 43px } .rt-m-lh-43 { line-height: 43px } .rt-m-pt-43 { padding-top: 43px } .rt-m-pr-43 { padding-right: 43px } .rt-m-pb-43 { padding-bottom: 43px } .rt-m-pl-43 { padding-left: 43px } .rt-m-p-43 { padding: 43px } .rt-m-mt-43 { margin-top: 43px } .rt-m-mr-43 { margin-right: 43px } .rt-m-mb-43 { margin-bottom: 43px } .rt-m-ml-43 { margin-left: 43px } .rt-m-m-43 { margin: 43px } .rt-m-font-44 { font-size: 44px } .rt-m-lh-44 { line-height: 44px } .rt-m-pt-44 { padding-top: 44px } .rt-m-pr-44 { padding-right: 44px } .rt-m-pb-44 { padding-bottom: 44px } .rt-m-pl-44 { padding-left: 44px } .rt-m-p-44 { padding: 44px } .rt-m-mt-44 { margin-top: 44px } .rt-m-mr-44 { margin-right: 44px } .rt-m-mb-44 { margin-bottom: 44px } .rt-m-ml-44 { margin-left: 44px } .rt-m-m-44 { margin: 44px } .rt-m-font-45 { font-size: 45px } .rt-m-lh-45 { line-height: 45px } .rt-m-pt-45 { padding-top: 45px } .rt-m-pr-45 { padding-right: 45px } .rt-m-pb-45 { padding-bottom: 45px } .rt-m-pl-45 { padding-left: 45px } .rt-m-p-45 { padding: 45px } .rt-m-mt-45 { margin-top: 45px } .rt-m-mr-45 { margin-right: 45px } .rt-m-mb-45 { margin-bottom: 45px } .rt-m-ml-45 { margin-left: 45px } .rt-m-m-45 { margin: 45px } .rt-m-font-46 { font-size: 46px } .rt-m-lh-46 { line-height: 46px } .rt-m-pt-46 { padding-top: 46px } .rt-m-pr-46 { padding-right: 46px } .rt-m-pb-46 { padding-bottom: 46px } .rt-m-pl-46 { padding-left: 46px } .rt-m-p-46 { padding: 46px } .rt-m-mt-46 { margin-top: 46px } .rt-m-mr-46 { margin-right: 46px } .rt-m-mb-46 { margin-bottom: 46px } .rt-m-ml-46 { margin-left: 46px } .rt-m-m-46 { margin: 46px } .rt-m-font-47 { font-size: 47px } .rt-m-lh-47 { line-height: 47px } .rt-m-pt-47 { padding-top: 47px } .rt-m-pr-47 { padding-right: 47px } .rt-m-pb-47 { padding-bottom: 47px } .rt-m-pl-47 { padding-left: 47px } .rt-m-p-47 { padding: 47px } .rt-m-mt-47 { margin-top: 47px } .rt-m-mr-47 { margin-right: 47px } .rt-m-mb-47 { margin-bottom: 47px } .rt-m-ml-47 { margin-left: 47px } .rt-m-m-47 { margin: 47px } .rt-m-font-48 { font-size: 48px } .rt-m-lh-48 { line-height: 48px } .rt-m-pt-48 { padding-top: 48px } .rt-m-pr-48 { padding-right: 48px } .rt-m-pb-48 { padding-bottom: 48px } .rt-m-pl-48 { padding-left: 48px } .rt-m-p-48 { padding: 48px } .rt-m-mt-48 { margin-top: 48px } .rt-m-mr-48 { margin-right: 48px } .rt-m-mb-48 { margin-bottom: 48px } .rt-m-ml-48 { margin-left: 48px } .rt-m-m-48 { margin: 48px } .rt-m-font-49 { font-size: 49px } .rt-m-lh-49 { line-height: 49px } .rt-m-pt-49 { padding-top: 49px } .rt-m-pr-49 { padding-right: 49px } .rt-m-pb-49 { padding-bottom: 49px } .rt-m-pl-49 { padding-left: 49px } .rt-m-p-49 { padding: 49px } .rt-m-mt-49 { margin-top: 49px } .rt-m-mr-49 { margin-right: 49px } .rt-m-mb-49 { margin-bottom: 49px } .rt-m-ml-49 { margin-left: 49px } .rt-m-m-49 { margin: 49px } .rt-m-font-50 { font-size: 50px } .rt-m-lh-50 { line-height: 50px } .rt-m-pt-50 { padding-top: 50px } .rt-m-pr-50 { padding-right: 50px } .rt-m-pb-50 { padding-bottom: 50px } .rt-m-pl-50 { padding-left: 50px } .rt-m-p-50 { padding: 50px } .rt-m-mt-50 { margin-top: 50px } .rt-m-mr-50 { margin-right: 50px } .rt-m-mb-50 { margin-bottom: 50px } .rt-m-ml-50 { margin-left: 50px } .rt-m-m-50 { margin: 50px } .rt-m-font-51 { font-size: 51px } .rt-m-lh-51 { line-height: 51px } .rt-m-pt-51 { padding-top: 51px } .rt-m-pr-51 { padding-right: 51px } .rt-m-pb-51 { padding-bottom: 51px } .rt-m-pl-51 { padding-left: 51px } .rt-m-p-51 { padding: 51px } .rt-m-mt-51 { margin-top: 51px } .rt-m-mr-51 { margin-right: 51px } .rt-m-mb-51 { margin-bottom: 51px } .rt-m-ml-51 { margin-left: 51px } .rt-m-m-51 { margin: 51px } .rt-m-font-52 { font-size: 52px } .rt-m-lh-52 { line-height: 52px } .rt-m-pt-52 { padding-top: 52px } .rt-m-pr-52 { padding-right: 52px } .rt-m-pb-52 { padding-bottom: 52px } .rt-m-pl-52 { padding-left: 52px } .rt-m-p-52 { padding: 52px } .rt-m-mt-52 { margin-top: 52px } .rt-m-mr-52 { margin-right: 52px } .rt-m-mb-52 { margin-bottom: 52px } .rt-m-ml-52 { margin-left: 52px } .rt-m-m-52 { margin: 52px } .rt-m-font-53 { font-size: 53px } .rt-m-lh-53 { line-height: 53px } .rt-m-pt-53 { padding-top: 53px } .rt-m-pr-53 { padding-right: 53px } .rt-m-pb-53 { padding-bottom: 53px } .rt-m-pl-53 { padding-left: 53px } .rt-m-p-53 { padding: 53px } .rt-m-mt-53 { margin-top: 53px } .rt-m-mr-53 { margin-right: 53px } .rt-m-mb-53 { margin-bottom: 53px } .rt-m-ml-53 { margin-left: 53px } .rt-m-m-53 { margin: 53px } .rt-m-font-54 { font-size: 54px } .rt-m-lh-54 { line-height: 54px } .rt-m-pt-54 { padding-top: 54px } .rt-m-pr-54 { padding-right: 54px } .rt-m-pb-54 { padding-bottom: 54px } .rt-m-pl-54 { padding-left: 54px } .rt-m-p-54 { padding: 54px } .rt-m-mt-54 { margin-top: 54px } .rt-m-mr-54 { margin-right: 54px } .rt-m-mb-54 { margin-bottom: 54px } .rt-m-ml-54 { margin-left: 54px } .rt-m-m-54 { margin: 54px } .rt-m-font-55 { font-size: 55px } .rt-m-lh-55 { line-height: 55px } .rt-m-pt-55 { padding-top: 55px } .rt-m-pr-55 { padding-right: 55px } .rt-m-pb-55 { padding-bottom: 55px } .rt-m-pl-55 { padding-left: 55px } .rt-m-p-55 { padding: 55px } .rt-m-mt-55 { margin-top: 55px } .rt-m-mr-55 { margin-right: 55px } .rt-m-mb-55 { margin-bottom: 55px } .rt-m-ml-55 { margin-left: 55px } .rt-m-m-55 { margin: 55px } .rt-m-font-56 { font-size: 56px } .rt-m-lh-56 { line-height: 56px } .rt-m-pt-56 { padding-top: 56px } .rt-m-pr-56 { padding-right: 56px } .rt-m-pb-56 { padding-bottom: 56px } .rt-m-pl-56 { padding-left: 56px } .rt-m-p-56 { padding: 56px } .rt-m-mt-56 { margin-top: 56px } .rt-m-mr-56 { margin-right: 56px } .rt-m-mb-56 { margin-bottom: 56px } .rt-m-ml-56 { margin-left: 56px } .rt-m-m-56 { margin: 56px } .rt-m-font-57 { font-size: 57px } .rt-m-lh-57 { line-height: 57px } .rt-m-pt-57 { padding-top: 57px } .rt-m-pr-57 { padding-right: 57px } .rt-m-pb-57 { padding-bottom: 57px } .rt-m-pl-57 { padding-left: 57px } .rt-m-p-57 { padding: 57px } .rt-m-mt-57 { margin-top: 57px } .rt-m-mr-57 { margin-right: 57px } .rt-m-mb-57 { margin-bottom: 57px } .rt-m-ml-57 { margin-left: 57px } .rt-m-m-57 { margin: 57px } .rt-m-font-58 { font-size: 58px } .rt-m-lh-58 { line-height: 58px } .rt-m-pt-58 { padding-top: 58px } .rt-m-pr-58 { padding-right: 58px } .rt-m-pb-58 { padding-bottom: 58px } .rt-m-pl-58 { padding-left: 58px } .rt-m-p-58 { padding: 58px } .rt-m-mt-58 { margin-top: 58px } .rt-m-mr-58 { margin-right: 58px } .rt-m-mb-58 { margin-bottom: 58px } .rt-m-ml-58 { margin-left: 58px } .rt-m-m-58 { margin: 58px } .rt-m-font-59 { font-size: 59px } .rt-m-lh-59 { line-height: 59px } .rt-m-pt-59 { padding-top: 59px } .rt-m-pr-59 { padding-right: 59px } .rt-m-pb-59 { padding-bottom: 59px } .rt-m-pl-59 { padding-left: 59px } .rt-m-p-59 { padding: 59px } .rt-m-mt-59 { margin-top: 59px } .rt-m-mr-59 { margin-right: 59px } .rt-m-mb-59 { margin-bottom: 59px } .rt-m-ml-59 { margin-left: 59px } .rt-m-m-59 { margin: 59px } .rt-m-font-60 { font-size: 60px } .rt-m-lh-60 { line-height: 60px } .rt-m-pt-60 { padding-top: 60px } .rt-m-pr-60 { padding-right: 60px } .rt-m-pb-60 { padding-bottom: 60px } .rt-m-pl-60 { padding-left: 60px } .rt-m-p-60 { padding: 60px } .rt-m-mt-60 { margin-top: 60px } .rt-m-mr-60 { margin-right: 60px } .rt-m-mb-60 { margin-bottom: 60px } .rt-m-ml-60 { margin-left: 60px } .rt-m-m-60 { margin: 60px } .rt-m-font-61 { font-size: 61px } .rt-m-lh-61 { line-height: 61px } .rt-m-pt-61 { padding-top: 61px } .rt-m-pr-61 { padding-right: 61px } .rt-m-pb-61 { padding-bottom: 61px } .rt-m-pl-61 { padding-left: 61px } .rt-m-p-61 { padding: 61px } .rt-m-mt-61 { margin-top: 61px } .rt-m-mr-61 { margin-right: 61px } .rt-m-mb-61 { margin-bottom: 61px } .rt-m-ml-61 { margin-left: 61px } .rt-m-m-61 { margin: 61px } .rt-m-font-62 { font-size: 62px } .rt-m-lh-62 { line-height: 62px } .rt-m-pt-62 { padding-top: 62px } .rt-m-pr-62 { padding-right: 62px } .rt-m-pb-62 { padding-bottom: 62px } .rt-m-pl-62 { padding-left: 62px } .rt-m-p-62 { padding: 62px } .rt-m-mt-62 { margin-top: 62px } .rt-m-mr-62 { margin-right: 62px } .rt-m-mb-62 { margin-bottom: 62px } .rt-m-ml-62 { margin-left: 62px } .rt-m-m-62 { margin: 62px } .rt-m-font-63 { font-size: 63px } .rt-m-lh-63 { line-height: 63px } .rt-m-pt-63 { padding-top: 63px } .rt-m-pr-63 { padding-right: 63px } .rt-m-pb-63 { padding-bottom: 63px } .rt-m-pl-63 { padding-left: 63px } .rt-m-p-63 { padding: 63px } .rt-m-mt-63 { margin-top: 63px } .rt-m-mr-63 { margin-right: 63px } .rt-m-mb-63 { margin-bottom: 63px } .rt-m-ml-63 { margin-left: 63px } .rt-m-m-63 { margin: 63px } .rt-m-font-64 { font-size: 64px } .rt-m-lh-64 { line-height: 64px } .rt-m-pt-64 { padding-top: 64px } .rt-m-pr-64 { padding-right: 64px } .rt-m-pb-64 { padding-bottom: 64px } .rt-m-pl-64 { padding-left: 64px } .rt-m-p-64 { padding: 64px } .rt-m-mt-64 { margin-top: 64px } .rt-m-mr-64 { margin-right: 64px } .rt-m-mb-64 { margin-bottom: 64px } .rt-m-ml-64 { margin-left: 64px } .rt-m-m-64 { margin: 64px } .rt-m-font-65 { font-size: 65px } .rt-m-lh-65 { line-height: 65px } .rt-m-pt-65 { padding-top: 65px } .rt-m-pr-65 { padding-right: 65px } .rt-m-pb-65 { padding-bottom: 65px } .rt-m-pl-65 { padding-left: 65px } .rt-m-p-65 { padding: 65px } .rt-m-mt-65 { margin-top: 65px } .rt-m-mr-65 { margin-right: 65px } .rt-m-mb-65 { margin-bottom: 65px } .rt-m-ml-65 { margin-left: 65px } .rt-m-m-65 { margin: 65px } .rt-m-font-66 { font-size: 66px } .rt-m-lh-66 { line-height: 66px } .rt-m-pt-66 { padding-top: 66px } .rt-m-pr-66 { padding-right: 66px } .rt-m-pb-66 { padding-bottom: 66px } .rt-m-pl-66 { padding-left: 66px } .rt-m-p-66 { padding: 66px } .rt-m-mt-66 { margin-top: 66px } .rt-m-mr-66 { margin-right: 66px } .rt-m-mb-66 { margin-bottom: 66px } .rt-m-ml-66 { margin-left: 66px } .rt-m-m-66 { margin: 66px } .rt-m-font-67 { font-size: 67px } .rt-m-lh-67 { line-height: 67px } .rt-m-pt-67 { padding-top: 67px } .rt-m-pr-67 { padding-right: 67px } .rt-m-pb-67 { padding-bottom: 67px } .rt-m-pl-67 { padding-left: 67px } .rt-m-p-67 { padding: 67px } .rt-m-mt-67 { margin-top: 67px } .rt-m-mr-67 { margin-right: 67px } .rt-m-mb-67 { margin-bottom: 67px } .rt-m-ml-67 { margin-left: 67px } .rt-m-m-67 { margin: 67px } .rt-m-font-68 { font-size: 68px } .rt-m-lh-68 { line-height: 68px } .rt-m-pt-68 { padding-top: 68px } .rt-m-pr-68 { padding-right: 68px } .rt-m-pb-68 { padding-bottom: 68px } .rt-m-pl-68 { padding-left: 68px } .rt-m-p-68 { padding: 68px } .rt-m-mt-68 { margin-top: 68px } .rt-m-mr-68 { margin-right: 68px } .rt-m-mb-68 { margin-bottom: 68px } .rt-m-ml-68 { margin-left: 68px } .rt-m-m-68 { margin: 68px } .rt-m-font-69 { font-size: 69px } .rt-m-lh-69 { line-height: 69px } .rt-m-pt-69 { padding-top: 69px } .rt-m-pr-69 { padding-right: 69px } .rt-m-pb-69 { padding-bottom: 69px } .rt-m-pl-69 { padding-left: 69px } .rt-m-p-69 { padding: 69px } .rt-m-mt-69 { margin-top: 69px } .rt-m-mr-69 { margin-right: 69px } .rt-m-mb-69 { margin-bottom: 69px } .rt-m-ml-69 { margin-left: 69px } .rt-m-m-69 { margin: 69px } .rt-m-font-70 { font-size: 70px } .rt-m-lh-70 { line-height: 70px } .rt-m-pt-70 { padding-top: 70px } .rt-m-pr-70 { padding-right: 70px } .rt-m-pb-70 { padding-bottom: 70px } .rt-m-pl-70 { padding-left: 70px } .rt-m-p-70 { padding: 70px } .rt-m-mt-70 { margin-top: 70px } .rt-m-mr-70 { margin-right: 70px } .rt-m-mb-70 { margin-bottom: 70px } .rt-m-ml-70 { margin-left: 70px } .rt-m-m-70 { margin: 70px } .rt-m-font-71 { font-size: 71px } .rt-m-lh-71 { line-height: 71px } .rt-m-pt-71 { padding-top: 71px } .rt-m-pr-71 { padding-right: 71px } .rt-m-pb-71 { padding-bottom: 71px } .rt-m-pl-71 { padding-left: 71px } .rt-m-p-71 { padding: 71px } .rt-m-mt-71 { margin-top: 71px } .rt-m-mr-71 { margin-right: 71px } .rt-m-mb-71 { margin-bottom: 71px } .rt-m-ml-71 { margin-left: 71px } .rt-m-m-71 { margin: 71px } .rt-m-font-72 { font-size: 72px } .rt-m-lh-72 { line-height: 72px } .rt-m-pt-72 { padding-top: 72px } .rt-m-pr-72 { padding-right: 72px } .rt-m-pb-72 { padding-bottom: 72px } .rt-m-pl-72 { padding-left: 72px } .rt-m-p-72 { padding: 72px } .rt-m-mt-72 { margin-top: 72px } .rt-m-mr-72 { margin-right: 72px } .rt-m-mb-72 { margin-bottom: 72px } .rt-m-ml-72 { margin-left: 72px } .rt-m-m-72 { margin: 72px } .rt-m-font-73 { font-size: 73px } .rt-m-lh-73 { line-height: 73px } .rt-m-pt-73 { padding-top: 73px } .rt-m-pr-73 { padding-right: 73px } .rt-m-pb-73 { padding-bottom: 73px } .rt-m-pl-73 { padding-left: 73px } .rt-m-p-73 { padding: 73px } .rt-m-mt-73 { margin-top: 73px } .rt-m-mr-73 { margin-right: 73px } .rt-m-mb-73 { margin-bottom: 73px } .rt-m-ml-73 { margin-left: 73px } .rt-m-m-73 { margin: 73px } .rt-m-font-74 { font-size: 74px } .rt-m-lh-74 { line-height: 74px } .rt-m-pt-74 { padding-top: 74px } .rt-m-pr-74 { padding-right: 74px } .rt-m-pb-74 { padding-bottom: 74px } .rt-m-pl-74 { padding-left: 74px } .rt-m-p-74 { padding: 74px } .rt-m-mt-74 { margin-top: 74px } .rt-m-mr-74 { margin-right: 74px } .rt-m-mb-74 { margin-bottom: 74px } .rt-m-ml-74 { margin-left: 74px } .rt-m-m-74 { margin: 74px } .rt-m-font-75 { font-size: 75px } .rt-m-lh-75 { line-height: 75px } .rt-m-pt-75 { padding-top: 75px } .rt-m-pr-75 { padding-right: 75px } .rt-m-pb-75 { padding-bottom: 75px } .rt-m-pl-75 { padding-left: 75px } .rt-m-p-75 { padding: 75px } .rt-m-mt-75 { margin-top: 75px } .rt-m-mr-75 { margin-right: 75px } .rt-m-mb-75 { margin-bottom: 75px } .rt-m-ml-75 { margin-left: 75px } .rt-m-m-75 { margin: 75px } .rt-m-font-76 { font-size: 76px } .rt-m-lh-76 { line-height: 76px } .rt-m-pt-76 { padding-top: 76px } .rt-m-pr-76 { padding-right: 76px } .rt-m-pb-76 { padding-bottom: 76px } .rt-m-pl-76 { padding-left: 76px } .rt-m-p-76 { padding: 76px } .rt-m-mt-76 { margin-top: 76px } .rt-m-mr-76 { margin-right: 76px } .rt-m-mb-76 { margin-bottom: 76px } .rt-m-ml-76 { margin-left: 76px } .rt-m-m-76 { margin: 76px } .rt-m-font-77 { font-size: 77px } .rt-m-lh-77 { line-height: 77px } .rt-m-pt-77 { padding-top: 77px } .rt-m-pr-77 { padding-right: 77px } .rt-m-pb-77 { padding-bottom: 77px } .rt-m-pl-77 { padding-left: 77px } .rt-m-p-77 { padding: 77px } .rt-m-mt-77 { margin-top: 77px } .rt-m-mr-77 { margin-right: 77px } .rt-m-mb-77 { margin-bottom: 77px } .rt-m-ml-77 { margin-left: 77px } .rt-m-m-77 { margin: 77px } .rt-m-font-78 { font-size: 78px } .rt-m-lh-78 { line-height: 78px } .rt-m-pt-78 { padding-top: 78px } .rt-m-pr-78 { padding-right: 78px } .rt-m-pb-78 { padding-bottom: 78px } .rt-m-pl-78 { padding-left: 78px } .rt-m-p-78 { padding: 78px } .rt-m-mt-78 { margin-top: 78px } .rt-m-mr-78 { margin-right: 78px } .rt-m-mb-78 { margin-bottom: 78px } .rt-m-ml-78 { margin-left: 78px } .rt-m-m-78 { margin: 78px } .rt-m-font-79 { font-size: 79px } .rt-m-lh-79 { line-height: 79px } .rt-m-pt-79 { padding-top: 79px } .rt-m-pr-79 { padding-right: 79px } .rt-m-pb-79 { padding-bottom: 79px } .rt-m-pl-79 { padding-left: 79px } .rt-m-p-79 { padding: 79px } .rt-m-mt-79 { margin-top: 79px } .rt-m-mr-79 { margin-right: 79px } .rt-m-mb-79 { margin-bottom: 79px } .rt-m-ml-79 { margin-left: 79px } .rt-m-m-79 { margin: 79px } .rt-m-font-80 { font-size: 80px } .rt-m-lh-80 { line-height: 80px } .rt-m-pt-80 { padding-top: 80px } .rt-m-pr-80 { padding-right: 80px } .rt-m-pb-80 { padding-bottom: 80px } .rt-m-pl-80 { padding-left: 80px } .rt-m-p-80 { padding: 80px } .rt-m-mt-80 { margin-top: 80px } .rt-m-mr-80 { margin-right: 80px } .rt-m-mb-80 { margin-bottom: 80px } .rt-m-ml-80 { margin-left: 80px } .rt-m-m-80 { margin: 80px } .rt-m-font-81 { font-size: 81px } .rt-m-lh-81 { line-height: 81px } .rt-m-pt-81 { padding-top: 81px } .rt-m-pr-81 { padding-right: 81px } .rt-m-pb-81 { padding-bottom: 81px } .rt-m-pl-81 { padding-left: 81px } .rt-m-p-81 { padding: 81px } .rt-m-mt-81 { margin-top: 81px } .rt-m-mr-81 { margin-right: 81px } .rt-m-mb-81 { margin-bottom: 81px } .rt-m-ml-81 { margin-left: 81px } .rt-m-m-81 { margin: 81px } .rt-m-font-82 { font-size: 82px } .rt-m-lh-82 { line-height: 82px } .rt-m-pt-82 { padding-top: 82px } .rt-m-pr-82 { padding-right: 82px } .rt-m-pb-82 { padding-bottom: 82px } .rt-m-pl-82 { padding-left: 82px } .rt-m-p-82 { padding: 82px } .rt-m-mt-82 { margin-top: 82px } .rt-m-mr-82 { margin-right: 82px } .rt-m-mb-82 { margin-bottom: 82px } .rt-m-ml-82 { margin-left: 82px } .rt-m-m-82 { margin: 82px } .rt-m-font-83 { font-size: 83px } .rt-m-lh-83 { line-height: 83px } .rt-m-pt-83 { padding-top: 83px } .rt-m-pr-83 { padding-right: 83px } .rt-m-pb-83 { padding-bottom: 83px } .rt-m-pl-83 { padding-left: 83px } .rt-m-p-83 { padding: 83px } .rt-m-mt-83 { margin-top: 83px } .rt-m-mr-83 { margin-right: 83px } .rt-m-mb-83 { margin-bottom: 83px } .rt-m-ml-83 { margin-left: 83px } .rt-m-m-83 { margin: 83px } .rt-m-font-84 { font-size: 84px } .rt-m-lh-84 { line-height: 84px } .rt-m-pt-84 { padding-top: 84px } .rt-m-pr-84 { padding-right: 84px } .rt-m-pb-84 { padding-bottom: 84px } .rt-m-pl-84 { padding-left: 84px } .rt-m-p-84 { padding: 84px } .rt-m-mt-84 { margin-top: 84px } .rt-m-mr-84 { margin-right: 84px } .rt-m-mb-84 { margin-bottom: 84px } .rt-m-ml-84 { margin-left: 84px } .rt-m-m-84 { margin: 84px } .rt-m-font-85 { font-size: 85px } .rt-m-lh-85 { line-height: 85px } .rt-m-pt-85 { padding-top: 85px } .rt-m-pr-85 { padding-right: 85px } .rt-m-pb-85 { padding-bottom: 85px } .rt-m-pl-85 { padding-left: 85px } .rt-m-p-85 { padding: 85px } .rt-m-mt-85 { margin-top: 85px } .rt-m-mr-85 { margin-right: 85px } .rt-m-mb-85 { margin-bottom: 85px } .rt-m-ml-85 { margin-left: 85px } .rt-m-m-85 { margin: 85px } .rt-m-font-86 { font-size: 86px } .rt-m-lh-86 { line-height: 86px } .rt-m-pt-86 { padding-top: 86px } .rt-m-pr-86 { padding-right: 86px } .rt-m-pb-86 { padding-bottom: 86px } .rt-m-pl-86 { padding-left: 86px } .rt-m-p-86 { padding: 86px } .rt-m-mt-86 { margin-top: 86px } .rt-m-mr-86 { margin-right: 86px } .rt-m-mb-86 { margin-bottom: 86px } .rt-m-ml-86 { margin-left: 86px } .rt-m-m-86 { margin: 86px } .rt-m-font-87 { font-size: 87px } .rt-m-lh-87 { line-height: 87px } .rt-m-pt-87 { padding-top: 87px } .rt-m-pr-87 { padding-right: 87px } .rt-m-pb-87 { padding-bottom: 87px } .rt-m-pl-87 { padding-left: 87px } .rt-m-p-87 { padding: 87px } .rt-m-mt-87 { margin-top: 87px } .rt-m-mr-87 { margin-right: 87px } .rt-m-mb-87 { margin-bottom: 87px } .rt-m-ml-87 { margin-left: 87px } .rt-m-m-87 { margin: 87px } .rt-m-font-88 { font-size: 88px } .rt-m-lh-88 { line-height: 88px } .rt-m-pt-88 { padding-top: 88px } .rt-m-pr-88 { padding-right: 88px } .rt-m-pb-88 { padding-bottom: 88px } .rt-m-pl-88 { padding-left: 88px } .rt-m-p-88 { padding: 88px } .rt-m-mt-88 { margin-top: 88px } .rt-m-mr-88 { margin-right: 88px } .rt-m-mb-88 { margin-bottom: 88px } .rt-m-ml-88 { margin-left: 88px } .rt-m-m-88 { margin: 88px } .rt-m-font-89 { font-size: 89px } .rt-m-lh-89 { line-height: 89px } .rt-m-pt-89 { padding-top: 89px } .rt-m-pr-89 { padding-right: 89px } .rt-m-pb-89 { padding-bottom: 89px } .rt-m-pl-89 { padding-left: 89px } .rt-m-p-89 { padding: 89px } .rt-m-mt-89 { margin-top: 89px } .rt-m-mr-89 { margin-right: 89px } .rt-m-mb-89 { margin-bottom: 89px } .rt-m-ml-89 { margin-left: 89px } .rt-m-m-89 { margin: 89px } .rt-m-font-90 { font-size: 90px } .rt-m-lh-90 { line-height: 90px } .rt-m-pt-90 { padding-top: 90px } .rt-m-pr-90 { padding-right: 90px } .rt-m-pb-90 { padding-bottom: 90px } .rt-m-pl-90 { padding-left: 90px } .rt-m-p-90 { padding: 90px } .rt-m-mt-90 { margin-top: 90px } .rt-m-mr-90 { margin-right: 90px } .rt-m-mb-90 { margin-bottom: 90px } .rt-m-ml-90 { margin-left: 90px } .rt-m-m-90 { margin: 90px } .rt-m-font-91 { font-size: 91px } .rt-m-lh-91 { line-height: 91px } .rt-m-pt-91 { padding-top: 91px } .rt-m-pr-91 { padding-right: 91px } .rt-m-pb-91 { padding-bottom: 91px } .rt-m-pl-91 { padding-left: 91px } .rt-m-p-91 { padding: 91px } .rt-m-mt-91 { margin-top: 91px } .rt-m-mr-91 { margin-right: 91px } .rt-m-mb-91 { margin-bottom: 91px } .rt-m-ml-91 { margin-left: 91px } .rt-m-m-91 { margin: 91px } .rt-m-font-92 { font-size: 92px } .rt-m-lh-92 { line-height: 92px } .rt-m-pt-92 { padding-top: 92px } .rt-m-pr-92 { padding-right: 92px } .rt-m-pb-92 { padding-bottom: 92px } .rt-m-pl-92 { padding-left: 92px } .rt-m-p-92 { padding: 92px } .rt-m-mt-92 { margin-top: 92px } .rt-m-mr-92 { margin-right: 92px } .rt-m-mb-92 { margin-bottom: 92px } .rt-m-ml-92 { margin-left: 92px } .rt-m-m-92 { margin: 92px } .rt-m-font-93 { font-size: 93px } .rt-m-lh-93 { line-height: 93px } .rt-m-pt-93 { padding-top: 93px } .rt-m-pr-93 { padding-right: 93px } .rt-m-pb-93 { padding-bottom: 93px } .rt-m-pl-93 { padding-left: 93px } .rt-m-p-93 { padding: 93px } .rt-m-mt-93 { margin-top: 93px } .rt-m-mr-93 { margin-right: 93px } .rt-m-mb-93 { margin-bottom: 93px } .rt-m-ml-93 { margin-left: 93px } .rt-m-m-93 { margin: 93px } .rt-m-font-94 { font-size: 94px } .rt-m-lh-94 { line-height: 94px } .rt-m-pt-94 { padding-top: 94px } .rt-m-pr-94 { padding-right: 94px } .rt-m-pb-94 { padding-bottom: 94px } .rt-m-pl-94 { padding-left: 94px } .rt-m-p-94 { padding: 94px } .rt-m-mt-94 { margin-top: 94px } .rt-m-mr-94 { margin-right: 94px } .rt-m-mb-94 { margin-bottom: 94px } .rt-m-ml-94 { margin-left: 94px } .rt-m-m-94 { margin: 94px } .rt-m-font-95 { font-size: 95px } .rt-m-lh-95 { line-height: 95px } .rt-m-pt-95 { padding-top: 95px } .rt-m-pr-95 { padding-right: 95px } .rt-m-pb-95 { padding-bottom: 95px } .rt-m-pl-95 { padding-left: 95px } .rt-m-p-95 { padding: 95px } .rt-m-mt-95 { margin-top: 95px } .rt-m-mr-95 { margin-right: 95px } .rt-m-mb-95 { margin-bottom: 95px } .rt-m-ml-95 { margin-left: 95px } .rt-m-m-95 { margin: 95px } .rt-m-font-96 { font-size: 96px } .rt-m-lh-96 { line-height: 96px } .rt-m-pt-96 { padding-top: 96px } .rt-m-pr-96 { padding-right: 96px } .rt-m-pb-96 { padding-bottom: 96px } .rt-m-pl-96 { padding-left: 96px } .rt-m-p-96 { padding: 96px } .rt-m-mt-96 { margin-top: 96px } .rt-m-mr-96 { margin-right: 96px } .rt-m-mb-96 { margin-bottom: 96px } .rt-m-ml-96 { margin-left: 96px } .rt-m-m-96 { margin: 96px } .rt-m-font-97 { font-size: 97px } .rt-m-lh-97 { line-height: 97px } .rt-m-pt-97 { padding-top: 97px } .rt-m-pr-97 { padding-right: 97px } .rt-m-pb-97 { padding-bottom: 97px } .rt-m-pl-97 { padding-left: 97px } .rt-m-p-97 { padding: 97px } .rt-m-mt-97 { margin-top: 97px } .rt-m-mr-97 { margin-right: 97px } .rt-m-mb-97 { margin-bottom: 97px } .rt-m-ml-97 { margin-left: 97px } .rt-m-m-97 { margin: 97px } .rt-m-font-98 { font-size: 98px } .rt-m-lh-98 { line-height: 98px } .rt-m-pt-98 { padding-top: 98px } .rt-m-pr-98 { padding-right: 98px } .rt-m-pb-98 { padding-bottom: 98px } .rt-m-pl-98 { padding-left: 98px } .rt-m-p-98 { padding: 98px } .rt-m-mt-98 { margin-top: 98px } .rt-m-mr-98 { margin-right: 98px } .rt-m-mb-98 { margin-bottom: 98px } .rt-m-ml-98 { margin-left: 98px } .rt-m-m-98 { margin: 98px } .rt-m-font-99 { font-size: 99px } .rt-m-lh-99 { line-height: 99px } .rt-m-pt-99 { padding-top: 99px } .rt-m-pr-99 { padding-right: 99px } .rt-m-pb-99 { padding-bottom: 99px } .rt-m-pl-99 { padding-left: 99px } .rt-m-p-99 { padding: 99px } .rt-m-mt-99 { margin-top: 99px } .rt-m-mr-99 { margin-right: 99px } .rt-m-mb-99 { margin-bottom: 99px } .rt-m-ml-99 { margin-left: 99px } .rt-m-m-99 { margin: 99px } .rt-m-font-100 { font-size: 100px } .rt-m-lh-100 { line-height: 100px } .rt-m-pt-100 { padding-top: 100px } .rt-m-pr-100 { padding-right: 100px } .rt-m-pb-100 { padding-bottom: 100px } .rt-m-pl-100 { padding-left: 100px } .rt-m-p-100 { padding: 100px } .rt-m-mt-100 { margin-top: 100px } .rt-m-mr-100 { margin-right: 100px } .rt-m-mb-100 { margin-bottom: 100px } .rt-m-ml-100 { margin-left: 100px } .rt-m-m-100 { margin: 100px } .rt-m-font-101 { font-size: 101px } .rt-m-lh-101 { line-height: 101px } .rt-m-pt-101 { padding-top: 101px } .rt-m-pr-101 { padding-right: 101px } .rt-m-pb-101 { padding-bottom: 101px } .rt-m-pl-101 { padding-left: 101px } .rt-m-p-101 { padding: 101px } .rt-m-mt-101 { margin-top: 101px } .rt-m-mr-101 { margin-right: 101px } .rt-m-mb-101 { margin-bottom: 101px } .rt-m-ml-101 { margin-left: 101px } .rt-m-m-101 { margin: 101px } .rt-m-font-102 { font-size: 102px } .rt-m-lh-102 { line-height: 102px } .rt-m-pt-102 { padding-top: 102px } .rt-m-pr-102 { padding-right: 102px } .rt-m-pb-102 { padding-bottom: 102px } .rt-m-pl-102 { padding-left: 102px } .rt-m-p-102 { padding: 102px } .rt-m-mt-102 { margin-top: 102px } .rt-m-mr-102 { margin-right: 102px } .rt-m-mb-102 { margin-bottom: 102px } .rt-m-ml-102 { margin-left: 102px } .rt-m-m-102 { margin: 102px } .rt-m-font-103 { font-size: 103px } .rt-m-lh-103 { line-height: 103px } .rt-m-pt-103 { padding-top: 103px } .rt-m-pr-103 { padding-right: 103px } .rt-m-pb-103 { padding-bottom: 103px } .rt-m-pl-103 { padding-left: 103px } .rt-m-p-103 { padding: 103px } .rt-m-mt-103 { margin-top: 103px } .rt-m-mr-103 { margin-right: 103px } .rt-m-mb-103 { margin-bottom: 103px } .rt-m-ml-103 { margin-left: 103px } .rt-m-m-103 { margin: 103px } .rt-m-font-104 { font-size: 104px } .rt-m-lh-104 { line-height: 104px } .rt-m-pt-104 { padding-top: 104px } .rt-m-pr-104 { padding-right: 104px } .rt-m-pb-104 { padding-bottom: 104px } .rt-m-pl-104 { padding-left: 104px } .rt-m-p-104 { padding: 104px } .rt-m-mt-104 { margin-top: 104px } .rt-m-mr-104 { margin-right: 104px } .rt-m-mb-104 { margin-bottom: 104px } .rt-m-ml-104 { margin-left: 104px } .rt-m-m-104 { margin: 104px } .rt-m-font-105 { font-size: 105px } .rt-m-lh-105 { line-height: 105px } .rt-m-pt-105 { padding-top: 105px } .rt-m-pr-105 { padding-right: 105px } .rt-m-pb-105 { padding-bottom: 105px } .rt-m-pl-105 { padding-left: 105px } .rt-m-p-105 { padding: 105px } .rt-m-mt-105 { margin-top: 105px } .rt-m-mr-105 { margin-right: 105px } .rt-m-mb-105 { margin-bottom: 105px } .rt-m-ml-105 { margin-left: 105px } .rt-m-m-105 { margin: 105px } .rt-m-font-106 { font-size: 106px } .rt-m-lh-106 { line-height: 106px } .rt-m-pt-106 { padding-top: 106px } .rt-m-pr-106 { padding-right: 106px } .rt-m-pb-106 { padding-bottom: 106px } .rt-m-pl-106 { padding-left: 106px } .rt-m-p-106 { padding: 106px } .rt-m-mt-106 { margin-top: 106px } .rt-m-mr-106 { margin-right: 106px } .rt-m-mb-106 { margin-bottom: 106px } .rt-m-ml-106 { margin-left: 106px } .rt-m-m-106 { margin: 106px } .rt-m-font-107 { font-size: 107px } .rt-m-lh-107 { line-height: 107px } .rt-m-pt-107 { padding-top: 107px } .rt-m-pr-107 { padding-right: 107px } .rt-m-pb-107 { padding-bottom: 107px } .rt-m-pl-107 { padding-left: 107px } .rt-m-p-107 { padding: 107px } .rt-m-mt-107 { margin-top: 107px } .rt-m-mr-107 { margin-right: 107px } .rt-m-mb-107 { margin-bottom: 107px } .rt-m-ml-107 { margin-left: 107px } .rt-m-m-107 { margin: 107px } .rt-m-font-108 { font-size: 108px } .rt-m-lh-108 { line-height: 108px } .rt-m-pt-108 { padding-top: 108px } .rt-m-pr-108 { padding-right: 108px } .rt-m-pb-108 { padding-bottom: 108px } .rt-m-pl-108 { padding-left: 108px } .rt-m-p-108 { padding: 108px } .rt-m-mt-108 { margin-top: 108px } .rt-m-mr-108 { margin-right: 108px } .rt-m-mb-108 { margin-bottom: 108px } .rt-m-ml-108 { margin-left: 108px } .rt-m-m-108 { margin: 108px } .rt-m-font-109 { font-size: 109px } .rt-m-lh-109 { line-height: 109px } .rt-m-pt-109 { padding-top: 109px } .rt-m-pr-109 { padding-right: 109px } .rt-m-pb-109 { padding-bottom: 109px } .rt-m-pl-109 { padding-left: 109px } .rt-m-p-109 { padding: 109px } .rt-m-mt-109 { margin-top: 109px } .rt-m-mr-109 { margin-right: 109px } .rt-m-mb-109 { margin-bottom: 109px } .rt-m-ml-109 { margin-left: 109px } .rt-m-m-109 { margin: 109px } .rt-m-font-110 { font-size: 110px } .rt-m-lh-110 { line-height: 110px } .rt-m-pt-110 { padding-top: 110px } .rt-m-pr-110 { padding-right: 110px } .rt-m-pb-110 { padding-bottom: 110px } .rt-m-pl-110 { padding-left: 110px } .rt-m-p-110 { padding: 110px } .rt-m-mt-110 { margin-top: 110px } .rt-m-mr-110 { margin-right: 110px } .rt-m-mb-110 { margin-bottom: 110px } .rt-m-ml-110 { margin-left: 110px } .rt-m-m-110 { margin: 110px } .rt-m-font-111 { font-size: 111px } .rt-m-lh-111 { line-height: 111px } .rt-m-pt-111 { padding-top: 111px } .rt-m-pr-111 { padding-right: 111px } .rt-m-pb-111 { padding-bottom: 111px } .rt-m-pl-111 { padding-left: 111px } .rt-m-p-111 { padding: 111px } .rt-m-mt-111 { margin-top: 111px } .rt-m-mr-111 { margin-right: 111px } .rt-m-mb-111 { margin-bottom: 111px } .rt-m-ml-111 { margin-left: 111px } .rt-m-m-111 { margin: 111px } .rt-m-font-112 { font-size: 112px } .rt-m-lh-112 { line-height: 112px } .rt-m-pt-112 { padding-top: 112px } .rt-m-pr-112 { padding-right: 112px } .rt-m-pb-112 { padding-bottom: 112px } .rt-m-pl-112 { padding-left: 112px } .rt-m-p-112 { padding: 112px } .rt-m-mt-112 { margin-top: 112px } .rt-m-mr-112 { margin-right: 112px } .rt-m-mb-112 { margin-bottom: 112px } .rt-m-ml-112 { margin-left: 112px } .rt-m-m-112 { margin: 112px } .rt-m-font-113 { font-size: 113px } .rt-m-lh-113 { line-height: 113px } .rt-m-pt-113 { padding-top: 113px } .rt-m-pr-113 { padding-right: 113px } .rt-m-pb-113 { padding-bottom: 113px } .rt-m-pl-113 { padding-left: 113px } .rt-m-p-113 { padding: 113px } .rt-m-mt-113 { margin-top: 113px } .rt-m-mr-113 { margin-right: 113px } .rt-m-mb-113 { margin-bottom: 113px } .rt-m-ml-113 { margin-left: 113px } .rt-m-m-113 { margin: 113px } .rt-m-font-114 { font-size: 114px } .rt-m-lh-114 { line-height: 114px } .rt-m-pt-114 { padding-top: 114px } .rt-m-pr-114 { padding-right: 114px } .rt-m-pb-114 { padding-bottom: 114px } .rt-m-pl-114 { padding-left: 114px } .rt-m-p-114 { padding: 114px } .rt-m-mt-114 { margin-top: 114px } .rt-m-mr-114 { margin-right: 114px } .rt-m-mb-114 { margin-bottom: 114px } .rt-m-ml-114 { margin-left: 114px } .rt-m-m-114 { margin: 114px } .rt-m-font-115 { font-size: 115px } .rt-m-lh-115 { line-height: 115px } .rt-m-pt-115 { padding-top: 115px } .rt-m-pr-115 { padding-right: 115px } .rt-m-pb-115 { padding-bottom: 115px } .rt-m-pl-115 { padding-left: 115px } .rt-m-p-115 { padding: 115px } .rt-m-mt-115 { margin-top: 115px } .rt-m-mr-115 { margin-right: 115px } .rt-m-mb-115 { margin-bottom: 115px } .rt-m-ml-115 { margin-left: 115px } .rt-m-m-115 { margin: 115px } .rt-m-font-116 { font-size: 116px } .rt-m-lh-116 { line-height: 116px } .rt-m-pt-116 { padding-top: 116px } .rt-m-pr-116 { padding-right: 116px } .rt-m-pb-116 { padding-bottom: 116px } .rt-m-pl-116 { padding-left: 116px } .rt-m-p-116 { padding: 116px } .rt-m-mt-116 { margin-top: 116px } .rt-m-mr-116 { margin-right: 116px } .rt-m-mb-116 { margin-bottom: 116px } .rt-m-ml-116 { margin-left: 116px } .rt-m-m-116 { margin: 116px } .rt-m-font-117 { font-size: 117px } .rt-m-lh-117 { line-height: 117px } .rt-m-pt-117 { padding-top: 117px } .rt-m-pr-117 { padding-right: 117px } .rt-m-pb-117 { padding-bottom: 117px } .rt-m-pl-117 { padding-left: 117px } .rt-m-p-117 { padding: 117px } .rt-m-mt-117 { margin-top: 117px } .rt-m-mr-117 { margin-right: 117px } .rt-m-mb-117 { margin-bottom: 117px } .rt-m-ml-117 { margin-left: 117px } .rt-m-m-117 { margin: 117px } .rt-m-font-118 { font-size: 118px } .rt-m-lh-118 { line-height: 118px } .rt-m-pt-118 { padding-top: 118px } .rt-m-pr-118 { padding-right: 118px } .rt-m-pb-118 { padding-bottom: 118px } .rt-m-pl-118 { padding-left: 118px } .rt-m-p-118 { padding: 118px } .rt-m-mt-118 { margin-top: 118px } .rt-m-mr-118 { margin-right: 118px } .rt-m-mb-118 { margin-bottom: 118px } .rt-m-ml-118 { margin-left: 118px } .rt-m-m-118 { margin: 118px } .rt-m-font-119 { font-size: 119px } .rt-m-lh-119 { line-height: 119px } .rt-m-pt-119 { padding-top: 119px } .rt-m-pr-119 { padding-right: 119px } .rt-m-pb-119 { padding-bottom: 119px } .rt-m-pl-119 { padding-left: 119px } .rt-m-p-119 { padding: 119px } .rt-m-mt-119 { margin-top: 119px } .rt-m-mr-119 { margin-right: 119px } .rt-m-mb-119 { margin-bottom: 119px } .rt-m-ml-119 { margin-left: 119px } .rt-m-m-119 { margin: 119px } .rt-m-font-120 { font-size: 120px } .rt-m-lh-120 { line-height: 120px } .rt-m-pt-120 { padding-top: 120px } .rt-m-pr-120 { padding-right: 120px } .rt-m-pb-120 { padding-bottom: 120px } .rt-m-pl-120 { padding-left: 120px } .rt-m-p-120 { padding: 120px } .rt-m-mt-120 { margin-top: 120px } .rt-m-mr-120 { margin-right: 120px } .rt-m-mb-120 { margin-bottom: 120px } .rt-m-ml-120 { margin-left: 120px } .rt-m-m-120 { margin: 120px } .rt-m-font-121 { font-size: 121px } .rt-m-lh-121 { line-height: 121px } .rt-m-pt-121 { padding-top: 121px } .rt-m-pr-121 { padding-right: 121px } .rt-m-pb-121 { padding-bottom: 121px } .rt-m-pl-121 { padding-left: 121px } .rt-m-p-121 { padding: 121px } .rt-m-mt-121 { margin-top: 121px } .rt-m-mr-121 { margin-right: 121px } .rt-m-mb-121 { margin-bottom: 121px } .rt-m-ml-121 { margin-left: 121px } .rt-m-m-121 { margin: 121px } .rt-m-font-122 { font-size: 122px } .rt-m-lh-122 { line-height: 122px } .rt-m-pt-122 { padding-top: 122px } .rt-m-pr-122 { padding-right: 122px } .rt-m-pb-122 { padding-bottom: 122px } .rt-m-pl-122 { padding-left: 122px } .rt-m-p-122 { padding: 122px } .rt-m-mt-122 { margin-top: 122px } .rt-m-mr-122 { margin-right: 122px } .rt-m-mb-122 { margin-bottom: 122px } .rt-m-ml-122 { margin-left: 122px } .rt-m-m-122 { margin: 122px } .rt-m-font-123 { font-size: 123px } .rt-m-lh-123 { line-height: 123px } .rt-m-pt-123 { padding-top: 123px } .rt-m-pr-123 { padding-right: 123px } .rt-m-pb-123 { padding-bottom: 123px } .rt-m-pl-123 { padding-left: 123px } .rt-m-p-123 { padding: 123px } .rt-m-mt-123 { margin-top: 123px } .rt-m-mr-123 { margin-right: 123px } .rt-m-mb-123 { margin-bottom: 123px } .rt-m-ml-123 { margin-left: 123px } .rt-m-m-123 { margin: 123px } .rt-m-font-124 { font-size: 124px } .rt-m-lh-124 { line-height: 124px } .rt-m-pt-124 { padding-top: 124px } .rt-m-pr-124 { padding-right: 124px } .rt-m-pb-124 { padding-bottom: 124px } .rt-m-pl-124 { padding-left: 124px } .rt-m-p-124 { padding: 124px } .rt-m-mt-124 { margin-top: 124px } .rt-m-mr-124 { margin-right: 124px } .rt-m-mb-124 { margin-bottom: 124px } .rt-m-ml-124 { margin-left: 124px } .rt-m-m-124 { margin: 124px } .rt-m-font-125 { font-size: 125px } .rt-m-lh-125 { line-height: 125px } .rt-m-pt-125 { padding-top: 125px } .rt-m-pr-125 { padding-right: 125px } .rt-m-pb-125 { padding-bottom: 125px } .rt-m-pl-125 { padding-left: 125px } .rt-m-p-125 { padding: 125px } .rt-m-mt-125 { margin-top: 125px } .rt-m-mr-125 { margin-right: 125px } .rt-m-mb-125 { margin-bottom: 125px } .rt-m-ml-125 { margin-left: 125px } .rt-m-m-125 { margin: 125px } .rt-m-font-126 { font-size: 126px } .rt-m-lh-126 { line-height: 126px } .rt-m-pt-126 { padding-top: 126px } .rt-m-pr-126 { padding-right: 126px } .rt-m-pb-126 { padding-bottom: 126px } .rt-m-pl-126 { padding-left: 126px } .rt-m-p-126 { padding: 126px } .rt-m-mt-126 { margin-top: 126px } .rt-m-mr-126 { margin-right: 126px } .rt-m-mb-126 { margin-bottom: 126px } .rt-m-ml-126 { margin-left: 126px } .rt-m-m-126 { margin: 126px } .rt-m-font-127 { font-size: 127px } .rt-m-lh-127 { line-height: 127px } .rt-m-pt-127 { padding-top: 127px } .rt-m-pr-127 { padding-right: 127px } .rt-m-pb-127 { padding-bottom: 127px } .rt-m-pl-127 { padding-left: 127px } .rt-m-p-127 { padding: 127px } .rt-m-mt-127 { margin-top: 127px } .rt-m-mr-127 { margin-right: 127px } .rt-m-mb-127 { margin-bottom: 127px } .rt-m-ml-127 { margin-left: 127px } .rt-m-m-127 { margin: 127px } .rt-m-font-128 { font-size: 128px } .rt-m-lh-128 { line-height: 128px } .rt-m-pt-128 { padding-top: 128px } .rt-m-pr-128 { padding-right: 128px } .rt-m-pb-128 { padding-bottom: 128px } .rt-m-pl-128 { padding-left: 128px } .rt-m-p-128 { padding: 128px } .rt-m-mt-128 { margin-top: 128px } .rt-m-mr-128 { margin-right: 128px } .rt-m-mb-128 { margin-bottom: 128px } .rt-m-ml-128 { margin-left: 128px } .rt-m-m-128 { margin: 128px } .rt-m-font-129 { font-size: 129px } .rt-m-lh-129 { line-height: 129px } .rt-m-pt-129 { padding-top: 129px } .rt-m-pr-129 { padding-right: 129px } .rt-m-pb-129 { padding-bottom: 129px } .rt-m-pl-129 { padding-left: 129px } .rt-m-p-129 { padding: 129px } .rt-m-mt-129 { margin-top: 129px } .rt-m-mr-129 { margin-right: 129px } .rt-m-mb-129 { margin-bottom: 129px } .rt-m-ml-129 { margin-left: 129px } .rt-m-m-129 { margin: 129px } .rt-m-font-130 { font-size: 130px } .rt-m-lh-130 { line-height: 130px } .rt-m-pt-130 { padding-top: 130px } .rt-m-pr-130 { padding-right: 130px } .rt-m-pb-130 { padding-bottom: 130px } .rt-m-pl-130 { padding-left: 130px } .rt-m-p-130 { padding: 130px } .rt-m-mt-130 { margin-top: 130px } .rt-m-mr-130 { margin-right: 130px } .rt-m-mb-130 { margin-bottom: 130px } .rt-m-ml-130 { margin-left: 130px } .rt-m-m-130 { margin: 130px } .rt-m-font-131 { font-size: 131px } .rt-m-lh-131 { line-height: 131px } .rt-m-pt-131 { padding-top: 131px } .rt-m-pr-131 { padding-right: 131px } .rt-m-pb-131 { padding-bottom: 131px } .rt-m-pl-131 { padding-left: 131px } .rt-m-p-131 { padding: 131px } .rt-m-mt-131 { margin-top: 131px } .rt-m-mr-131 { margin-right: 131px } .rt-m-mb-131 { margin-bottom: 131px } .rt-m-ml-131 { margin-left: 131px } .rt-m-m-131 { margin: 131px } .rt-m-font-132 { font-size: 132px } .rt-m-lh-132 { line-height: 132px } .rt-m-pt-132 { padding-top: 132px } .rt-m-pr-132 { padding-right: 132px } .rt-m-pb-132 { padding-bottom: 132px } .rt-m-pl-132 { padding-left: 132px } .rt-m-p-132 { padding: 132px } .rt-m-mt-132 { margin-top: 132px } .rt-m-mr-132 { margin-right: 132px } .rt-m-mb-132 { margin-bottom: 132px } .rt-m-ml-132 { margin-left: 132px } .rt-m-m-132 { margin: 132px } .rt-m-font-133 { font-size: 133px } .rt-m-lh-133 { line-height: 133px } .rt-m-pt-133 { padding-top: 133px } .rt-m-pr-133 { padding-right: 133px } .rt-m-pb-133 { padding-bottom: 133px } .rt-m-pl-133 { padding-left: 133px } .rt-m-p-133 { padding: 133px } .rt-m-mt-133 { margin-top: 133px } .rt-m-mr-133 { margin-right: 133px } .rt-m-mb-133 { margin-bottom: 133px } .rt-m-ml-133 { margin-left: 133px } .rt-m-m-133 { margin: 133px } .rt-m-font-134 { font-size: 134px } .rt-m-lh-134 { line-height: 134px } .rt-m-pt-134 { padding-top: 134px } .rt-m-pr-134 { padding-right: 134px } .rt-m-pb-134 { padding-bottom: 134px } .rt-m-pl-134 { padding-left: 134px } .rt-m-p-134 { padding: 134px } .rt-m-mt-134 { margin-top: 134px } .rt-m-mr-134 { margin-right: 134px } .rt-m-mb-134 { margin-bottom: 134px } .rt-m-ml-134 { margin-left: 134px } .rt-m-m-134 { margin: 134px } .rt-m-font-135 { font-size: 135px } .rt-m-lh-135 { line-height: 135px } .rt-m-pt-135 { padding-top: 135px } .rt-m-pr-135 { padding-right: 135px } .rt-m-pb-135 { padding-bottom: 135px } .rt-m-pl-135 { padding-left: 135px } .rt-m-p-135 { padding: 135px } .rt-m-mt-135 { margin-top: 135px } .rt-m-mr-135 { margin-right: 135px } .rt-m-mb-135 { margin-bottom: 135px } .rt-m-ml-135 { margin-left: 135px } .rt-m-m-135 { margin: 135px } .rt-m-font-136 { font-size: 136px } .rt-m-lh-136 { line-height: 136px } .rt-m-pt-136 { padding-top: 136px } .rt-m-pr-136 { padding-right: 136px } .rt-m-pb-136 { padding-bottom: 136px } .rt-m-pl-136 { padding-left: 136px } .rt-m-p-136 { padding: 136px } .rt-m-mt-136 { margin-top: 136px } .rt-m-mr-136 { margin-right: 136px } .rt-m-mb-136 { margin-bottom: 136px } .rt-m-ml-136 { margin-left: 136px } .rt-m-m-136 { margin: 136px } .rt-m-font-137 { font-size: 137px } .rt-m-lh-137 { line-height: 137px } .rt-m-pt-137 { padding-top: 137px } .rt-m-pr-137 { padding-right: 137px } .rt-m-pb-137 { padding-bottom: 137px } .rt-m-pl-137 { padding-left: 137px } .rt-m-p-137 { padding: 137px } .rt-m-mt-137 { margin-top: 137px } .rt-m-mr-137 { margin-right: 137px } .rt-m-mb-137 { margin-bottom: 137px } .rt-m-ml-137 { margin-left: 137px } .rt-m-m-137 { margin: 137px } .rt-m-font-138 { font-size: 138px } .rt-m-lh-138 { line-height: 138px } .rt-m-pt-138 { padding-top: 138px } .rt-m-pr-138 { padding-right: 138px } .rt-m-pb-138 { padding-bottom: 138px } .rt-m-pl-138 { padding-left: 138px } .rt-m-p-138 { padding: 138px } .rt-m-mt-138 { margin-top: 138px } .rt-m-mr-138 { margin-right: 138px } .rt-m-mb-138 { margin-bottom: 138px } .rt-m-ml-138 { margin-left: 138px } .rt-m-m-138 { margin: 138px } .rt-m-font-139 { font-size: 139px } .rt-m-lh-139 { line-height: 139px } .rt-m-pt-139 { padding-top: 139px } .rt-m-pr-139 { padding-right: 139px } .rt-m-pb-139 { padding-bottom: 139px } .rt-m-pl-139 { padding-left: 139px } .rt-m-p-139 { padding: 139px } .rt-m-mt-139 { margin-top: 139px } .rt-m-mr-139 { margin-right: 139px } .rt-m-mb-139 { margin-bottom: 139px } .rt-m-ml-139 { margin-left: 139px } .rt-m-m-139 { margin: 139px } .rt-m-font-140 { font-size: 140px } .rt-m-lh-140 { line-height: 140px } .rt-m-pt-140 { padding-top: 140px } .rt-m-pr-140 { padding-right: 140px } .rt-m-pb-140 { padding-bottom: 140px } .rt-m-pl-140 { padding-left: 140px } .rt-m-p-140 { padding: 140px } .rt-m-mt-140 { margin-top: 140px } .rt-m-mr-140 { margin-right: 140px } .rt-m-mb-140 { margin-bottom: 140px } .rt-m-ml-140 { margin-left: 140px } .rt-m-m-140 { margin: 140px } .rt-m-font-141 { font-size: 141px } .rt-m-lh-141 { line-height: 141px } .rt-m-pt-141 { padding-top: 141px } .rt-m-pr-141 { padding-right: 141px } .rt-m-pb-141 { padding-bottom: 141px } .rt-m-pl-141 { padding-left: 141px } .rt-m-p-141 { padding: 141px } .rt-m-mt-141 { margin-top: 141px } .rt-m-mr-141 { margin-right: 141px } .rt-m-mb-141 { margin-bottom: 141px } .rt-m-ml-141 { margin-left: 141px } .rt-m-m-141 { margin: 141px } .rt-m-font-142 { font-size: 142px } .rt-m-lh-142 { line-height: 142px } .rt-m-pt-142 { padding-top: 142px } .rt-m-pr-142 { padding-right: 142px } .rt-m-pb-142 { padding-bottom: 142px } .rt-m-pl-142 { padding-left: 142px } .rt-m-p-142 { padding: 142px } .rt-m-mt-142 { margin-top: 142px } .rt-m-mr-142 { margin-right: 142px } .rt-m-mb-142 { margin-bottom: 142px } .rt-m-ml-142 { margin-left: 142px } .rt-m-m-142 { margin: 142px } .rt-m-font-143 { font-size: 143px } .rt-m-lh-143 { line-height: 143px } .rt-m-pt-143 { padding-top: 143px } .rt-m-pr-143 { padding-right: 143px } .rt-m-pb-143 { padding-bottom: 143px } .rt-m-pl-143 { padding-left: 143px } .rt-m-p-143 { padding: 143px } .rt-m-mt-143 { margin-top: 143px } .rt-m-mr-143 { margin-right: 143px } .rt-m-mb-143 { margin-bottom: 143px } .rt-m-ml-143 { margin-left: 143px } .rt-m-m-143 { margin: 143px } .rt-m-font-144 { font-size: 144px } .rt-m-lh-144 { line-height: 144px } .rt-m-pt-144 { padding-top: 144px } .rt-m-pr-144 { padding-right: 144px } .rt-m-pb-144 { padding-bottom: 144px } .rt-m-pl-144 { padding-left: 144px } .rt-m-p-144 { padding: 144px } .rt-m-mt-144 { margin-top: 144px } .rt-m-mr-144 { margin-right: 144px } .rt-m-mb-144 { margin-bottom: 144px } .rt-m-ml-144 { margin-left: 144px } .rt-m-m-144 { margin: 144px } .rt-m-font-145 { font-size: 145px } .rt-m-lh-145 { line-height: 145px } .rt-m-pt-145 { padding-top: 145px } .rt-m-pr-145 { padding-right: 145px } .rt-m-pb-145 { padding-bottom: 145px } .rt-m-pl-145 { padding-left: 145px } .rt-m-p-145 { padding: 145px } .rt-m-mt-145 { margin-top: 145px } .rt-m-mr-145 { margin-right: 145px } .rt-m-mb-145 { margin-bottom: 145px } .rt-m-ml-145 { margin-left: 145px } .rt-m-m-145 { margin: 145px } .rt-m-font-146 { font-size: 146px } .rt-m-lh-146 { line-height: 146px } .rt-m-pt-146 { padding-top: 146px } .rt-m-pr-146 { padding-right: 146px } .rt-m-pb-146 { padding-bottom: 146px } .rt-m-pl-146 { padding-left: 146px } .rt-m-p-146 { padding: 146px } .rt-m-mt-146 { margin-top: 146px } .rt-m-mr-146 { margin-right: 146px } .rt-m-mb-146 { margin-bottom: 146px } .rt-m-ml-146 { margin-left: 146px } .rt-m-m-146 { margin: 146px } .rt-m-font-147 { font-size: 147px } .rt-m-lh-147 { line-height: 147px } .rt-m-pt-147 { padding-top: 147px } .rt-m-pr-147 { padding-right: 147px } .rt-m-pb-147 { padding-bottom: 147px } .rt-m-pl-147 { padding-left: 147px } .rt-m-p-147 { padding: 147px } .rt-m-mt-147 { margin-top: 147px } .rt-m-mr-147 { margin-right: 147px } .rt-m-mb-147 { margin-bottom: 147px } .rt-m-ml-147 { margin-left: 147px } .rt-m-m-147 { margin: 147px } .rt-m-font-148 { font-size: 148px } .rt-m-lh-148 { line-height: 148px } .rt-m-pt-148 { padding-top: 148px } .rt-m-pr-148 { padding-right: 148px } .rt-m-pb-148 { padding-bottom: 148px } .rt-m-pl-148 { padding-left: 148px } .rt-m-p-148 { padding: 148px } .rt-m-mt-148 { margin-top: 148px } .rt-m-mr-148 { margin-right: 148px } .rt-m-mb-148 { margin-bottom: 148px } .rt-m-ml-148 { margin-left: 148px } .rt-m-m-148 { margin: 148px } .rt-m-font-149 { font-size: 149px } .rt-m-lh-149 { line-height: 149px } .rt-m-pt-149 { padding-top: 149px } .rt-m-pr-149 { padding-right: 149px } .rt-m-pb-149 { padding-bottom: 149px } .rt-m-pl-149 { padding-left: 149px } .rt-m-p-149 { padding: 149px } .rt-m-mt-149 { margin-top: 149px } .rt-m-mr-149 { margin-right: 149px } .rt-m-mb-149 { margin-bottom: 149px } .rt-m-ml-149 { margin-left: 149px } .rt-m-m-149 { margin: 149px } .rt-m-font-150 { font-size: 150px } .rt-m-lh-150 { line-height: 150px } .rt-m-pt-150 { padding-top: 150px } .rt-m-pr-150 { padding-right: 150px } .rt-m-pb-150 { padding-bottom: 150px } .rt-m-pl-150 { padding-left: 150px } .rt-m-p-150 { padding: 150px } .rt-m-mt-150 { margin-top: 150px } .rt-m-mr-150 { margin-right: 150px } .rt-m-mb-150 { margin-bottom: 150px } .rt-m-ml-150 { margin-left: 150px } .rt-m-m-150 { margin: 150px } .rt-m-fw-100 { font-weight: 100 } .rt-m-fw-200 { font-weight: 200 } .rt-m-fw-300 { font-weight: 300 } .rt-m-fw-400 { font-weight: 400 } .rt-m-fw-500 { font-weight: 500 } .rt-m-fw-600 { font-weight: 600 } .rt-m-fw-700 { font-weight: 700 } .rt-m-c-white { color: #fff } .rt-m-c-black { color: #222 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-section.privacy .container.is-fullhd td, .qedge-com-section.privacy .container.is-fullhd li, .qedge-com-section.privacy .container.is-fullhd p:not(.personPolicy-title) { color: #666 } .qedge-com-section.privacy .container.is-fullhd table { width: 1110px } .qedge-com-section.big-plate .cursor { display: none } .qedge-com-section.graybackground { background-color: #fbfbfb } .qedge-com-section.bg-color-fa { background-color: #fafafa } .qedge-com-section .container { max-width: 1160px } .qedge-com-section>.container>.content, .qedge-com-section>.content { padding: 30px 25px 70px 25px } .qedge-com-section>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-section>.content.no-global-padding>.container>.content, .qedge-com-section>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-section .content.has-more { padding-bottom: 0 } .qedge-com-section .content .section-header .title { font-weight: 400; margin-bottom: 1em } .qedge-com-section .content .section-header .title h1, .qedge-com-section .content .section-header .title h2, .qedge-com-section .content .section-header .title h3, .qedge-com-section .content .section-header .title h4, .qedge-com-section .content .section-header .title h5, .qedge-com-section .content .section-header .title h6, .qedge-com-section .content .section-header .title p, .qedge-com-section .content .section-header .title em, .qedge-com-section .content .section-header .title i, .qedge-com-section .content .section-header .title b, .qedge-com-section .content .section-header .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-section .content .section-footer { font-size: 14px; padding: 1.75em 0 } .qedge-com-section .content .section-footer .section-links .link { color: #000 } .qedge-com-section .content .section-footer .section-links .link:hover, .qedge-com-section .content .section-footer .section-links .link:focus, .qedge-com-section .content .section-footer .section-links .link:active { color: #0599c8 } .qedge-com-section .split-line { margin-top: 10px; border-top: 0 } #app-search .qedge-com-section .split-line { margin-top: 0 } .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content { margin-top: 0; margin-bottom: 10px } .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title { font-size: 22px; letter-spacing: 5px; margin-top: 80px; margin-bottom: 0px } .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title h1, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title h2, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title h3, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title h4, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title h5, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title h6, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title p, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title em, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title i, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title b, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-section.campusAQA .content-item { margin-bottom: 20px; padding: 40px 35px } .qedge-com-section.campusAQA .content-item .content-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; padding-bottom: 50px; font-size: 24px; color: #000; line-height: 1.125 } .qedge-com-section.campusAQA .content-item .content-details hr { height: 1px; border-top: 1px dashed #ccc; margin: 40px auto } .qedge-com-section.campusAQA .content-item .content-details .question { font-weight: bold; font-size: 16px; color: #000; line-height: 1.125; margin-bottom: 20px } .qedge-com-section.campusAQA .content-item .content-details .answer { text-align: justify; font-size: 16px; color: #666; line-height: 1.8 } .qedge-com-section.campusAQA .content-item .content-details .answer .steps .jobs-arrow { display: inline-block; margin: 0 5px 0 10px; border: 5px solid rgba(0, 0, 0, 0); border-left: 10px solid #666; width: 5px; height: 5px } .qedge-com-section-not-first { margin-top: -100px } @media screen and (max-width: 1024px) { .qedge-com-section-not-first { margin-top: -80px } } @media screen and (max-width: 1024px) { .qedge-com-section>.container>.content, .qedge-com-section>.content { padding: 32px 20px 48px 20px } .qedge-com-section .split-line { display: none } .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content { margin-top: 0; margin-bottom: 10px } .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title { font-size: 24px; color: #000; letter-spacing: 0; text-align: center; line-height: 34px; font-weight: 600 } .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title h1, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title h2, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title h3, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title h4, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title h5, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title h6, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title p, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title em, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title i, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title b, .qedge-com-section.campusAQA .campusAQA-qedge-com-media-title .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-section.campusAQA .content-item { padding: 20px 5px; background: #fff } .qedge-com-section.campusAQA .content-item .content-title { font-size: 16px; line-height: 26px; padding-bottom: 40px } .qedge-com-section.campusAQA .content-item .content-details .question { font-size: 16px; line-height: 26px } .qedge-com-section.campusAQA .content-item .content-details .answer { font-size: 14px; line-height: 24px } .qedge-com-section.campusAQA .content-item .content-details .answer .steps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-section.campusAQA .content-item .content-details .answer .steps .jobs-arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin: 10px 5px 5px 10px } .qedge-com-section.campusAQA .process-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 60px; padding: 0 10px } .qedge-com-section.campusAQA .process-item .process-no { font-size: 24px; color: #000; letter-spacing: 0; line-height: 34px; font-weight: 500 } .qedge-com-section.campusAQA .process-item .process-icon { width: 49px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-section.campusAQA .process-item .process-icon img { width: 100%; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain;" } .qedge-com-section.campusAQA .process-item .process-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-section.campusAQA .process-item .process-details .process-title { font-size: 16px; color: #000; letter-spacing: 0; line-height: 26px; font-weight: 500 } .qedge-com-section.campusAQA .process-item .process-details .process-desc { font-size: 14px; color: #666; letter-spacing: 0; line-height: 24px; font-weight: 400 } .qedge-com-section.campusAQA .process-item.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .qedge-com-section .container.is-fullhd .content.has-more { padding-top: 32px } .qedge-com-section .container.is-fullhd .table-content { overflow-x: auto } } @media screen and (max-width: 1024px) { .tile.is-mobile .is-ancestor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap } .tile.is-mobile .is-ancestor .is-6 { width: 50% } } .qedge-com-limit { width: 100%; background: #000 } .qedge-com-limit .container-limit { padding-top: 150px } .qedge-com-limit .container-limit .content { color: #999; width: 60%; margin: 0 auto } .qedge-com-limit .container-limit .content .index { position: relative; line-height: 1.5em } .qedge-com-limit .container-limit .content .index::after { position: absolute; content: " "; display: block; height: 1px; right: 0; bottom: 4px; left: 3em; background-color: #999 } .qedge-com-limit .container-limit .content .index::before { position: absolute; content: " "; display: block; bottom: 4px; left: 24px; height: 1em; -webkit-transform: rotate(20deg); transform: rotate(20deg); width: 1px; background-color: #999 } .qedge-com-limit .container-limit .content .limit { padding-top: 85px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #ccc; -ms-flex-pack: distribute; justify-content: space-around } .qedge-com-limit .container-limit .content .limit .limit-title { width: 50% } .qedge-com-limit .container-limit .content .limit .limit-title .title1 { font-size: 24px } .qedge-com-limit .container-limit .content .limit .limit-title .subtitle1 { font-size: 35px; color: #fff } .qedge-com-limit .container-limit .content .limit .limit-content { width: 50% } .qedge-com-limit .container-limit .content .limit .limit-content .text { padding-bottom: 40px } @media screen and (max-width: 1024px) { .qedge-com-limit .container-limit .content { width: 90% } .qedge-com-limit .container-limit .content .limit { display: block; padding-top: 30px } .qedge-com-limit .container-limit .content .limit .limit-title { width: 100%; padding-bottom: 20px } .qedge-com-limit .container-limit .content .limit .limit-title .title1 { font-size: 16px } .qedge-com-limit .container-limit .content .limit .limit-title .subtitle1 { font-size: 20px; color: #fff } .qedge-com-limit .container-limit .content .limit .limit-content { width: 100% } .qedge-com-limit .container-limit .content .limit .limit-content .text { padding-bottom: 40px; font-size: 14px } } .qedge-com-instance { width: 70%; margin: 160px auto } .qedge-com-instance .container-instance .content { color: #666; margin: 0 auto; width: 80%; margin-bottom: 80px } .qedge-com-instance .container-instance .content .index { position: relative; line-height: 1.5em; color: #666 } .qedge-com-instance .container-instance .content .index::after { position: absolute; content: " "; display: block; height: 1px; right: 0; bottom: 4px; left: 3em; background-color: #bbb } .qedge-com-instance .container-instance .content .index::before { position: absolute; content: " "; display: block; bottom: 4px; left: 24px; height: 1em; -webkit-transform: rotate(20deg); transform: rotate(20deg); width: 1px; background-color: #bbb } .qedge-com-instance .container-instance .content .instance { padding-top: 85px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-instance .container-instance .content .instance .instance-title { color: #000; width: 30% } .qedge-com-instance .container-instance .content .instance .instance-title .title1 { font-size: 20px } .qedge-com-instance .container-instance .content .instance .instance-title .subtitle1 { font-size: 38px } .qedge-com-instance .container-instance .content .instance .instance-text { width: 70% } .qedge-com-instance .container-instance .instance-content { margin-top: 80px; width: 80%; margin: 0 auto; color: #666 } .qedge-com-instance .container-instance .instance-content .text { width: 70% } @media screen and (max-width: 1024px) { .qedge-com-instance { width: 100%; margin: 40px auto } .qedge-com-instance .container-instance .content { margin-bottom: 40px; width: 90% } .qedge-com-instance .container-instance .content .instance { padding-top: 20px; display: block } .qedge-com-instance .container-instance .content .instance .instance-title { color: #000; width: 100% } .qedge-com-instance .container-instance .content .instance .instance-title .title1 { font-size: 22px; line-height: 34px; margin-bottom: 16px } .qedge-com-instance .container-instance .content .instance .instance-title .subtitle1 { font-size: 24px } .qedge-com-instance .container-instance .content .instance .instance-text { width: 100%; font-size: 14px; line-height: 24px } .qedge-com-instance .container-instance .instance-content { margin-top: 80px !important; width: 80%; margin: 0 auto; color: #666 } .qedge-com-instance .container-instance .instance-content .text { width: 100% } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-title-block .content { padding: 50px 25px; text-align: center } .qedge-com-title-block .content .title { font-weight: 400 } .qedge-com-title-block .content .title h1, .qedge-com-title-block .content .title h2, .qedge-com-title-block .content .title h3, .qedge-com-title-block .content .title h4, .qedge-com-title-block .content .title h5, .qedge-com-title-block .content .title h6, .qedge-com-title-block .content .title p, .qedge-com-title-block .content .title em, .qedge-com-title-block .content .title i, .qedge-com-title-block .content .title b, .qedge-com-title-block .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-title-block .content .brief { max-width: 560px; margin: 0 auto } @media screen and (max-width: 1024px) { .qedge-com-title-block .content { padding: 30px 25px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-card-image { -webkit-transition: all linear .3s; transition: all linear .3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; border: 1px solid #e5e5e5; height: 100% } .qedge-com-card-image:hover, .qedge-com-card-image:focus, .qedge-com-card-image:active { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 3px 15px 0 rgba(0, 0, 0, .15); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 3px 15px 0 rgba(0, 0, 0, .15); border-color: rgba(0, 0, 0, 0) } .qedge-com-card-image>div { width: 100% } .qedge-com-card-image .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100% } .qedge-com-card-image .content>div { width: 100% } .qedge-com-card-image .content .basic-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100% } .qedge-com-card-image .content .basic-card>div { width: 100% } .qedge-com-card-image .content .basic-card .card-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; flex-grow: 1; padding: 40px 30px } .qedge-com-card-image .content .basic-card .card-heading>div { width: 100% } .qedge-com-card-image .content .basic-card .card-heading .title { color: #000; font-size: 15px; font-weight: 400; line-height: 1.75 } .qedge-com-card-image .content .basic-card .card-heading .title h1, .qedge-com-card-image .content .basic-card .card-heading .title h2, .qedge-com-card-image .content .basic-card .card-heading .title h3, .qedge-com-card-image .content .basic-card .card-heading .title h4, .qedge-com-card-image .content .basic-card .card-heading .title h5, .qedge-com-card-image .content .basic-card .card-heading .title h6, .qedge-com-card-image .content .basic-card .card-heading .title p, .qedge-com-card-image .content .basic-card .card-heading .title em, .qedge-com-card-image .content .basic-card .card-heading .title i, .qedge-com-card-image .content .basic-card .card-heading .title b, .qedge-com-card-image .content .basic-card .card-heading .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-card-image .content .basic-card .card-footer { border-top: none; padding: 20px 30px } .qedge-com-card-image .content .basic-card .card-footer .footer-links { color: #000; font-size: 14px } .qedge-com-card-image .content .basic-card .card-heading+.card-footer { padding-top: 0 } .qedge-com-card-image:hover .link, .qedge-com-card-image:focus .link, .qedge-com-card-image:active .link { color: #0599c8 } @media screen and (max-width: 1024px) { .qedge-com-card-image .content .card-footer { display: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-card-map { position: relative; z-index: 10 } .qedge-com-card-map .content .card-body .map-wrapper { background-color: #a2a2a2; height: 590px } .qedge-com-card-map .content .card-footer { background-color: #666; border-top: none; color: #fff; font-size: 36px; font-style: normal; padding: .8em .8em 2em .8em } .qedge-com-card-map .content .card-footer h1, .qedge-com-card-map .content .card-footer h2, .qedge-com-card-map .content .card-footer h3, .qedge-com-card-map .content .card-footer h4, .qedge-com-card-map .content .card-footer h5, .qedge-com-card-map .content .card-footer h6, .qedge-com-card-map .content .card-footer a, .qedge-com-card-map .content .card-footer p, .qedge-com-card-map .content .card-footer em, .qedge-com-card-map .content .card-footer i, .qedge-com-card-map .content .card-footer b, .qedge-com-card-map .content .card-footer address { color: inherit } .qedge-com-card-map .content .card-footer a:hover, .qedge-com-card-map .content .card-footer a:focus, .qedge-com-card-map .content .card-footer a:active { color: #0599c8 } .qedge-com-card-map .content .card-footer h1, .qedge-com-card-map .content .card-footer h2, .qedge-com-card-map .content .card-footer h3, .qedge-com-card-map .content .card-footer h4, .qedge-com-card-map .content .card-footer h5, .qedge-com-card-map .content .card-footer h6, .qedge-com-card-map .content .card-footer p, .qedge-com-card-map .content .card-footer em, .qedge-com-card-map .content .card-footer i, .qedge-com-card-map .content .card-footer b, .qedge-com-card-map .content .card-footer address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-card-map .content .card-footer address { display: block; width: 100% } .qedge-com-card-map .content .card-footer .detail { font-size: .5em } .qedge-com-card-map .content .card-footer .detail ul { list-style-type: none; margin: 0; padding: 0 } @media screen and (max-width: 1024px) { .qedge-com-card-map .content .card-body .map-wrapper { height: 350px } .qedge-com-card-map .content .card-footer { font-size: 20px } .qedge-com-card-map .content .card-footer .detail { font-size: .7em } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-card-headline { -webkit-transition: all linear .3s; transition: all linear .3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; background-color: #fff; height: 100% } .qedge-com-card-headline:hover, .qedge-com-card-headline:focus, .qedge-com-card-headline:active { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 3px 15px 0 rgba(0, 0, 0, .15); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 3px 15px 0 rgba(0, 0, 0, .15); border-color: rgba(0, 0, 0, 0) } .qedge-com-card-headline>div { width: 100% } .qedge-com-card-headline .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100% } .qedge-com-card-headline .content>div { width: 100% } .qedge-com-card-headline .content .qedge-com-motional-bg-image { min-height: 300px } .qedge-com-card-headline .content .basic-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100% } .qedge-com-card-headline .content .basic-card>div { width: 100% } .qedge-com-card-headline .content .basic-card .card-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; flex-grow: 1; padding: 40px 30px } .qedge-com-card-headline .content .basic-card .card-heading>div { width: 100% } .qedge-com-card-headline .content .basic-card .card-heading .logo { margin-bottom: 40px } .qedge-com-card-headline .content .basic-card .card-heading .logo img { display: block; height: 50px; max-width: 100% } .qedge-com-card-headline .content .basic-card .card-heading .date { color: #000; margin-bottom: 10px; font-size: 14px } .qedge-com-card-headline .content .basic-card .card-heading .date h1, .qedge-com-card-headline .content .basic-card .card-heading .date h2, .qedge-com-card-headline .content .basic-card .card-heading .date h3, .qedge-com-card-headline .content .basic-card .card-heading .date h4, .qedge-com-card-headline .content .basic-card .card-heading .date h5, .qedge-com-card-headline .content .basic-card .card-heading .date h6, .qedge-com-card-headline .content .basic-card .card-heading .date p, .qedge-com-card-headline .content .basic-card .card-heading .date em, .qedge-com-card-headline .content .basic-card .card-heading .date i, .qedge-com-card-headline .content .basic-card .card-heading .date b, .qedge-com-card-headline .content .basic-card .card-heading .date address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-card-headline .content .basic-card .card-heading .title { color: #000; font-size: 24px; font-weight: 400; line-height: 1.75 } .qedge-com-card-headline .content .basic-card .card-heading .title h1, .qedge-com-card-headline .content .basic-card .card-heading .title h2, .qedge-com-card-headline .content .basic-card .card-heading .title h3, .qedge-com-card-headline .content .basic-card .card-heading .title h4, .qedge-com-card-headline .content .basic-card .card-heading .title h5, .qedge-com-card-headline .content .basic-card .card-heading .title h6, .qedge-com-card-headline .content .basic-card .card-heading .title p, .qedge-com-card-headline .content .basic-card .card-heading .title em, .qedge-com-card-headline .content .basic-card .card-heading .title i, .qedge-com-card-headline .content .basic-card .card-heading .title b, .qedge-com-card-headline .content .basic-card .card-heading .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-card-headline .content .basic-card .card-footer { border-top: none; padding: 20px 30px } .qedge-com-card-headline .content .basic-card .card-footer .footer-links { color: #000; font-size: 14px } .qedge-com-card-headline:hover .link, .qedge-com-card-headline:focus .link, .qedge-com-card-headline:active .link { color: #0599c8 } .qedge-com-card-headline.type-special { background-color: rgba(0, 0, 0, 0) } .qedge-com-card-headline.type-special>.content { position: relative; padding-right: 10%; padding-bottom: 190px } .qedge-com-card-headline.type-special>.content .basic-card { background-color: #fff; display: block; position: absolute; bottom: 0; right: 0; width: 45% } .qedge-com-card-headline.type-special:hover, .qedge-com-card-headline.type-special:focus, .qedge-com-card-headline.type-special:active { -webkit-box-shadow: none; box-shadow: none } @media screen and (max-width: 1024px) { .qedge-com-card-headline .content .basic-card .card-heading .title { font-size: 20px } .qedge-com-card-headline .content .basic-card .card-footer .footer-links { font-size: 18px } .qedge-com-card-headline.type-2>.content .basic-card .card-footer { display: none } .qedge-com-card-headline.type-special>.content { padding: 0 } .qedge-com-card-headline.type-special>.content .qedge-com-motional-image { margin: 0 -25px; width: auto } .qedge-com-card-headline.type-special>.content .basic-card { margin-top: -30px; position: static; width: auto; z-index: 10 } .qedge-com-card-headline.type-special>.content .basic-card .card-footer { display: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .clearfix::after { content: ""; display: block; clear: both } .clearfix { zoom: 1 } .big-plate { margin-bottom: 70px } .big-plate .content { padding-bottom: 0px !important } .qedge-horizon-mobile { display: none } .qedge-horizon-video-container { padding: 0; position: relative; overflow: hidden } .qedge-horizon-video-container .qedge-horizon-video-absolute-container { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .qedge-horizon-video-container .qedge-horizon-video-absolute-container .qedge-horizon-video-content { position: relative; width: 100%; height: 100%; background-color: #000; overflow: hidden } .qedge-horizon-video-container .qedge-com-card-video-play.type-cover.qedge-video-horizon.play .horizon-title { color: #fff } .qedge-horizon-video-container .qedge-com-card-video-play.type-cover.qedge-video-horizon.play .horizon-subtitle { color: #fff } .qedge-horizon-video-container .qedge-com-card-video-play.type-cover.qedge-video-horizon.play .horizon-card-footer { color: #fff } .qedge-horizon-video-container .horizon-video-card .horizon-title { font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 700; font-size: 14px; color: rgba(255, 255, 255, .5); letter-spacing: 4px; line-height: 18px; -webkit-transition: all linear .8s; transition: all linear .8s } .qedge-horizon-video-container .horizon-video-card .horizon-subtitle { font-size: 24px; color: #fff; color: rgba(255, 255, 255, .5); letter-spacing: 0; line-height: 30px; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); -webkit-transition: all linear .8s; transition: all linear .8s } .qedge-horizon-video-container .horizon-video-card .horizon-card-footer { border-top: none; font-family: source-han-sans-simplified-c, sans-serif; font-weight: 300; font-size: 16px; color: rgba(255, 255, 255, .5); letter-spacing: 0; line-height: 30px; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); display: inline-block; -webkit-transition: all linear .8s; transition: all linear .8s } .qedge-horizon-video-container .horizon-video-card { position: absolute; left: 85px } .qedge-horizon-video-container .horizon-video-first { position: absolute; width: 100%; height: 65%; top: 0; border-bottom: 1px solid rgba(255, 255, 255, .4); background: rgba(0, 0, 0, .3) } .qedge-horizon-video-container .horizon-video-first .horizon-subtitle { margin-top: 50px; font-weight: 600 } .qedge-horizon-video-container .horizon-video-first .horizon-card-footer { margin-top: 10px } .qedge-horizon-video-container .horizon-video-bottom-container { position: absolute; width: 100%; height: 35%; bottom: 0; background: rgba(0, 0, 0, .3) } .qedge-horizon-video-container .horizon-video-bottom-container .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-horizon-video-container .horizon-video-bottom-container .horizon-video-card { position: relative; top: 0; width: 80% } .qedge-horizon-video-container .horizon-video-bottom-container .horizon-subtitle { margin-top: 50px; font-weight: 600 } .qedge-horizon-video-container .horizon-video-bottom-container .horizon-card-footer { margin-top: 10px; width: 90% } .qedge-horizon-video-container .horizon-video-bottom-container .horizon-video-second { float: left; height: 100%; width: 33.3%; border-right: 1px solid rgba(255, 255, 255, .4) } .qedge-horizon-video-container .horizon-video-bottom-container .horizon-video-third { float: left; height: 100%; width: 33.3%; border-right: 1px solid rgba(255, 255, 255, .4) } .qedge-horizon-video-container .horizon-video-bottom-container .horizon-video-fourth { float: left; height: 100%; width: 33.3% } .qedge-com-card-video-play { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; -webkit-transition: all linear .3s; transition: all linear .3s; height: 100% } .qedge-com-card-video-play>div { width: 100% } .qedge-com-card-video-play:hover, .qedge-com-card-video-play:focus, .qedge-com-card-video-play:active { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 10px 15px -10px rgba(0, 0, 0, .85); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 10px 15px -10px rgba(0, 0, 0, .85); border-color: rgba(0, 0, 0, 0) } .qedge-com-card-video-play:hover { -webkit-box-shadow: none; box-shadow: none } .qedge-com-card-video-play .content { height: 100%; position: relative } .qedge-com-card-video-play .content .qedge-com-motional-image { position: relative; z-index: 20 } .qedge-com-card-video-play .content .basic-card { color: #fff; padding: 20px 30px; position: absolute; bottom: 0; left: 10%; width: 100%; height: 100%; z-index: 30 } .qedge-com-card-video-play .content .basic-card .title, .qedge-com-card-video-play .content .basic-card .subtitle { color: #fff } .qedge-com-card-video-play .content .basic-card .title h1, .qedge-com-card-video-play .content .basic-card .title h2, .qedge-com-card-video-play .content .basic-card .title h3, .qedge-com-card-video-play .content .basic-card .title h4, .qedge-com-card-video-play .content .basic-card .title h5, .qedge-com-card-video-play .content .basic-card .title h6, .qedge-com-card-video-play .content .basic-card .title a, .qedge-com-card-video-play .content .basic-card .title p, .qedge-com-card-video-play .content .basic-card .title em, .qedge-com-card-video-play .content .basic-card .title i, .qedge-com-card-video-play .content .basic-card .title b, .qedge-com-card-video-play .content .basic-card .title address, .qedge-com-card-video-play .content .basic-card .subtitle h1, .qedge-com-card-video-play .content .basic-card .subtitle h2, .qedge-com-card-video-play .content .basic-card .subtitle h3, .qedge-com-card-video-play .content .basic-card .subtitle h4, .qedge-com-card-video-play .content .basic-card .subtitle h5, .qedge-com-card-video-play .content .basic-card .subtitle h6, .qedge-com-card-video-play .content .basic-card .subtitle a, .qedge-com-card-video-play .content .basic-card .subtitle p, .qedge-com-card-video-play .content .basic-card .subtitle em, .qedge-com-card-video-play .content .basic-card .subtitle i, .qedge-com-card-video-play .content .basic-card .subtitle b, .qedge-com-card-video-play .content .basic-card .subtitle address { color: inherit } .qedge-com-card-video-play .content .basic-card .title a:hover, .qedge-com-card-video-play .content .basic-card .title a:focus, .qedge-com-card-video-play .content .basic-card .title a:active, .qedge-com-card-video-play .content .basic-card .subtitle a:hover, .qedge-com-card-video-play .content .basic-card .subtitle a:focus, .qedge-com-card-video-play .content .basic-card .subtitle a:active { color: #0599c8 } .qedge-com-card-video-play .content .basic-card .title h1, .qedge-com-card-video-play .content .basic-card .title h2, .qedge-com-card-video-play .content .basic-card .title h3, .qedge-com-card-video-play .content .basic-card .title h4, .qedge-com-card-video-play .content .basic-card .title h5, .qedge-com-card-video-play .content .basic-card .title h6, .qedge-com-card-video-play .content .basic-card .title p, .qedge-com-card-video-play .content .basic-card .title em, .qedge-com-card-video-play .content .basic-card .title i, .qedge-com-card-video-play .content .basic-card .title b, .qedge-com-card-video-play .content .basic-card .title address, .qedge-com-card-video-play .content .basic-card .subtitle h1, .qedge-com-card-video-play .content .basic-card .subtitle h2, .qedge-com-card-video-play .content .basic-card .subtitle h3, .qedge-com-card-video-play .content .basic-card .subtitle h4, .qedge-com-card-video-play .content .basic-card .subtitle h5, .qedge-com-card-video-play .content .basic-card .subtitle h6, .qedge-com-card-video-play .content .basic-card .subtitle p, .qedge-com-card-video-play .content .basic-card .subtitle em, .qedge-com-card-video-play .content .basic-card .subtitle i, .qedge-com-card-video-play .content .basic-card .subtitle b, .qedge-com-card-video-play .content .basic-card .subtitle address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-card-video-play .content .basic-card .title { font-size: 14px; color: #fff; letter-spacing: 4px; line-height: 18px; margin-top: 23% } .qedge-com-card-video-play .content .basic-card .subtitle { color: #fff; letter-spacing: 0; font-size: 24px; line-height: 30px; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); margin-top: 10%; margin-bottom: .2rem } .qedge-com-card-video-play .content .basic-card .card-footer { border-top: none; font-size: 16px; color: rgba(255, 255, 255, .4); letter-spacing: 0; line-height: 30px; text-shadow: 0 1px 2px rgba(0, 0, 0, .6) } .qedge-com-card-video-play .content .video-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; background-color: #000; height: 100%; position: absolute; left: 0; top: 0; z-index: 10 } .qedge-com-card-video-play .content .video-card>div { width: 100% } .qedge-com-card-video-play .content .video-card .card-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-card-video-play .content .video-card .card-body>div { width: 100% } .qedge-com-card-video-play.active .video-card { z-index: 50 } @media screen and (max-width: 768px) { .video-js .vjs-big-play-button { left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); display: none } } @media screen and (max-width: 1024px) { .big-plate { margin-top: 48px; margin-bottom: 48px } .qedge-horizon-pc { display: none } .qedge-horizon-mobile { display: block; background-color: rgba(255, 255, 255, .4); margin: 0 20px } .qedge-horizon-mobile.qedge-horizon-video-container .tile.is-parent { display: block } .qedge-horizon-mobile .image-container-auto .mobile-image-card { padding-top: 32px; border-bottom: 1px solid #eee; margin-bottom: 8px } .qedge-horizon-mobile .image-container-auto .mobile-image-card:last-child { margin-bottom: 0 } .qedge-horizon-mobile .image-container-auto .mobile-image-card .qedge-com-card-video-play .content .qedge-com-motional-image { height: 69.5% } .qedge-horizon-mobile .image-container-auto .mobile-image-card .qedge-com-card-video-play .content .qedge-com-motional-image img { height: 188px } .qedge-horizon-mobile .image-container-auto .mobile-image-card .qedge-com-card-video-play .content .basic-card { position: relative; height: auto; padding: 0; bottom: 0 } .qedge-horizon-mobile .image-container-auto .mobile-image-card .qedge-com-card-video-play .content .basic-card .card-heading .title { display: none } .qedge-horizon-mobile .image-container-auto .mobile-image-card .qedge-com-card-video-play .content .basic-card .card-heading .subtitle { margin-top: 24px; font-size: 16px; color: #000; letter-spacing: 0; font-weight: 500; line-height: 26px; margin-bottom: 0; text-shadow: none } .qedge-horizon-mobile .image-container-auto .mobile-image-card .qedge-com-card-video-play .content .basic-card .card-heading .card-footer { font-size: 14px; font-weight: 400; color: #666; letter-spacing: 0; line-height: 24px; padding-bottom: 24px; text-shadow: none; margin-top: 8px } .qedge-horizon-mobile .tile.is-ancestor { margin: 0 } .qedge-horizon-mobile .tile.is-ancestor .clearfix:first-child .image-container-auto .mobile-image-card:first-child { padding-top: 0 } .qedge-horizon-mobile .qedge-com-motional-image .content img { height: auto } .qedge-com-card-video-play { background-color: 0, 0, 0, rgba(0, 0, 0, .3) } .qedge-com-card-video-play .content .basic-card { left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .qedge-com-card-video-play .content .basic-card .card-heading .title { font-size: 10px; color: #fff; letter-spacing: 3px; margin-bottom: 15px } .qedge-com-card-video-play .content .basic-card .card-heading .title h3 { font-size: 10px; line-height: 20px } .qedge-com-card-video-play .content .basic-card .card-heading .subtitle { font-size: 16px; color: #fff; letter-spacing: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); line-height: 26px } .qedge-com-card-video-play .content .basic-card .card-heading .subtitle p { font-size: 16px; line-height: 26px } .qedge-com-card-video-play .content .basic-card .img-video-play { border-style: solid; position: absolute; background: none; border: none; color: #f9f9f9; border-style: solid; border-width: 7px 0 7px 12px; border-radius: 1px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f9f9f9; bottom: 18px; right: 35px } .qedge-com-card-video-play .content .basic-card .card-footer { font-size: 12px; color: rgba(255, 255, 255, .75); letter-spacing: 0; line-height: 22px; text-shadow: 0 1px 2px rgba(0, 0, 0, .6) } .qedge-com-card-video-play .content .basic-card .card-footer p { font-size: 12px; line-height: 22px } } @media screen and (max-width: 1600px) { .qedge-horizon-video-container .horizon-video-bottom-container .horizon-video-card .horizon-card-footer { height: 60px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-card-basic-event { -webkit-transition: all linear .3s; transition: all linear .3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; border: 1px solid #d7d7d7; color: #000; height: 100% } .qedge-com-card-basic-event:hover, .qedge-com-card-basic-event:focus, .qedge-com-card-basic-event:active { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 3px 15px 0 rgba(0, 0, 0, .15); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 3px 15px 0 rgba(0, 0, 0, .15); border-color: rgba(0, 0, 0, 0) } .qedge-com-card-basic-event>div { width: 100% } .qedge-com-card-basic-event .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100% } .qedge-com-card-basic-event .content>div { width: 100% } .qedge-com-card-basic-event .content .card-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; padding: 35px 30px } .qedge-com-card-basic-event .content .card-heading>div { width: 100% } .qedge-com-card-basic-event .content .card-heading .title { color: #000; font-size: 48px; font-family: source-han-sans-simplified-c, sans-serif; font-weight: 400; line-height: 1.75 } .qedge-com-card-basic-event .content .card-heading .title h1, .qedge-com-card-basic-event .content .card-heading .title h2, .qedge-com-card-basic-event .content .card-heading .title h3, .qedge-com-card-basic-event .content .card-heading .title h4, .qedge-com-card-basic-event .content .card-heading .title h5, .qedge-com-card-basic-event .content .card-heading .title h6, .qedge-com-card-basic-event .content .card-heading .title p, .qedge-com-card-basic-event .content .card-heading .title em, .qedge-com-card-basic-event .content .card-heading .title i, .qedge-com-card-basic-event .content .card-heading .title b, .qedge-com-card-basic-event .content .card-heading .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-card-basic-event .content .card-heading .subtitle { font-size: 14px; margin-bottom: 10px } .qedge-com-card-basic-event .content .card-body { font-size: 16px; padding: 30px 30px } .qedge-com-card-basic-event .content .card-body h1, .qedge-com-card-basic-event .content .card-body h2, .qedge-com-card-basic-event .content .card-body h3, .qedge-com-card-basic-event .content .card-body h4, .qedge-com-card-basic-event .content .card-body h5, .qedge-com-card-basic-event .content .card-body h6, .qedge-com-card-basic-event .content .card-body a, .qedge-com-card-basic-event .content .card-body p, .qedge-com-card-basic-event .content .card-body em, .qedge-com-card-basic-event .content .card-body i, .qedge-com-card-basic-event .content .card-body b, .qedge-com-card-basic-event .content .card-body address { color: inherit } .qedge-com-card-basic-event .content .card-body a:hover, .qedge-com-card-basic-event .content .card-body a:focus, .qedge-com-card-basic-event .content .card-body a:active { color: #0599c8 } .qedge-com-card-basic-event .content .card-body h1, .qedge-com-card-basic-event .content .card-body h2, .qedge-com-card-basic-event .content .card-body h3, .qedge-com-card-basic-event .content .card-body h4, .qedge-com-card-basic-event .content .card-body h5, .qedge-com-card-basic-event .content .card-body h6, .qedge-com-card-basic-event .content .card-body p, .qedge-com-card-basic-event .content .card-body em, .qedge-com-card-basic-event .content .card-body i, .qedge-com-card-basic-event .content .card-body b, .qedge-com-card-basic-event .content .card-body address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-card-basic-event .content .card-footer { border-top: none; padding: 20px 30px } .qedge-com-card-basic-event .content .card-footer .footer-links { color: #000; font-size: 14px } .qedge-com-card-basic-event .content .card-body+.card-footer, .qedge-com-card-basic-event .content .card-heading+.card-footer { padding-top: 0 } .qedge-com-card-basic-event:hover .link, .qedge-com-card-basic-event:focus .link, .qedge-com-card-basic-event:active .link { color: #0599c8 } .qedge-com-card-serif-intro .content .card-heading .card-title { font-family: source-han-sans-simplified-c, sans-serif; font-weight: 200 } .qedge-com-card-serif-intro .content .card-heading .card-title h1, .qedge-com-card-serif-intro .content .card-heading .card-title h2, .qedge-com-card-serif-intro .content .card-heading .card-title h3, .qedge-com-card-serif-intro .content .card-heading .card-title h4, .qedge-com-card-serif-intro .content .card-heading .card-title h5, .qedge-com-card-serif-intro .content .card-heading .card-title h6, .qedge-com-card-serif-intro .content .card-heading .card-title p, .qedge-com-card-serif-intro .content .card-heading .card-title em, .qedge-com-card-serif-intro .content .card-heading .card-title i, .qedge-com-card-serif-intro .content .card-heading .card-title b, .qedge-com-card-serif-intro .content .card-heading .card-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-card-serif-intro .content .card-heading .card-title span { display: block } @media screen and (max-width: 1024px) { .qedge-com-card-serif-intro { margin-bottom: 40px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-card-submit-info { background-color: #fff } .qedge-com-card-submit-info .content .card-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 40px 20px } .qedge-com-card-submit-info .content .card-heading>div { width: 100% } .qedge-com-card-submit-info .content .card-heading .icon { font-size: 12px; height: auto; margin-bottom: 20px } .qedge-com-card-submit-info .content .card-heading .icon [class^=ti-] { border: 4px solid #7dcaa9; color: #7dcaa9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 3em; font-weight: 600; height: 1.5em; width: 1.5em; border-radius: 50% } .qedge-com-card-submit-info .content .card-heading .title { font-weight: 400; text-indent: 1em } .qedge-com-card-submit-info .content .card-heading .subtitle { text-indent: 1em } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-form .content { position: relative } .qedge-com-form .content .form-message { color: #d51e34; font-size: 14px; line-height: 1.5; text-align: center; padding: 10px 15px } .qedge-com-form .content .form-message:first-child { padding-top: 0 } .qedge-com-form .content form { background-color: #fff; padding: 7% 10% 40px 10% } .qedge-com-form .content form .field { margin-bottom: 25px } .qedge-com-form .content form .field .edd-items-list { max-height: 220px !important } .qedge-com-form.type-flat .content input[type=text], .qedge-com-form.type-flat .content input[type=number], .qedge-com-form.type-flat .content input[type=email], .qedge-com-form.type-flat .content input[type=password], .qedge-com-form.type-flat .content input[type=search], .qedge-com-form.type-flat .content input[type=tel], .qedge-com-form.type-flat .content input[type=url], .qedge-com-form.type-flat .content .button, .qedge-com-form.type-flat .content .textarea { border: none; border-radius: 0; border-bottom: 1px solid #cacaca; font-size: 20px; color: #000; letter-spacing: 0; line-height: 34px; font-weight: 400; -webkit-box-shadow: none; box-shadow: none; padding-left: 0; padding-right: 0; -webkit-transition: all linear .3s; transition: all linear .3s } .qedge-com-form.type-flat .content input[type=text]:hover, .qedge-com-form.type-flat .content input[type=text]:focus, .qedge-com-form.type-flat .content input[type=text]:active, .qedge-com-form.type-flat .content input[type=number]:hover, .qedge-com-form.type-flat .content input[type=number]:focus, .qedge-com-form.type-flat .content input[type=number]:active, .qedge-com-form.type-flat .content input[type=email]:hover, .qedge-com-form.type-flat .content input[type=email]:focus, .qedge-com-form.type-flat .content input[type=email]:active, .qedge-com-form.type-flat .content input[type=password]:hover, .qedge-com-form.type-flat .content input[type=password]:focus, .qedge-com-form.type-flat .content input[type=password]:active, .qedge-com-form.type-flat .content input[type=search]:hover, .qedge-com-form.type-flat .content input[type=search]:focus, .qedge-com-form.type-flat .content input[type=search]:active, .qedge-com-form.type-flat .content input[type=tel]:hover, .qedge-com-form.type-flat .content input[type=tel]:focus, .qedge-com-form.type-flat .content input[type=tel]:active, .qedge-com-form.type-flat .content input[type=url]:hover, .qedge-com-form.type-flat .content input[type=url]:focus, .qedge-com-form.type-flat .content input[type=url]:active, .qedge-com-form.type-flat .content .button:hover, .qedge-com-form.type-flat .content .button:focus, .qedge-com-form.type-flat .content .button:active, .qedge-com-form.type-flat .content .textarea:hover, .qedge-com-form.type-flat .content .textarea:focus, .qedge-com-form.type-flat .content .textarea:active { outline: none } .qedge-com-form.type-flat .content input[type=text]:focus, .qedge-com-form.type-flat .content input[type=number]:focus, .qedge-com-form.type-flat .content input[type=email]:focus, .qedge-com-form.type-flat .content input[type=password]:focus, .qedge-com-form.type-flat .content input[type=search]:focus, .qedge-com-form.type-flat .content input[type=tel]:focus, .qedge-com-form.type-flat .content input[type=url]:focus, .qedge-com-form.type-flat .content .button:focus, .qedge-com-form.type-flat .content .textarea:focus { border-bottom-color: #000 } .qedge-com-form.type-flat .content .label { font-weight: 400; font-size: 20px; color: #666; letter-spacing: 0; line-height: 34px } .qedge-com-form.type-flat .content .control { position: relative } .qedge-com-form.type-flat .content .control .edd-root { width: 100%; font-weight: 400; font-size: 20px } .qedge-com-form.type-flat .content .control .edd-root .edd-head { border-bottom: none } .qedge-com-form.type-flat .content .control .edd-root .edd-head .edd-value { padding: 7px 25px 8px 0; font-size: 20px; color: #000; letter-spacing: 0; line-height: 34px; font-weight: 400; border-bottom: 1px solid #cacaca } .qedge-com-form.type-flat .content .control .edd-root:after { height: .5px; background: #e6e6e6 } .qedge-com-form.type-flat .content .control .edd-root .edd-option { color: 666 } .qedge-com-form.type-flat .content .control .edd-root .edd-option:hover { background: #ebebeb } .qedge-com-form.type-flat .content .control .edd-root .edd-option-focused:not(.edd-option-disabled) { color: #000 } .qedge-com-form.type-flat .content .field-validation-error span { color: red; font-size: 16px } .qedge-com-form.subscribe { background-color: #f5f5f5 } .qedge-com-form.subscribe .container { max-width: 1160px } .qedge-com-form.subscribe .container .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 60px 25px } .qedge-com-form.subscribe .container .content .text { max-width: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40% } .qedge-com-form.subscribe .container .content .text .title { font-size: 30px; margin-bottom: 5px; margin-top: 20px; font-weight: 400 } .qedge-com-form.subscribe .container .content .text .direction { font-size: 16px; font-weight: 300 } .qedge-com-form.subscribe .container .content .subscribe { max-width: 53.3%; -ms-flex-preferred-size: 53.3%; flex-basis: 53.3% } .qedge-com-form.subscribe .container .content .subscribe .mktoForm { background-color: #f5f5f5; padding: 0; padding-left: 20px } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoFormRow { width: 50%; padding: 0 30px } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoFormRow:nth-of-type(2n) { padding-right: 0 } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoFormRow .mktoFormCol { margin-bottom: 10px !important } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoFormRow .mktoFormCol input { background-color: #f5f5f5 !important; color: #000 !important } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoFormRow .mktoFormCol .mktoLabel { font-size: 16px; color: #000 } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoFormRow .mktoGutter { display: none } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoFormRow .mktoError .mktoErrorMsg { font-size: 12px } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoButtonRow { padding: 20px 30px; padding-right: 0; margin-bottom: 0 } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoButtonRow .mktoButtonWrap { margin-top: 18px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoButtonRow .mktoButtonWrap button { min-width: 158px; min-height: 37px; font-size: 16px; border-radius: 0; background: #000 } .qedge-com-form.subscribe .container .content .qedge-com-card-submit-info { background-color: #f5f5f5 } .qedge-com-form.subscribe .container .content .qedge-com-card-submit-info .content { padding: 0 25px } .qedge-com-form.subscribe .container .content .qedge-com-card-submit-info .content .card-heading { padding: 0 20px } .qedge-com-form.subscribe .container .content .qedge-com-card-submit-info .content .card-heading .title { font-size: 30px; margin-bottom: 5px; margin-top: 20px; font-weight: 400 } .qedge-com-form.subscribe .container .content .qedge-com-card-submit-info .content .card-heading .subtitle { font-size: 16px; font-weight: 300 } @media screen and (max-width: 1024px) { .qedge-com-form .content form { padding: 0 25px } .qedge-com-form .content form .columns .column { padding: 0 } .qedge-com-form .content form .columns .column:first-child { padding-top: 20px } .qedge-com-form .content form .columns .column:last-child .field:last-child { padding-bottom: 22px } .qedge-com-form .content form .columns .column .field { padding: 10px; margin-bottom: 0 } .qedge-com-form .content form .columns .column .field .check-label { color: #666; font-size: 14px } .qedge-com-form .content form .columns .column .field .check-label a, .qedge-com-form .content form .columns .column .field .check-label .link { color: #3273dc } .qedge-com-form .content form .columns .column.is-8>.field>.control>.is-fullwidth { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-form.type-flat .content input[type=text], .qedge-com-form.type-flat .content input[type=number], .qedge-com-form.type-flat .content input[type=email], .qedge-com-form.type-flat .content input[type=password], .qedge-com-form.type-flat .content input[type=search], .qedge-com-form.type-flat .content input[type=tel], .qedge-com-form.type-flat .content input[type=url], .qedge-com-form.type-flat .content .button, .qedge-com-form.type-flat .content .textarea { font-size: 16px; color: #000; line-height: 26px; border-bottom: .5px solid #e6e6e6 } .qedge-com-form.type-flat .content input[type=text]:focus, .qedge-com-form.type-flat .content input[type=text].has-value, .qedge-com-form.type-flat .content input[type=number]:focus, .qedge-com-form.type-flat .content input[type=number].has-value, .qedge-com-form.type-flat .content input[type=email]:focus, .qedge-com-form.type-flat .content input[type=email].has-value, .qedge-com-form.type-flat .content input[type=password]:focus, .qedge-com-form.type-flat .content input[type=password].has-value, .qedge-com-form.type-flat .content input[type=search]:focus, .qedge-com-form.type-flat .content input[type=search].has-value, .qedge-com-form.type-flat .content input[type=tel]:focus, .qedge-com-form.type-flat .content input[type=tel].has-value, .qedge-com-form.type-flat .content input[type=url]:focus, .qedge-com-form.type-flat .content input[type=url].has-value, .qedge-com-form.type-flat .content .button:focus, .qedge-com-form.type-flat .content .button.has-value, .qedge-com-form.type-flat .content .textarea:focus, .qedge-com-form.type-flat .content .textarea.has-value { border-bottom: .5px solid #e6e6e6 } .qedge-com-form.type-flat .content input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; position: relative; width: 1rem; height: 1rem; border: 1px solid #000; overflow: hidden; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; vertical-align: middle } .qedge-com-form.type-flat .content input[type=checkbox]::before { content: ""; color: #fff; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; background-color: rgba(0, 0, 0, 0); background-size: contain; background-position: center center; background-repeat: no-repeat; border-radius: 2px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; background-image: url("data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ0OCIgaGVpZ2h0PSI0NDgiIHZpZXdCb3g9IjAgMCA0NDggNDQ4Ij4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZD0iTTQxNy43NSAxNDEuNWMwIDYuMjUtMi41IDEyLjUtNyAxN2wtMjE1IDIxNWMtNC41IDQuNS0xMC43NSA3LTE3IDdzLTEyLjUtMi41LTE3LTdsLTEyNC41LTEyNC41Yy00LjUtNC41LTctMTAuNzUtNy0xN3MyLjUtMTIuNSA3LTE3bDM0LTM0YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsNzMuNSA3My43NSAxNjQtMTY0LjI1YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsMzQgMzRjNC41IDQuNSA3IDEwLjc1IDcgMTd6Ij48L3BhdGg+Cjwvc3ZnPgo=") } .qedge-com-form.type-flat .content input[type=checkbox]:checked::before { -webkit-transform: scale(1); transform: scale(1) } .qedge-com-form.type-flat .content .control .edd-root { font-size: 16px } .qedge-com-form.type-flat .content .control .edd-root .edd-head .edd-value { font-size: 16px; line-height: 26px; height: 40px; border-bottom: .5px solid #e6e6e6 } .qedge-com-form.type-flat .content .control .edd-root .edd-head .edd-arrow::before { border: none; height: 10px; width: 10px; border-top: 1px solid #666; border-left: 1px solid #666 } .qedge-com-form.type-flat .content .control .edd-root::after { height: 1px; background: #cacaca } .qedge-com-form.type-flat .content .label { font-size: 14px; color: #666; line-height: 24px } .qedge-com-form.subscribe .container .content { display: block } .qedge-com-form.subscribe .container .content .text { max-width: 100%; margin-bottom: 40px } .qedge-com-form.subscribe .container .content .text .title { font-size: 22px } .qedge-com-form.subscribe .container .content .text .direction { line-height: 1.5 } .qedge-com-form.subscribe .container .content .subscribe { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .qedge-com-form.subscribe .container .content .subscribe .mktoForm { padding: 20px 10px } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoFormRow { width: 100%; padding: 6px 0 } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoFormRow .mktoFormCol { padding: 0 } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoFormRow .mktoFormCol input { background-color: #f5f5f5 !important; color: #000 !important } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoFormRow .mktoFormCol .mktoLabel { font-size: 16px; color: #000 } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoFormRow .mktoGutter { display: none } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoFormRow .mktoError .mktoErrorMsg { font-size: 12px } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoButtonRow { padding: 0 } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoButtonRow .mktoButtonWrap { margin-top: 18px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-form.subscribe .container .content .subscribe .mktoForm .mktoButtonRow .mktoButtonWrap button { min-width: 158px; min-height: 37px; margin: 0 } .qedge-com-form.subscribe .container .content .qedge-com-card-submit-info .content { padding: 0 } .qedge-com-form.subscribe .container .content .qedge-com-card-submit-info .content .card-heading { padding: 0 } .qedge-com-form.subscribe .container .content .qedge-com-card-submit-info .content .card-heading .title { font-size: 22px; text-align: left; line-height: 1.5; text-indent: 0 } .qedge-com-form.subscribe .container .content .qedge-com-card-submit-info .content .card-heading .subtitle { font-size: 16px; font-weight: 300; line-height: 1.5; text-align: left; text-indent: 0 } .qedge-com-form.subscribe .container .content .qedge-com-card-submit-info .content .card-heading .icon { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs li:not(.tab-mobile-show) { width: 100%; margin: 0 !important } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs li:not(.tab-mobile-show).tab-pc-show { display: none } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs li:not(.tab-mobile-show)>a.link.active, .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs li:not(.tab-mobile-show)>div.link.active { height: 0; padding-top: 0 } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs { height: 65px; padding-top: 0 } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.tab-tabs-mobile { height: 160px } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.tab-tabs-mobile li.tab-mobile-show { height: 100%; width: 100%; margin: 0 !important } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs li.tab-mobile-show { width: 100%; margin: 0 !important } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs li.tab-mobile-show>a.link.active, .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs li.tab-mobile-show>div.link.active { height: 64px; padding-top: 8px } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs li.tab-mobile-show>a.link::after, .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs li.tab-mobile-show>div.link::after { content: none } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs li:not(.tab-mobile-show) { width: 100%; margin: 0 !important } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs li:not(.tab-mobile-show)>a.link.active, .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs li:not(.tab-mobile-show)>div.link.active { height: 0; padding-top: 0 } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs li:not(.tab-mobile-show)>a.link::after, .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs li:not(.tab-mobile-show)>div.link::after { content: none } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.open li.tab:not(.tab-mobile-show) .link { padding-top: 18px } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.open li.tab:not(.tab-mobile-show) .link.active { height: 64px; padding-top: 8px } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.open li.tab:not(.tab-mobile-show) .link.current, .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.open li.tab:not(.tab-mobile-show) .link:hover { background: #ebebeb } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.pvc zsa { position: relative; border: 1px solid #ccc; height: 90px } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.pvc zsa li { width: 100%; margin: 0 !important } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.pvc zsa li>a { display: none; border: 0 !important; border-radius: 0 !important; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 88px; text-align: center; padding: 15px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.pvc zsa li>a.link::after { content: none } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.pvc zsa li>a span { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-top: 0 } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.pvc zsa li>a span.main { font-size: 1.2em } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.pvc zsa li>a span.sub { color: #666 } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.pvc zsa li>a:hover { background: #ebebeb } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.pvc zsa li>a.active { display: -webkit-box; display: -ms-flexbox; display: flex; height: 88px; background: #fff } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.pvc zsa .dropdown-arrow { position: absolute; top: 43px; right: 15px; border: solid #000; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; vertical-align: middle; transform: rotate(45deg); -webkit-transform: rotate(45deg); -webkit-transition: all ease .5s; transition: all ease .5s; cursor: pointer } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.pvc zsa.open li>a { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-tabs.responsive-tabs.pvc zsa.open .dropdown-arrow { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: all ease .5s; transition: all ease .5s } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-clearfix:before, .qedge-clearfix:after { content: " "; display: table } .qedge-clearfix:after { clear: both } .qedge-com-header { background-color: #fff; height: 60px; position: fixed; top: 0; left: 0; width: 100%; transition: background-color, top .2s linear; -webkit-transition: background-color, top .2s linear; z-index: 1000 } .qedge-com-header:not(.is-transparent) { border-bottom: 1px solid #d7d7d7 } .qedge-com-header+[class^=qedge-com]:not([class^=qedge-com-carousel]) { padding-top: 60px } .qedge-com-header+[class^=qedge-com]:not([class^=qedge-com-carousel]).have-pagination { padding-top: 0 } .qedge-com-header.qedge-com-header-new+[class^=qedge-com]:not([class^=qedge-com-carousel]) { padding-top: 120px } .qedge-com-header+[class^=qedge-com][class*=includeHeader], .qedge-com-header+[class^=qedge-com].qedge-com-ui-banner { padding-top: 0px } .qedge-com-header+[class^=qedge-com].qedge-com-ui-banner .banner-details { color: #fff; position: absolute; top: 60px; width: 100%; height: 750px; z-index: 10 } .qedge-com-header+[class^=qedge-com].qedge-com-ui-banner .banner-details .container .content { height: 750px } .qedge-com-header+[class^=qedge-com].qedge-com-ui-banner .banner-details .container .content .ui-title { margin-top: 160px } .qedge-com-header+[class^=qedge-com].qedge-com-ui-banner .banner-details .container .content .ui-title div { display: inline-block; font-size: 30px; color: #5b4ea9; background: -webkit-linear-gradient(left, #ed7c51 50%, #5b4ea9 100%); -webkit-background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); opacity: .6 } .qedge-com-header+[class^=qedge-com].qedge-com-ui-banner .banner-details .container .content .ui-subtitle { font-size: 40px; margin-top: 40px; color: #fff } .qedge-com-header+[class^=qedge-com].qedge-com-ui-banner .banner-details .container .content .ui-link { margin-top: 200px } .qedge-com-header+[class^=qedge-com].qedge-com-ui-banner .banner-details .container .content .ui-link a { font-size: 16px; color: #fff } .qedge-com-header+[class^=qedge-com] .qedge-com-news-title-no-more { padding-top: 20px } @-webkit-keyframes a_menu_item_show { 0% { -webkit-transform: translate(0px, -30px); opacity: 0 } 100% { -webkit-transform: translate(0px, 0px); opacity: 1 } } @keyframes a_menu_item_show { 0% { -webkit-transform: translate(0px, -30px); opacity: 0 } 100% { -webkit-transform: translate(0px, 0px); opacity: 1 } } @-webkit-keyframes a_menu_item_hide { 0% { -webkit-transform: translate(0px, 0px); opacity: 1 } 100% { -webkit-transform: translate(0px, -30px); opacity: 0 } } @keyframes a_menu_item_hide { 0% { -webkit-transform: translate(0px, 0px); opacity: 1 } 100% { -webkit-transform: translate(0px, -30px); opacity: 0 } } @-webkit-keyframes a_bg_hover_show { 0% { -webkit-transform: scale(1, 0.5); opacity: 0 } 100% { -webkit-transform: scale(1, 1); opacity: 1 } } @keyframes a_bg_hover_show { 0% { -webkit-transform: scale(1, 0.5); opacity: 0 } 100% { -webkit-transform: scale(1, 1); opacity: 1 } } @-webkit-keyframes a_bg_hover_hide { 0% { -webkit-transform: scale(1, 1); opacity: 1 } 100% { -webkit-transform: scale(1, 0.5); opacity: 0 } } @keyframes a_bg_hover_hide { 0% { -webkit-transform: scale(1, 1); opacity: 1 } 100% { -webkit-transform: scale(1, 0.5); opacity: 0 } } .qedge-com-header .container { max-width: 1160px } .qedge-com-header>.container { z-index: 2 } .qedge-com-header .content { z-index: 2; padding: 0 25px; font-size: 16px } .qedge-com-header .content .menu-mobile-wrapper .menu-content { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; padding-right: 45px } .qedge-com-header .content .menu-mobile-wrapper .menu-content .qedge-com-accordion-menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .qedge-com-header .content .menu-mobile-wrapper .menu-content .qedge-com-accordion-menu-wrapper .qedge-com-accordion-menu { padding: 0 16px } .qedge-com-header .content .search-controls { position: absolute; left: auto; width: 80%; right: 0; top: -1px; bottom: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: width linear 0s; transition: width linear 0s; background-color: rgba(0, 0, 0, 0) } .qedge-com-header .content .search-controls .search-trigger { position: absolute; right: 0; top: 15px; -webkit-box-shadow: none; box-shadow: none; border: none; background-color: rgba(0, 0, 0, 0); cursor: pointer; font-size: 14px; height: 35px; width: 35px; border-radius: 50%; -webkit-transition: none; transition: none } .qedge-com-header .content .search-controls .search-box { display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0); top: 0; left: auto; right: 100%; width: 100%; bottom: 0; z-index: 0 } .qedge-com-header .content .search-controls .search-box .search-content { width: 100% } .qedge-com-header .content .search-controls .search-box .search-content .input:hover, .qedge-com-header .content .search-controls .search-box .search-content .is-hovered.input, .qedge-com-header .content .search-controls .search-box .search-content .is-hovered.textarea, .qedge-com-header .content .search-controls .search-box .search-content .select select.is-hovered, .qedge-com-header .content .search-controls .search-box .search-content .select select:hover, .qedge-com-header .content .search-controls .search-box .search-content .textarea:hover { border-color: rgba(0, 0, 0, 0) } .qedge-com-header .content .search-controls .search-box .search-content .input:active, .qedge-com-header .content .search-controls .search-box .search-content .input:focus, .qedge-com-header .content .search-controls .search-box .search-content .is-active.input, .qedge-com-header .content .search-controls .search-box .search-content .is-active.textarea, .qedge-com-header .content .search-controls .search-box .search-content .is-focused.input, .qedge-com-header .content .search-controls .search-box .search-content .is-focused.textarea, .qedge-com-header .content .search-controls .search-box .search-content .select select.is-active, .qedge-com-header .content .search-controls .search-box .search-content .select select.is-focused, .qedge-com-header .content .search-controls .search-box .search-content .select select:active, .qedge-com-header .content .search-controls .search-box .search-content .select select:focus, .qedge-com-header .content .search-controls .search-box .search-content .textarea:active, .qedge-com-header .content .search-controls .search-box .search-content .textarea:focus { -webkit-box-shadow: unset; box-shadow: unset; border-color: rgba(0, 0, 0, 0) } .qedge-com-header .content .search-controls .search-box input[type=text] { background-color: rgba(0, 0, 0, 0); border: none; -webkit-box-shadow: none; box-shadow: none } .qedge-com-header .content .search-controls .search-box input[type=text]::-webkit-input-placeholder { color: #999; font-size: 16px; line-height: 26px } .qedge-com-header .content .search-controls .search-box input[type=text]::-moz-placeholder { color: #999; font-size: 16px; line-height: 26px } .qedge-com-header .content .search-controls .search-box input[type=text]:-ms-input-placeholder { color: #999; font-size: 16px; line-height: 26px } .qedge-com-header .content .search-controls .search-box input[type=text]::-ms-input-placeholder { color: #999; font-size: 16px; line-height: 26px } .qedge-com-header .content .search-controls .search-box input[type=text]::placeholder { color: #999; font-size: 16px; line-height: 26px } .qedge-com-header .content .search-controls .search-box .search-input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .qedge-com-header .content .search-controls .search-box .search-input input::-webkit-search-cancel-button { display: none } .qedge-com-header .content .search-controls .search-box .search-input input[type=search]::-ms-clear { display: none } .qedge-com-header .content .search-controls .search-box .search-close { -webkit-box-shadow: none; box-shadow: none; border: none; cursor: pointer; background-color: rgba(0, 0, 0, 0); height: 100%; padding: 0 1em } .qedge-com-header .content .search-controls .search-box .control { border-bottom: 1px solid rgba(0, 0, 0, 0) } .qedge-com-header .content .search-controls .search-box .control .input { border: 0px; outline: none; -webkit-box-shadow: none; box-shadow: none } .qedge-com-header .content .search-controls.search-active { z-index: 1000; width: 85% } .qedge-com-header .content .search-controls.search-active .search-box { display: -webkit-box; display: -ms-flexbox; display: flex; right: 0; padding-left: 40px } .qedge-com-header .content .search-controls.search-active .search-box .control { border-bottom: 1px solid #e6e6e6 } .qedge-com-header .content .search-controls.search-active .search-trigger { right: 100%; margin-right: -36px } .qedge-com-header .content .search-controls.search-collapse { z-index: 1000; width: 0; background-color: rgba(0, 0, 0, 0) } .qedge-com-header .content .search-controls.search-collapse .search-box { display: none; right: 100% } .qedge-com-header .content .search-controls.search-collapse .search-trigger { margin-right: auto } .qedge-com-header .content .search-controls.for-result-showing { display: none } .qedge-com-header .content .menu-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 100%; overflow-x: hidden; position: relative } .qedge-com-header .content .menu-controls .lang-trigger { display: none } .qedge-com-header .content .menu-controls .menu-trigger { position: relative; width: 1.2em; height: 1em; border-bottom: 2px solid #000 !important; -webkit-transition: none; transition: none; border-bottom: none !important; font-size: 20px; padding: 0 } .qedge-com-header .content .menu-controls .menu-trigger::before, .qedge-com-header .content .menu-controls .menu-trigger::after { background-color: #000; content: " "; display: block; height: 1px; width: 100%; left: 0; position: absolute; -webkit-transition: all linear .2s; transition: all linear .2s } .qedge-com-header .content .menu-controls .menu-trigger::before { top: 0 !important } .qedge-com-header .content .menu-controls .menu-trigger::after { top: 50% } .qedge-com-header .content .menu-controls .menu-trigger:focus { outline: none } .qedge-com-header .content .menu-controls .menu-trigger .menu-bottom { height: 20px; width: 75%; border-bottom: 1px solid #000 !important } .qedge-com-header .content .menu-controls .search-box, .qedge-com-header .content .menu-controls .search-trigger { display: none } .qedge-com-header .content .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; width: 100% } .qedge-com-header .content .logo img { display: block; height: 24px } .qedge-com-header .content .logo svg { height: 24px } .qedge-com-header .content .qedge-com-accordion-menu { position: relative; z-index: 1 } .qedge-com-header .content .qedge-com-accordion-menu .accordion-header { color: #000; display: block; font-weight: 400; margin: 0; position: relative } .qedge-com-header .content .qedge-com-accordion-menu .accordion-header h1, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header h2, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header h3, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header h4, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header h5, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header h6, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header a, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header p, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header em, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header i, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header b, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header address { color: inherit } .qedge-com-header .content .qedge-com-accordion-menu .accordion-header a:hover, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header a:focus, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header a:active { color: #0599c8 } .qedge-com-header .content .qedge-com-accordion-menu .accordion-header h1, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header h2, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header h3, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header h4, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header h5, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header h6, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header p, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header em, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header i, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header b, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-header .content .qedge-com-accordion-menu .accordion-header a { color: #000 } .qedge-com-header .content .qedge-com-accordion-menu .accordion-header a:hover, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header a:focus, .qedge-com-header .content .qedge-com-accordion-menu .accordion-header a:active { color: #000 } .qedge-com-header .content .qedge-com-accordion-menu .accordion-header .title { height: 60px; line-height: 60px; white-space: nowrap } .qedge-com-header .content .qedge-com-accordion-menu .accordion-header .title .icon { font-size: .5em } .qedge-com-header .content .qedge-com-accordion-menu .accordion-header::after { display: block; content: ""; height: 2px; width: auto; position: absolute; bottom: 0; left: 0px; right: 0px; background: #000; opacity: 0; -webkit-transition: transform .2s ease-out, opacity .2s ease-out; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: scale(0.01, 1); transform: scale(0.01, 1) } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body { -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; left: 15px; top: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: none; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 0; width: 300px } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body ul { list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body ul li { margin: 0; padding-right: 16px; line-height: 47px } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body ul li a { border-bottom: 1px solid rgba(0, 0, 0, 0); color: #666; display: block; position: relative; text-decoration: none; -webkit-transition: none; transition: none } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body ul li a.active, .qedge-com-header .content .qedge-com-accordion-menu .accordion-body ul li a:hover, .qedge-com-header .content .qedge-com-accordion-menu .accordion-body ul li a:focus, .qedge-com-header .content .qedge-com-accordion-menu .accordion-body ul li a:active { font-weight: bold; color: #000 } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body ul li.sub-menu { display: none; padding: 0 } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu .accordion-header { padding: 1.8em 1em } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu .accordion-header:hover, .qedge-com-header .content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu .accordion-header:focus, .qedge-com-header .content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu .accordion-header:active { border-bottom-color: rgba(0, 0, 0, 0) } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu.active>.accordion-body { background-color: #ececec } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body ul li.sub-header { font-weight: bold } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body>ul>li:first-child { margin-top: 20px } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body>ul>li:last-child { margin-bottom: 20px } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body .accordion-container { padding: 20px 0 } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body .accordion-container .container-part .container-tag { display: inline-block; line-height: 16px; padding: 4px 5px 2px; margin: 9px 0; background: #393939; border-radius: 0 0 0 .4px; font-size: 12px; color: #fff; letter-spacing: 0; font-weight: 400 } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body .accordion-container .container-part .container-subcategory { padding: 0 0 10px 0 } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body .accordion-container .container-part .container-subcategory .subcategory-item { font-size: 16px; color: #666; letter-spacing: 0; line-height: 47px; font-weight: 400; position: relative; cursor: pointer } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body .accordion-container .container-part .container-subcategory .subcategory-item a { color: #666 } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body .accordion-container .container-part .container-subcategory .subcategory-item a.active { color: #000 } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body .accordion-container .container-part .container-subcategory .subcategory-item span { display: inline-block; position: relative } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body .accordion-container .container-part .container-subcategory .subcategory-item:hover span { font-weight: bold; color: #000 } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body .accordion-container .container-part .container-subcategory .subcategory-item.active span { display: inline-block; position: relative; font-weight: bold; color: #000 } .qedge-com-header .content .qedge-com-accordion-menu .accordion-body .accordion-container .container-part:last-child .container-subcategory { padding-bottom: 0 } .qedge-com-header .content .qedge-com-accordion-menu.active.submenulist_show .accordion-body { display: block } .qedge-com-header .content .qedge-com-accordion-menu.language-selector { padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 3em 0 0 } .qedge-com-header .content .qedge-com-accordion-menu.language-selector .accordion-header::after { display: none } .qedge-com-header .content .qedge-com-accordion-menu.language-selector .accordion-body { width: 300px; padding-left: 0; left: 0 } .qedge-com-header .content .qedge-com-accordion-menu.language-selector .accordion-body ul li { padding-left: 0 } .qedge-com-header .content .qedge-com-accordion-menu.active>.accordion-header::after { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1 } .qedge-com-header .content .qedge-com-accordion-menu:hover>.accordion-header::after, .qedge-com-header .content .qedge-com-accordion-menu:focus>.accordion-header::after, .qedge-com-header .content .qedge-com-accordion-menu:active>.accordion-header::after { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1 } .qedge-com-header .content .qedge-com-accordion-menu:hover>.accordion-body, .qedge-com-header .content .qedge-com-accordion-menu:focus>.accordion-body, .qedge-com-header .content .qedge-com-accordion-menu:active>.accordion-body { height: auto; overflow: visible } .qedge-com-header .content .qedge-com-accordion-menu:first-child .accordion-header { margin-left: 0 } .qedge-com-header.submenu_show .menu_hover { background: linear-gradient(180deg, #ffffff 60px, rgb(255, 255, 255) 0%); display: block !important; width: 100%; height: 0px; z-index: 1; position: absolute; top: 60px; left: 0px; -webkit-animation: a_bg_hover_show .1s ease-out both; -webkit-transform-origin: 50% 0%; -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .15); box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .15); z-index: 0 } .qedge-com-header.submenu_show .qedge-com-accordion-menu.submenulist_show .accordion-body .container-tag, .qedge-com-header.submenu_show .qedge-com-accordion-menu.submenulist_show .accordion-body ul { -webkit-animation: a_menu_item_show .2s ease-out both } .qedge-com-header.submenu_show .qedge-com-accordion-menu.submenulist_hide .accordion-body .container-tag, .qedge-com-header.submenu_show .qedge-com-accordion-menu.submenulist_hide .accordion-body ul { -webkit-animation: a_menu_item_hide .2s ease-out both } .qedge-com-header.submenu_hide .menu_hover { -webkit-animation: a_bg_hover_hide .1s ease-out both; -webkit-transform-origin: 50% 0% } .qedge-com-header.submenu_hide .qedge-com-accordion-menu.submenulist_show .accordion-body .container-tag, .qedge-com-header.submenu_hide .qedge-com-accordion-menu.submenulist_show .accordion-body ul { -webkit-animation: a_menu_item_show .2s ease-out both } .qedge-com-header.submenu_hide .qedge-com-accordion-menu.submenulist_hide .accordion-body .container-tag, .qedge-com-header.submenu_hide .qedge-com-accordion-menu.submenulist_hide .accordion-body ul { -webkit-animation: a_menu_item_hide .2s ease-out both } .qedge-com-header.is-transparent { background-color: rgba(0, 0, 0, 0) } .qedge-com-header.is-transparent .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header a { color: #fff } .qedge-com-header.is-transparent .content .menu-mobile .menu-content .qedge-com-accordion-menu.active>.accordion-header::after { background: #fff; -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1 } .qedge-com-header.is-transparent .content .menu-mobile .menu-content .qedge-com-accordion-menu.active>.accordion-header a { color: #fff } .qedge-com-header.is-transparent .content .menu-mobile .menu-content .qedge-com-accordion-menu.active:hover, .qedge-com-header.is-transparent .content .menu-mobile .menu-content .qedge-com-accordion-menu.active:focus, .qedge-com-header.is-transparent .content .menu-mobile .menu-content .qedge-com-accordion-menu.active:active { border-bottom-color: #666 } .qedge-com-header.is-transparent .content .search-controls .search-trigger { color: #fff } .qedge-com-header.is-transparent .content .search-controls.search-active { background-color: #fff } .qedge-com-header.is-transparent .content .search-controls.search-collapse { background-color: rgba(0, 0, 0, 0) } .qedge-com-header.is-transparent .content .logo img.is-hidden-touch { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } .qedge-com-header.is-transparent .content .logo img.is-hidden-touch.hide { display: none } .qedge-com-header.is-transparent:not(.qedge-com-header-new):hover, .qedge-com-header.is-transparent:not(.qedge-com-header-new):focus, .qedge-com-header.is-transparent:not(.qedge-com-header-new):active { background-color: #fff; -webkit-box-shadow: inset 0 -1px 0 0 #e6e6e6; box-shadow: inset 0 -1px 0 0 #e6e6e6 } .qedge-com-header.is-transparent:not(.qedge-com-header-new):hover .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header a, .qedge-com-header.is-transparent:not(.qedge-com-header-new):focus .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header a, .qedge-com-header.is-transparent:not(.qedge-com-header-new):active .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header a { color: #000 } .qedge-com-header.is-transparent:not(.qedge-com-header-new):hover .content .menu-mobile .menu-content .qedge-com-accordion-menu.active>.accordion-header::after, .qedge-com-header.is-transparent:not(.qedge-com-header-new):focus .content .menu-mobile .menu-content .qedge-com-accordion-menu.active>.accordion-header::after, .qedge-com-header.is-transparent:not(.qedge-com-header-new):active .content .menu-mobile .menu-content .qedge-com-accordion-menu.active>.accordion-header::after { background: #666 } .qedge-com-header.is-transparent:not(.qedge-com-header-new):hover .content .search-controls .search-trigger, .qedge-com-header.is-transparent:not(.qedge-com-header-new):focus .content .search-controls .search-trigger, .qedge-com-header.is-transparent:not(.qedge-com-header-new):active .content .search-controls .search-trigger { color: #000 } .qedge-com-header.is-transparent:not(.qedge-com-header-new):hover .content .search-controls.search-active, .qedge-com-header.is-transparent:not(.qedge-com-header-new):focus .content .search-controls.search-active, .qedge-com-header.is-transparent:not(.qedge-com-header-new):active .content .search-controls.search-active { background-color: #fff } .qedge-com-header.is-transparent:not(.qedge-com-header-new):hover .content .search-controls.search-collapse, .qedge-com-header.is-transparent:not(.qedge-com-header-new):focus .content .search-controls.search-collapse, .qedge-com-header.is-transparent:not(.qedge-com-header-new):active .content .search-controls.search-collapse { background-color: rgba(0, 0, 0, 0) } .qedge-com-header.is-transparent:not(.qedge-com-header-new):hover .content .logo img.is-hidden-touch, .qedge-com-header.is-transparent:not(.qedge-com-header-new):focus .content .logo img.is-hidden-touch, .qedge-com-header.is-transparent:not(.qedge-com-header-new):active .content .logo img.is-hidden-touch { -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0) } .qedge-com-header.is-transparent:not(.qedge-com-header-new):hover .content .logo img.is-hidden-touch.hide, .qedge-com-header.is-transparent:not(.qedge-com-header-new):focus .content .logo img.is-hidden-touch.hide, .qedge-com-header.is-transparent:not(.qedge-com-header-new):active .content .logo img.is-hidden-touch.hide { display: none } .qedge-com-header.search-active { background-color: #fff } html[lang=ja] .qedge-com-header .content .search-controls.search-active { width: 87%; right: -10px } html[lang=pl] .qedge-com-header .content .search-controls.search-active { width: 94%; right: -70px } html[lang=en] .qedge-com-header .content .search-controls.search-active { width: 90%; right: -50px; background-color: #fff } html[lang=pl] .qedge-com-header .content .search-controls .search-trigger, html[lang=en] .qedge-com-header .content .search-controls .search-trigger { right: -40px } html[lang=pl] .qedge-com-header .content .search-controls .search-trigger { right: -65px } html[lang=pl] .qedge-com-header .content .search-controls.search-active .search-trigger, html[lang=en] .qedge-com-header .content .search-controls.search-active .search-trigger { right: 100% } html[lang=ja] .qedge-com-header .content .search-controls .search-trigger { right: -30px } html[lang=ja] .qedge-com-header .content .search-controls.search-active .search-trigger { right: 100% } html[lang=ko] .qedge-com-header .content .qedge-com-accordion-menu .accordion-body .accordion-container .container-part .container-tag { line-height: 18px; padding: 4px 5px 4px; font-size: 16px } @media screen and (min-width: 1024px)and (max-width: 1200px) { html[lang=ja] .qedge-com-header .content .menu-mobile-wrapper .menu-content .qedge-com-accordion-menu-wrapper .qedge-com-accordion-menu { padding: 0 8px } } @media screen and (min-width: 1024px)and (max-width: 1268px) { html[lang=pl] .qedge-com-header .content .menu-mobile-wrapper .menu-content .qedge-com-accordion-menu-wrapper .qedge-com-accordion-menu, html[lang=en] .qedge-com-header .content .menu-mobile-wrapper .menu-content .qedge-com-accordion-menu-wrapper .qedge-com-accordion-menu { padding: 0 8px } } @media screen and (max-width: 1024px) { .qedge-com-header { height: 45px } .qedge-com-header+[class^=qedge-com]:not([class^=qedge-com-carousel]) { padding-top: 0px } .qedge-com-header.qedge-com-header-new+[class^=qedge-com]:not([class^=qedge-com-carousel]) { padding-top: 0 } .qedge-com-header+[class^=qedge-com] .qedge-com-news-title-no-more { padding-top: 0px } .qedge-com-header .pc-only { display: none } .qedge-com-header .menu-only { display: block } .qedge-com-header .content { padding: 0 } .qedge-com-header .content .language-selector { display: none } .qedge-com-header .content .logo { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-header .content .logo img { height: 20px } .qedge-com-header .content .search-controls .search-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; position: absolute; background-color: #fff; left: auto; top: 0; right: 100%; bottom: 0; width: 100%; z-index: 0 } .qedge-com-header .content .search-controls .search-box .search-content { width: 100% } .qedge-com-header .content .search-controls .search-box input[type=text], .qedge-com-header .content .search-controls .search-box input[type=search] { background-color: rgba(0, 0, 0, 0); border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 2px; background-color: #f2f2f2 } .qedge-com-header .content .search-controls .search-box input[type=text]::-webkit-input-placeholder, .qedge-com-header .content .search-controls .search-box input[type=search]::-webkit-input-placeholder { color: #999; font-size: 16px } .qedge-com-header .content .search-controls .search-box input[type=text]::-moz-placeholder, .qedge-com-header .content .search-controls .search-box input[type=search]::-moz-placeholder { color: #999; font-size: 16px } .qedge-com-header .content .search-controls .search-box input[type=text]:-ms-input-placeholder, .qedge-com-header .content .search-controls .search-box input[type=search]:-ms-input-placeholder { color: #999; font-size: 16px } .qedge-com-header .content .search-controls .search-box input[type=text]::-ms-input-placeholder, .qedge-com-header .content .search-controls .search-box input[type=search]::-ms-input-placeholder { color: #999; font-size: 16px } .qedge-com-header .content .search-controls .search-box input[type=text]::placeholder, .qedge-com-header .content .search-controls .search-box input[type=search]::placeholder { color: #999; font-size: 16px } .qedge-com-header .content .search-controls .search-box .search-input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .qedge-com-header .content .search-controls .search-box .search-input input { color: #000; caret-color: #000; background-color: #fff } .qedge-com-header .content .search-controls .search-box .search-close { -webkit-box-shadow: none; box-shadow: none; border: none; cursor: pointer; background-color: rgba(0, 0, 0, 0); height: 100%; padding: 0 20px 0 0 } .qedge-com-header .content .search-controls .search-box .search-close .ti-close { font-size: 14px; font-weight: 400; color: #000 } .qedge-com-header .content .search-controls .search-box .field.has-addons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .qedge-com-header .content .search-controls.search-active .search-box { position: fixed; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 250; right: 0; padding-left: 0px } .qedge-com-header .content .search-controls.search-active .search-box .search-content { padding: 4px 0 1px 10px; -webkit-box-shadow: inset 0 -1px 0 0 #e6e6e6; box-shadow: inset 0 -1px 0 0 #e6e6e6 } .qedge-com-header .content .search-controls.search-active .search-box .control { border-bottom: none } .qedge-com-header .content .search-controls.search-collapse .search-box { right: 100% } .qedge-com-header .content .search-controls.for-result-showing { width: 100%; display: block } .qedge-com-header .content .search-controls.for-result-showing .search-box { right: 0; display: block } .qedge-com-header .content .search-controls.for-result-showing .search-box .search-content { padding: 5px 0 0 10px; height: 100% } .qedge-com-header .content .menu-controls { height: 45px; padding: 0 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-header .content .menu-controls .search-trigger { -webkit-box-shadow: none; box-shadow: none; border: none; background-color: rgba(0, 0, 0, 0); cursor: pointer; font-size: 14px; width: 2.4rem; padding: 8px 0 5px; text-align: right } .qedge-com-header .content .menu-controls .menu-trigger, .qedge-com-header .content .menu-controls .search-trigger { font-size: 12px; display: block !important } .qedge-com-header .content .menu-controls .ti-search { font-weight: 400; font-size: 18px; color: #000 } .qedge-com-header .content .menu-controls .menu-trigger { -webkit-box-shadow: none; box-shadow: none; border: none; background-color: #fff; font-size: 16px; width: 2.4rem; height: 1rem } .qedge-com-header .content .menu-controls .menu-trigger::before, .qedge-com-header .content .menu-controls .menu-trigger::after { width: 50% } .qedge-com-header .content .menu-controls .menu-trigger::after { top: 7.2px } .qedge-com-header .content .menu-controls .menu-trigger .menu-bottom { height: 12px; width: 37.5%; position: absolute; left: 0; bottom: 0 } .qedge-com-header .content .menu-mobile-wrapper { margin: 0; padding: 0; width: 0 } .qedge-com-header .content .menu-mobile-header { background-color: #fff; padding-bottom: 0; -webkit-box-shadow: inset 0 -1px 0 0 #e6e6e6; box-shadow: inset 0 -1px 0 0 #e6e6e6 } .qedge-com-header .content .menu-mobile { background-color: #fff; position: fixed; bottom: 0; top: 45px; right: 0; width: 100%; overflow-x: hidden; overflow-y: scroll; padding-top: 0px; -webkit-transform: translateX(-1024px); transform: translateX(-1024px); opacity: 0; z-index: 200; -webkit-transition: opacity .25s ease-out, -webkit-transform .25s ease-out; transition: opacity .25s ease-out, -webkit-transform .25s ease-out; transition: transform .25s ease-out, opacity .25s ease-out; transition: transform .25s ease-out, opacity .25s ease-out, -webkit-transform .25s ease-out } .qedge-com-header .content .menu-mobile .menu-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-right: 0; height: unset } .qedge-com-header .content .menu-mobile .menu-content .search-controls { display: none } .qedge-com-header .content .menu-mobile .menu-content .search-controls.search-active { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .qedge-com-header .content .menu-mobile .menu-content .search-controls.search-active .search-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; right: 0 } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu { border-bottom: none; background: rgba(170, 170, 170, 0); width: 100%; padding-right: 0px; -webkit-transition: all linear .3s; transition: all linear .3s } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .title { font-size: 16px; line-height: 26px; font-weight: 500; height: auto } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header { padding: 14px 0; color: #000; margin: 0; -webkit-box-shadow: inset 0 -0.5px 0px 0 #e6e6e6; box-shadow: inset 0 -0.5px 0px 0 #e6e6e6; margin-left: 20px; margin-right: 20px } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header a { color: #000; display: inline-block } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header a .title { display: inline-block } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header::before { background-color: #000; content: " "; display: block; width: 1px; position: absolute; top: 50%; right: 6px; height: 7px; -webkit-transition: none; transition: none; -webkit-transform: rotate(135deg); transform: rotate(135deg) } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header::after { background-color: #000; content: " "; display: block; height: 7px; width: 1px; position: absolute; top: 50%; left: unset; opacity: 1; right: -1px; margin-top: -2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: none; transition: none } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header:active::before { -webkit-transition: none; transition: none } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header:active::after { -webkit-transition: none; transition: none } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header.menu-link-only::before { display: none } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header.menu-link-only::after { display: none } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header.menu-link-only a { display: block } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header.no-shadow { -webkit-box-shadow: none; box-shadow: none } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body { font-size: 16px; line-height: 26px; background-color: rgba(0, 0, 0, 0); position: static; display: block; margin-left: 0; padding: 0 0 0 20px; width: 100%; height: 0; opacity: 1; -webkit-transition: all linear .3s; transition: all linear .3s; font-weight: 400 } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body h1, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body h2, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body h3, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body h4, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body h5, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body h6, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body p, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body em, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body i, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body b, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body .accordion-container { padding: 0; background: rgba(0, 0, 0, 0) } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body .accordion-container .container-tag { display: none } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body .accordion-container .container-subcategory .subcategory-item { line-height: 26px } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul .sub-header~li { display: none } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li { margin: 0; padding: 0; width: 100%; line-height: 26px } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li .qedge-com-accordion-menu .accordion-header { -webkit-box-shadow: inset 0 0px 0px 0 #e6e6e6; box-shadow: inset 0 0px 0px 0 #e6e6e6 } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li a { padding: 1em 0 1em 20px } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li a:hover, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li a:focus, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li a:active { border-bottom-color: rgba(0, 0, 0, 0) } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li.sub-header { font-weight: inherit } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li.sub-menu { display: block } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu .accordion-header, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu .accordion-header .title, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu .accordion-body { font-size: 1em } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu .accordion-header { margin-left: 40px; margin-right: 20px; padding: 0 } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu .accordion-header a { padding-left: 0 } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu .accordion-header::before { -webkit-transform: rotate(135deg); transform: rotate(135deg); right: 6px } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu .accordion-header::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -2px; right: -1px } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu>.accordion-body { background-color: #ededed; padding-left: 20px; font-size: 14px; line-height: 24px } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu>.accordion-body li { padding-left: 20px; line-height: 26px } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu.active { background-color: #ededed } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu.active .accordion-header { padding-left: 0; -webkit-box-shadow: inset 0 -0.5px 0px 0 #e6e6e6; box-shadow: inset 0 -0.5px 0px 0 #e6e6e6 } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu.active .accordion-header::before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body ul li.sub-menu .qedge-com-accordion-menu.active .accordion-header::after { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-top: 3px } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-body.pc-only { display: none } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu.language-selector { display: block; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; order: 9999 } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu.language-selector .title .icon { display: none } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu.language-selector .accordion-body ul li a:hover, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu.language-selector .accordion-body ul li a:focus, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu.language-selector .accordion-body ul li a:active { color: #000 } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu:hover>.accordion-header, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu:focus>.accordion-header, .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu:active>.accordion-header { border-bottom-color: rgba(0, 0, 0, 0); -webkit-box-shadow: none; box-shadow: none } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu.active { background-color: #f7f7f7 } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu.active .accordion-header::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: none; transition: none } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu.active .accordion-header::after { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-top: 3px; -webkit-transition: none; transition: none } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu.active>.accordion-body ul { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu.active>.accordion-body ul li a { padding: 1em 0 1em 20px; max-width: calc(100% - 80px) } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu.active::before { background-color: rgba(170, 170, 170, 0); content: " "; display: block; height: 1px; left: 0; width: 100%; top: -1px; position: absolute } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu-wrapper { display: block; width: 100% } .qedge-com-header .content .menu-mobile .menu-content .qedge-com-accordion-menu-wrapper .qedge-com-accordion-menu { padding: 0 } .qedge-com-header.search-active .content .menu-mobile { top: 0 } .qedge-menu-opened { overflow: hidden; position: fixed; -webkit-overflow-scrolling: touch !important } .qedge-menu-opened .qedge-com-header .content .menu-trigger { border-bottom-color: rgba(0, 0, 0, 0) !important } .qedge-menu-opened .qedge-com-header .content .menu-trigger::before { top: 50% !important; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .qedge-menu-opened .qedge-com-header .content .menu-trigger::after { top: 50% !important; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 0 } .qedge-menu-opened .qedge-com-header .content .menu-mobile { right: 0; padding-top: 0 } } .qedge-com-motional-image.effect-zoom .content { overflow: hidden; position: relative } .qedge-com-motional-image.effect-zoom .content img { -o-object-fit: cover; object-fit: cover; display: block; width: 100%; -webkit-transition: -webkit-transform linear 1s; transition: -webkit-transform linear 1s; transition: transform linear 1s; transition: transform linear 1s, -webkit-transform linear 1s } .qedge-com-motional-image.effect-zoom.hovered .content img { -webkit-transform: scale(1.1); transform: scale(1.1) } @media screen and (min-width: 1024px) { [data-aos=text-margin] { margin-bottom: 30px; -webkit-transition-property: margin-bottom; transition-property: margin-bottom } [data-aos=text-margin].aos-animate { margin-bottom: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-motional-bg-image { height: 100%; min-height: 30px; position: relative; z-index: 5 } .qedge-com-motional-bg-image .image-replacer { background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; width: 100%; top: -60px; bottom: 0; left: 0; position: absolute } .qedge-com-motional-bg-image img { display: none } .qedge-com-motional-bg-image.effect-zoom .image-replacer { -webkit-transition: all linear 3s; transition: all linear 3s } .qedge-com-motional-bg-image.effect-zoom:hover .image-replacer, .qedge-com-motional-bg-image.effect-zoom:focus .image-replacer, .qedge-com-motional-bg-image.effect-zoom:active .image-replacer { -webkit-transform: scale(1.1); transform: scale(1.1) } .qedge-com-motional-bg-image.effect-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0 } .qedge-com-motional-bg-image.effect-background::before { content: " "; display: block; background-color: rgba(39, 45, 60, .66); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; -webkit-transition: background-color linear .3s; transition: background-color linear .3s } .qedge-com-motional-bg-image.effect-video::before { content: " "; display: block; border: 6px solid rgba(255, 255, 255, .5); border-radius: 50%; height: 2em; width: 2em; position: absolute; top: 50%; left: 50%; margin-left: -1em; margin-top: -1em; z-index: 2; -webkit-transition: all linear .5s; transition: all linear .5s } .qedge-com-motional-bg-image.effect-video::after { content: " "; display: block; height: 0; width: 0; border: 1em solid rgba(255, 255, 255, .85); border-left-width: .866em; border-top-width: .5em; border-top-color: rgba(0, 0, 0, 0); border-bottom-width: .5em; border-bottom-color: rgba(0, 0, 0, 0); border-right-width: 0; border-right-color: rgba(0, 0, 0, 0); position: absolute; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.25em; -webkit-transition: all linear .5s; transition: all linear .5s; z-index: 3 } .qedge-com-motional-bg-image:hover.effect-video::before, .qedge-com-motional-bg-image:focus.effect-video::before, .qedge-com-motional-bg-image:active.effect-video::before { border-color: rgba(255, 255, 255, .85) } .qedge-com-motional-bg-image:hover.effect-video::after, .qedge-com-motional-bg-image:focus.effect-video::after, .qedge-com-motional-bg-image:active.effect-video::after { border-left-color: #fff } div:hover>.effect-zoom .image-replacer, p:hover>.effect-zoom .image-replacer, article:hover>.effect-zoom .image-replacer, a:hover>.effect-zoom .image-replacer, span:hover>.effect-zoom .image-replacer, footer:hover>.effect-zoom .image-replacer, form:hover>.effect-zoom .image-replacer, li:hover>.effect-zoom .image-replacer, section:hover>.effect-zoom .image-replacer, button:hover>.effect-zoom .image-replacer, label:hover>.effect-zoom .image-replacer { -webkit-transform: scale(1.1); transform: scale(1.1) } @media screen and (min-width: 1024px) { [data-aos=banner-bg-show] { -webkit-transform: translateY(60px); transform: translateY(60px); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform } [data-aos=banner-bg-show].aos-animate { -webkit-transform: translateY(0); transform: translateY(0) } } @media screen and (max-width: 1024px) { .csr-aid .qedge-com-display-banner .content .qedge-com-motional-bg-image.-csraid { height: 560px } .csr-aid .qedge-com-display-banner .content .qedge-com-motional-bg-image.-csraid .qedge-com-carousel-banner .video-container .qedge-about-banner-titles { width: 100%; top: 45%; z-index: 100 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-news-subscribe { background-color: #eaeaea } .qedge-com-news-subscribe .container { max-width: 1160px } .qedge-com-news-subscribe .content { padding: 90px 0 } .qedge-com-news-subscribe .content .content-title { font-weight: 400; padding-bottom: 30px } .qedge-com-news-subscribe .content .content-title h1, .qedge-com-news-subscribe .content .content-title h2, .qedge-com-news-subscribe .content .content-title h3, .qedge-com-news-subscribe .content .content-title h4, .qedge-com-news-subscribe .content .content-title h5, .qedge-com-news-subscribe .content .content-title h6, .qedge-com-news-subscribe .content .content-title p, .qedge-com-news-subscribe .content .content-title em, .qedge-com-news-subscribe .content .content-title i, .qedge-com-news-subscribe .content .content-title b, .qedge-com-news-subscribe .content .content-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } @media screen and (max-width: 1024px) { .qedge-com-news-subscribe .content { padding: 50px 25px 100px 25px } .qedge-com-news-subscribe .content .title, .qedge-com-news-subscribe .content .subtitle { text-align: center } .qedge-com-news-subscribe .content .title { font-size: 32px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-modal { background-color: #fff; -webkit-box-shadow: 0 3px 25px 0 rgba(0, 0, 0, .1); box-shadow: 0 3px 25px 0 rgba(0, 0, 0, .1); display: none; position: relative } .qedge-com-modal.active { display: block; position: fixed; left: 0; right: 0; top: 15%; margin: 0 auto; width: 800px; max-width: 100%; z-index: 300 } .qedge-com-modal .modal-button { color: #000; background-color: #edeef3; display: inline-block; font-weight: 200; line-height: 1; padding: .8em 3em; position: relative } .qedge-com-modal .modal-button::before { content: " "; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; -webkit-transition: all linear .3s; transition: all linear .3s; z-index: 0 } .qedge-com-modal .modal-button:hover, .qedge-com-modal .modal-button:focus, .qedge-com-modal .modal-button:active { text-decoration: none } .qedge-com-modal .modal-button:hover::before, .qedge-com-modal .modal-button:focus::before, .qedge-com-modal .modal-button:active::before { background-color: rgba(0, 0, 0, .1) } .qedge-com-modal .modal-button.mb-success { background-color: #2e7d32; color: #fff } .qedge-com-modal .modal-checkbox { color: #000; display: inline-block; line-height: 2; position: relative; padding-left: 30px } .qedge-com-modal .modal-checkbox::before { border: 1px solid #e2e2e2; border-radius: 2px; background-color: #fff; content: " "; display: block; font-family: "themify"; font-size: 12px; line-height: 1; text-align: center; width: 16px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px } .qedge-com-modal .modal-checkbox:hover, .qedge-com-modal .modal-checkbox:active { color: #2e7d32; text-decoration: none } .qedge-com-modal .modal-checkbox.active::before { background-color: #2e7d32; border-color: #2e7d32; content: ""; color: #fff } .qedge-com-modal .modal-heading, .qedge-com-modal .modal-body, .qedge-com-modal .modal-footer { padding: 20px 35px } .qedge-com-modal .modal-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-modal .modal-heading .title { font-size: 20px; font-weight: 200; margin: 0 } .qedge-com-modal .modal-body { border-left: none; border-right: none } .qedge-com-modal .modal-footer .modal-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-modal .modal-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1em } .qedge-com-modal .modal-icon .icon { color: #00485e; font-size: 4em } .qedge-com-modal .modal-close { color: #000; display: block; position: absolute; right: 15px; top: 10px; padding: 5px 10px; z-index: 50 } .qedge-com-modal .modal-close:hover, .qedge-com-modal .modal-close:focus, .qedge-com-modal .modal-close:active { text-decoration: none; color: #d51e34 } .qedge-com-modal .modal-content { margin-bottom: 20px } .qedge-com-modal .modal-content .content-title { color: #000; font-size: 1.6em; font-weight: 400; text-align: center; margin-bottom: .5em } .qedge-com-modal .modal-content .content-body .text-center { text-align: center } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-modal-video-shadow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; width: 100%; left: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .9); z-index: 1100 } .qedge-com-modal-video-shadow>div { width: 100% } .qedge-com-modal-video-shadow span.ti-close::before { color: #fff; font-weight: bolder } .qedge-com-modal-video .modal-close { color: rgba(255, 255, 255, .2); line-height: 1; padding: 10px; height: auto; width: auto; max-width: none; max-height: none; top: 0px; right: 0px; font-size: 40px; z-index: 1200 } .qedge-com-modal-video .modal-close::before, .qedge-com-modal-video .modal-close::after { display: none } .qedge-com-modal-video .modal-body { background-color: #000; margin: 0 25px; width: auto } .qedge-com-modal-video .modal-body .modal-content { width: auto } .qedge-com-modal-video .vjs-big-play-button { display: none } .qedge-modal-video-opened { overflow: hidden } .qedge-modal-video-opened .qedge-com-modal-video-shadow { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width: 1024px) { .qedge-com-modal-video .modal-close { color: #fff; line-height: 1; padding: 60px 30px; font-size: 20px; z-index: 1200 } .qedge-com-modal-video .modal-body { margin: 0 } .qedge-com-modal-video .modal-body .modal-content { margin: 0 } .qedge-com-modal-video .modal-body .modal-content .vjs-control-bar { height: 4em; bottom: 0px } .qedge-com-modal-video .modal-body .modal-content .vjs-control-bar .vjs-volume-panel, .qedge-com-modal-video .modal-body .modal-content .vjs-control-bar .vjs-picture-in-picture-control { display: none } .qedge-com-modal-video .modal-body .modal-content .vjs-control-bar .vjs-control { width: 3em } .qedge-com-modal-video .modal-body .modal-content .vjs-control-bar .vjs-button>.vjs-icon-placeholder:before { font-size: 2em } .qedge-com-modal-video .modal-body .modal-content .vjs-control-bar .vjs-button>.vjs-icon-placeholder:before { top: 5px } .qedge-com-modal-video .modal-body .modal-content .vjs-control-bar .vjs-progress-control { width: 250px } .qedge-com-modal-video .modal-body .modal-content .vjs-control-bar .vjs-progress-control .vjs-progress-holder { height: 1px } .qedge-com-modal-video .modal-body .modal-content .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-slider-bar::before { top: -5px } .qedge-com-modal-video .modal-body .modal-content .vjs-control-bar .vjs-time-control { line-height: 4em } .qedge-com-modal-video .modal-body .modal-content .vjs-control-bar .vjs-fullscreen-control { width: 19px; margin-left: 30px; padding-top: 5px } .qedge-com-modal-video .modal-body .modal-content .vjs-control-bar .vjs-fullscreen-control:before { top: 13px; width: 6px; height: 4px } .qedge-com-modal-video .modal-body .modal-content .vjs-control-bar .vjs-fullscreen-control:after { top: 13px; width: 6px; height: 4px } .qedge-com-modal-video .modal-body .modal-content .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder::before { left: -6px; top: 5px; width: 6px; height: 4px } .qedge-com-modal-video .modal-body .modal-content .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder::after { left: 13px; top: 23px; content: ""; width: 6px; height: 4px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-modal-popup-shadow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, .5); z-index: 1100 } .qedge-com-modal-popup-shadow>div { width: 100% } .qedge-com-modal-popup { padding: 0 30px } .qedge-com-modal-popup .modal-body { background-color: #fff; margin: 60px auto; max-width: 1110px } .qedge-com-modal-popup .modal-body .close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-modal-popup .modal-body .close .close-button { float: right; color: #040404; line-height: 1; padding: 20px 20px 0 0; height: auto; width: auto; max-width: none; max-height: none; top: 0px; right: 0px; font-size: 20px; z-index: 1200 } .qedge-com-modal-popup .modal-body .close .close-button::before, .qedge-com-modal-popup .modal-body .close .close-button::after { display: none } .qedge-com-modal-popup .modal-body .modal-content { margin: 0 auto; max-height: calc(100vh - 150px); width: 100%; overflow-y: auto; margin-top: 30px } .qedge-modal-popup-opened { overflow: hidden } .qedge-modal-popup-opened .qedge-com-modal-popup-shadow { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width: 1024px) { .qedge-com-modal-popup .modal-body .close .close-button { padding: 15px 15px 0 0; font-size: 15px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @media screen and (max-width: 1024px) { .qedge-com-accordion-menu { border-bottom: 1px solid rgba(255, 255, 255, .1); padding: 0 } .qedge-com-accordion-menu.active { overflow: hidden } .qedge-com-accordion-menu.active .accordion-header::before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .qedge-com-accordion-menu.active .accordion-header::after { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .qedge-com-accordion-menu .accordion-header { display: block; position: relative } .qedge-com-accordion-menu .accordion-header::before { background-color: #000; content: " "; display: block; width: 1px; position: absolute; top: 50%; margin-top: -3px; right: 3px; height: 7px; -webkit-transition: opacity linear .15s; transition: opacity linear .15s } .qedge-com-accordion-menu .accordion-header::after { background-color: #000; content: " "; display: block; height: 1px; position: absolute; top: 50%; right: 0px; width: 7px } .qedge-com-accordion-menu .accordion-body { background-color: #f5f5f5; font-size: 1.2em; -webkit-transition: height ease-in .15s; transition: height ease-in .15s; height: 0; overflow: hidden } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-slider .basic-list .slick-arrow { color: #000; display: none; font-size: 12px; top: 25%; background-color: rgba(255, 255, 255, .6); width: 6em; height: 6em; position: absolute; -webkit-transition: all linear .3s; transition: all linear .3s; z-index: 20 } .qedge-com-slider .basic-list .slick-arrow::before { content: " "; display: block; height: 1.5em; width: 1.5em; border: 2px solid rgba(0, 0, 0, .8); border-right: none; border-top: none; position: absolute; -webkit-transition: all linear .3s; transition: all linear .3s } .qedge-com-slider .basic-list .slick-arrow.prev { left: -65px } .qedge-com-slider .basic-list .slick-arrow.prev::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; left: 50%; margin-top: -0.53em; margin-left: -0.48em } .qedge-com-slider .basic-list .slick-arrow.next { right: -65px } .qedge-com-slider .basic-list .slick-arrow.next::before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); top: 50%; right: 50%; margin-top: -0.53em; margin-right: -0.48em } .qedge-com-slider .basic-list .slick-arrow:hover, .qedge-com-slider .basic-list .slick-arrow:active { -webkit-transition: all linear .3s; transition: all linear .3s; background-color: rgba(255, 255, 255, .9); color: #0599c8 } .qedge-com-slider .basic-list .slick-arrow:hover:hover, .qedge-com-slider .basic-list .slick-arrow:hover:focus, .qedge-com-slider .basic-list .slick-arrow:hover:active, .qedge-com-slider .basic-list .slick-arrow:active:hover, .qedge-com-slider .basic-list .slick-arrow:active:focus, .qedge-com-slider .basic-list .slick-arrow:active:active { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 3px 15px 0 rgba(0, 0, 0, .15); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 3px 15px 0 rgba(0, 0, 0, .15); border-color: rgba(0, 0, 0, 0) } .qedge-com-slider .basic-list .slick-arrow:hover.prev::before, .qedge-com-slider .basic-list .slick-arrow:active.prev::before { margin-left: -10px } .qedge-com-slider .basic-list .slick-arrow:hover.next::before, .qedge-com-slider .basic-list .slick-arrow:active.next::before { margin-right: -10px } .qedge-com-slider .basic-list .slick-dots { list-style-type: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-slider .basic-list .slick-dots li { margin: 0 7px } .qedge-com-slider .basic-list .slick-dots li button { height: 15px; width: 15px; border-radius: 50%; background-color: #ddd; border: none; display: block; font-size: 0; padding: 0 } .qedge-com-slider .basic-list .slick-dots li.slick-active button { background-color: #09f } .qedge-com-slider .basic-list .slick-list { overflow: hidden } .qedge-com-slider .basic-list .slick-list .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; float: left; padding: 12px 126px 12px 0px } .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide:focus { outline: none } .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide.jobs { height: 350px; padding: 0 30px 30px 0; width: 200px; height: 231px } .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide.jobs:last-child { padding-right: 10px } .qedge-com-slider .basic-list .slick-list .slick-track .smallPadding { padding-top: 0; padding-right: 80px } .qedge-com-slider.type-ly .basic-list .scale-effect { -webkit-transition: all linear .5s; transition: all linear .5s } .qedge-com-slider.type-ly .basic-list .slick-list { overflow: visible } .qedge-com-slider.type-ly .basic-list .slick-list .slick-track .slick-cloned[data-slick-index^="-"] { opacity: 0; pointer-events: none } .qedge-com-slider.type-ly.type-drag .basic-list .scale-effect { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all linear .5s; transition: all linear .5s } .qedge-com-slider.type-ly.inited .basic-list .slick-list { overflow: visible } .qedge-com-slider.type-ly.inited .basic-list .slick-list .slick-track .slick-cloned[data-slick-index^="-"] { opacity: 1; pointer-events: default } .qedge-com-slider.nav-bottom .basic-list { position: relative } .qedge-com-slider.nav-bottom .basic-list .slick-arrow { border: 1px solid rgba(0, 0, 0, .15); border-radius: 50%; display: block; text-align: center; line-height: 1; font-size: 2em; height: 1.2em; width: 1.2em } .qedge-com-slider.nav-bottom .basic-list .slick-arrow::before { display: none } .qedge-com-slider.nav-bottom .basic-list .slick-arrow.prev { bottom: -55px; left: auto; right: 2em; top: auto } .qedge-com-slider.nav-bottom .basic-list .slick-arrow.next { bottom: -55px; right: 10px; top: auto } .qedge-com-slider.nav-bottom .basic-list .slick-arrow i { font-size: .6em } .slider-mobile-only { display: none } @media screen and (max-width: 1024px) { .qedge-com-slider.type-ly.type-drag .basic-list .scale-effect { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all linear .3s; transition: all linear .3s } .qedge-com-slider .content { position: relative } .qedge-com-slider .slick-dots li button { height: 10px; width: 10px } .qedge-com-slider .basic-list .slick-list .slick-track { padding: 0 } .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide { padding: 0 } .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide.jobs { margin: 0 20px 0 0 !important; padding: 0 0 30px 0 } .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide.jobs:last-child { padding-right: 0 } .qedge-com-slider .basic-list .slick-arrow.prev { left: 0 } .qedge-com-slider .basic-list .slick-arrow.next { right: 0 } .qedge-com-slider .basic-list .list-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: auto } .qedge-com-slider .basic-list .list-item .image.big { height: 220px; width: 100%; margin: 0 0 10px 0 } .qedge-com-slider .basic-list .list-item .image.small { height: 100px; width: 48%; margin: 0 0 10px 0 } .qedge-com-slider.nav-bottom .content .basic-list .slick-arrow { display: none !important } .qedge-com-slider.news-bottom .basic-list { position: relative } .qedge-com-slider.news-bottom .basic-list .slick-arrow { display: block; text-align: center; line-height: 1; font-size: 15px; height: 1.2em; width: 1.2em } .qedge-com-slider.news-bottom .basic-list .slick-arrow::before { display: none } .qedge-com-slider.news-bottom .basic-list .slick-arrow.prev { bottom: -12px; left: auto; right: 66px; top: auto; -webkit-transform: scaleX(-1); transform: scaleX(-1) } .qedge-com-slider.news-bottom .basic-list .slick-arrow.next { bottom: -12px; right: 21px; top: auto } .qedge-com-slider.news-bottom .basic-list .slick-arrow i { font-size: .6em } .qedge-com-slider.news-bottom .basic-list .slick-arrow:hover, .qedge-com-slider.news-bottom .basic-list .slick-arrow:active { -webkit-box-shadow: none; box-shadow: none } .qedge-com-slider.news-bottom .basic-list .slick-arrow:hover.prev::before, .qedge-com-slider.news-bottom .basic-list .slick-arrow:active.prev::before { margin-left: -10px } .qedge-com-slider.news-bottom .basic-list .slick-arrow:hover.next::before, .qedge-com-slider.news-bottom .basic-list .slick-arrow:active.next::before { margin-right: -10px } .qedge-com-slider.news-bottom .basic-list .slick-dots { font-size: 0; list-style-type: none; padding: 0; padding-left: 10px; position: absolute; bottom: 0; left: 0; margin: 0 auto; text-align: center } .qedge-com-slider.news-bottom .basic-list .slick-dots li { -ms-flex-item-align: end; align-self: flex-end; margin: 0; display: inline-block; font-size: 14px } .qedge-com-slider.news-bottom .basic-list .slick-dots li button { background-color: #b7bbc5; border: 0; display: block; font-size: 0; height: 1px; width: 25px; margin: 0; padding: 0; border-radius: 0 } .qedge-com-slider.news-bottom .basic-list .slick-dots li.slick-active button { background-color: #000; height: 2px } .qedge-com-slider.type-peek .content .basic-list { width: 300px } .qedge-com-slider.type-peek .content .basic-list .slick-arrow { display: none } .qedge-com-slider.type-peek .content .basic-list .slick-list { overflow: visible } .qedge-com-slider.type-peek .content .basic-list .slick-list .slick-track { overflow: visible } .qedge-com-slider.type-peek .content .basic-list .slick-list .slick-track .slick-slide { margin: 0 7px 0 7px } .qedge-com-slider.type-multi .content .basic-list { width: 80%; position: relative } .qedge-com-slider.type-multi .content .basic-list .slick-list { overflow: visible } .qedge-com-slider.type-multi .content .basic-list .slick-list .slick-track { overflow: visible } .qedge-com-slider.type-multi .content .basic-list .slick-list .slick-track .slick-slide { margin: 0 15px 0 0 } .slider-pc-only { display: none } .slider-mobile-only { display: block } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-slick-tabs .content .tab-tabs { font-size: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style-type: none; margin: 0; padding: 0 10%; background-color: #fff; padding-bottom: 50px; border-bottom: 1px solid #cacaca; padding-bottom: 51.5px } .qedge-com-slick-tabs .content .tab-tabs.tab-tabs-mobile { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-slick-tabs .content .tab-tabs .tab { margin: 0; width: 33% } .qedge-com-slick-tabs .content .tab-tabs .tab.tab-pc-show { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } .qedge-com-slick-tabs .content .tab-tabs .tab.tab-mobile-show { display: none } .qedge-com-slick-tabs .content .tab-tabs .tab .link { color: #a2a2a2; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 400; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; position: relative; text-decoration: none } .qedge-com-slick-tabs .content .tab-tabs .tab .link h1, .qedge-com-slick-tabs .content .tab-tabs .tab .link h2, .qedge-com-slick-tabs .content .tab-tabs .tab .link h3, .qedge-com-slick-tabs .content .tab-tabs .tab .link h4, .qedge-com-slick-tabs .content .tab-tabs .tab .link h5, .qedge-com-slick-tabs .content .tab-tabs .tab .link h6, .qedge-com-slick-tabs .content .tab-tabs .tab .link a, .qedge-com-slick-tabs .content .tab-tabs .tab .link p, .qedge-com-slick-tabs .content .tab-tabs .tab .link em, .qedge-com-slick-tabs .content .tab-tabs .tab .link i, .qedge-com-slick-tabs .content .tab-tabs .tab .link b, .qedge-com-slick-tabs .content .tab-tabs .tab .link address { color: inherit } .qedge-com-slick-tabs .content .tab-tabs .tab .link a:hover, .qedge-com-slick-tabs .content .tab-tabs .tab .link a:focus, .qedge-com-slick-tabs .content .tab-tabs .tab .link a:active { color: #0599c8 } .qedge-com-slick-tabs .content .tab-tabs .tab .link::after { background-color: rgba(0, 0, 0, 0); content: " "; display: block; position: absolute; bottom: -53px; left: 0; right: 0; margin: 0 auto; height: 2px; width: 0; -webkit-transition: all linear .15s; transition: all linear .15s; z-index: 10 } .qedge-com-slick-tabs .content .tab-tabs .tab .link.active::after, .qedge-com-slick-tabs .content .tab-tabs .tab .link:hover::after, .qedge-com-slick-tabs .content .tab-tabs .tab .link:active::after { background-color: #000; width: 100% } .qedge-com-slick-tabs .content .tab-tabs .tab .link.active { color: #000 } .qedge-com-slick-tabs .content .tab-tabs .tab .main { display: block; font-size: 24px; color: #000; padding-top: 51px } .qedge-com-slick-tabs .content .tab-tabs .tab .sub { display: block; opacity: .6; font-size: 14px; color: #000 } .qedge-com-slick-tabs .content .tab-tabs .tab+.tab { margin-left: -1px } .qedge-com-slick-tabs .content .tab-contents .slick-list { height: auto !important; overflow: hidden } .qedge-com-slick-tabs .content .tab-contents .slick-list .slick-track { overflow: hidden } .qedge-com-slick-tabs .content .tab-contents .slick-list .slick-track .slick-slide { float: left; display: block; height: 1px } .qedge-com-slick-tabs .content .tab-contents .slick-list .slick-track .slick-slide.slick-current.slick-active { height: auto } .qedge-com-slick-tabs .content .tab-contents .form-button { min-width: 286px; min-height: 70px; background-color: #000; font-size: 26px; color: #fff; margin-top: 40px; opacity: 1 } .qedge-com-slick-tabs .content .tab-contents .select-icon { position: absolute; top: 1px; right: 2px; color: #7f7f7f } .qedge-com-slick-tabs .content .tab-contents .btn-container { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media screen and (min-width: 1024px) { .qedge-com-slick-tabs .scrollable-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; margin-bottom: 40px } .qedge-com-slick-tabs .scrollable-tab .nav { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 70px; width: 70px } .qedge-com-slick-tabs .scrollable-tab .nav.show { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-slick-tabs .scrollable-tab .nav::after { content: " "; display: block; height: 15px; width: 15px; border: 2px solid #666; border-left: none; border-bottom: none; -webkit-transition: all linear .3s; transition: all linear .3s } .qedge-com-slick-tabs .scrollable-tab .nav.prev::after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: 10px } .qedge-com-slick-tabs .scrollable-tab .nav.next::after { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .qedge-com-slick-tabs .scrollable-tab .nav:hover.prev::after { margin-left: 0 } .qedge-com-slick-tabs .scrollable-tab .nav:hover.next::after { margin-right: -10px } .qedge-com-slick-tabs .scrollable-tab .tab-tabs { margin-bottom: 0; overflow: hidden; width: 80% } .qedge-com-slick-tabs .scrollable-tab .tab-tabs .tab { -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: all linear .2s; transition: all linear .2s; width: 20% } .qedge-com-slick-tabs .scrollable-tab .tab-tabs .tab .link { width: auto } } @media screen and (max-width: 1024px) { .qedge-com-slick-tabs { padding: 40px 0 } .qedge-com-slick-tabs .content .tab-tabs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; position: relative; height: 64px; padding: 0; z-index: 30; padding-top: 8px; border-bottom: .5px solid #e6e6e6 } .qedge-com-slick-tabs .content .tab-tabs.tab-tabs-mobile .tab.tab-mobile-show .link { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-slick-tabs .content .tab-tabs .tab { width: 100% } .qedge-com-slick-tabs .content .tab-tabs .tab.tab-mobile-show { display: inline-block } .qedge-com-slick-tabs .content .tab-tabs .tab.tab-mobile-show .link { position: relative } .qedge-com-slick-tabs .content .tab-tabs .tab.tab-mobile-show .arrow { position: absolute; right: 30px; top: 25px } .qedge-com-slick-tabs .content .tab-tabs .tab.tab-mobile-show .arrow::after { content: " "; height: 10px; width: 10px; border-top: 1px solid #666; border-left: 1px solid #666; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .qedge-com-slick-tabs .content .tab-tabs .tab .link { background-color: #fff; border: none; width: 100%; height: 0; padding: 0; overflow: hidden; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; display: block; text-align: center } .qedge-com-slick-tabs .content .tab-tabs .tab .link.active { height: 50px } .qedge-com-slick-tabs .content .tab-tabs .tab .link.active .sub::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 5px; margin-top: -0.5em } .qedge-com-slick-tabs .content .tab-tabs .tab .link .main { padding-top: 0; font-size: 16px; display: block } .qedge-com-slick-tabs .content .tab-tabs .tab .sub { font-size: 1em; position: relative; display: block; font-size: 12px; color: #999 } .qedge-com-slick-tabs .content .tab-tabs .tab .sub::after { content: " "; display: none; height: 10px; width: 10px; border-top: 1px solid #666; border-left: 1px solid #666; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 5px; margin-top: -0.5em } .qedge-com-slick-tabs .content .tab-tabs.open .tab .link { height: 80px } .qedge-com-slick-tabs .content .tab-tabs.open .tab .link .arrow { top: 20px } .qedge-com-slick-tabs .content .tab-tabs.open .tab .link .arrow::after { border-top: none; border-left: none; border-bottom: 1px solid #666; border-right: 1px solid #666 } .qedge-com-slick-tabs .content .tab-contents .form-button { margin-top: 10px; min-width: auto; min-height: auto; width: 134px; height: 36px; font-size: 16px; line-height: 26px; margin-bottom: 10px; line-height: normal; display: inline-block; padding-bottom: 6px; padding-top: 2px } .qedge-com-slick-tabs.type-2 .tab-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style-type: none; margin-bottom: 0; padding: 0; height: 100% } .qedge-com-slick-tabs.type-2 .tab-tabs .tab { width: auto } .qedge-com-slick-tabs.type-2 .tab-tabs .tab .link { color: #a2a2a2; background-color: rgba(0, 0, 0, 0); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; position: relative; text-decoration: none; width: 100%; height: 100% } .qedge-com-slick-tabs.type-2 .tab-tabs .tab .link .main, .qedge-com-slick-tabs.type-2 .tab-tabs .tab .link .sub { color: inherit } .qedge-com-slick-tabs.type-2 .tab-tabs .tab .link::after { background-color: rgba(0, 0, 0, 0); content: " "; display: block; position: absolute; bottom: -1px; left: 0; right: 0; margin: 0 auto; height: 0; width: 0; -webkit-transition: all linear .15s; transition: all linear .15s; z-index: 10 } .qedge-com-slick-tabs.type-2 .tab-tabs .tab .link.active, .qedge-com-slick-tabs.type-2 .tab-tabs .tab .link:hover, .qedge-com-slick-tabs.type-2 .tab-tabs .tab .link:active { color: #000; height: 100% } .qedge-com-slick-tabs.type-2 .tab-tabs .tab .link.active::after, .qedge-com-slick-tabs.type-2 .tab-tabs .tab .link:hover::after, .qedge-com-slick-tabs.type-2 .tab-tabs .tab .link:active::after { width: 100% } .qedge-com-slick-tabs.type-2 .tab-tabs .tab .main { font-size: 16px; line-height: 26px; padding-top: 0 } .qedge-com-slick-tabs.type-2 .tab-tabs .tab .sub { font-size: 12px; line-height: 22px; margin-left: 0; padding-right: 0; padding-left: 10px } .qedge-com-slick-tabs.type-2 .tab-tabs .tab+.tab { margin-left: -1px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-carousel .container { max-width: 1160px } .qedge-com-carousel>.content { margin-bottom: 120px; position: relative; padding: 0 } .qedge-com-carousel>.content .qedge-sliders { margin: 0; padding: 0; list-style-type: none } .qedge-com-carousel>.content .qedge-sliders .qedge-slide { height: 700px; height: 75vh; max-height: 700px; min-height: 600px; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-carousel>.content .qedge-sliders .qedge-slide::after { background-color: rgba(255, 255, 255, 0); content: " "; display: block; height: 8%; width: 2px; left: 50%; bottom: 0; position: absolute; z-index: 1; pointer-events: none } .qedge-com-carousel>.content .qedge-sliders .qedge-slide.slide-bg-dark::after { background-color: rgba(0, 0, 0, 0) } .qedge-com-carousel>.content .qedge-sliders .qedge-slide.slide-bg-dark .introduction .title, .qedge-com-carousel>.content .qedge-sliders .qedge-slide.slide-bg-dark .introduction .intro { color: #fff; text-shadow: 0 2px 1px rgba(0, 0, 0, .8) } .qedge-com-carousel>.content .qedge-sliders .qedge-slide.slide-bg-dark .links-block { color: #fff } .qedge-com-carousel>.content .qedge-sliders .qedge-slide.slide-bg-dark .links-block .links a, .qedge-com-carousel>.content .qedge-sliders .qedge-slide.slide-bg-dark .links-block .links button { border-color: #fff; color: #fff } .qedge-com-carousel>.content .qedge-sliders .qedge-slide.slide-bg-dark .links-block .links a:hover, .qedge-com-carousel>.content .qedge-sliders .qedge-slide.slide-bg-dark .links-block .links button:hover { border-color: #fff; color: #0599c8 } .qedge-com-carousel>.content .qedge-sliders .qedge-slide.slide-bg-dark.slick-active::after { background-color: rgba(0, 0, 0, .6) } .qedge-com-carousel>.content .qedge-sliders .qedge-slide.slide-bg-dark.slick-active.bg-dark-type-2::after { background-color: rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left top, right top, from(rgba(18, 19, 19, 0.0392156863)), color-stop(50%, rgba(49, 59, 87, 0.3294117647)), color-stop(70%, rgba(76, 58, 166, 0.7607843137)), to(rgba(89, 30, 162, 0.8705882353))); background: linear-gradient(to right, rgba(18, 19, 19, 0.0392156863) 0%, rgba(49, 59, 87, 0.3294117647) 50%, rgba(76, 58, 166, 0.7607843137) 70%, rgba(89, 30, 162, 0.8705882353) 100%); -webkit-box-shadow: 0 0 0 25px rgba(255, 255, 255, .3); box-shadow: 0 0 0 25px rgba(255, 255, 255, .3) } .qedge-com-carousel>.content .qedge-sliders .qedge-slide .image-replacer { background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: -webkit-transform ease-out 6s; transition: -webkit-transform ease-out 6s; transition: transform ease-out 6s; transition: transform ease-out 6s, -webkit-transform ease-out 6s } .qedge-com-carousel>.content .qedge-sliders .qedge-slide .introduction { margin-left: 10%; width: 400px; width: 30%; opacity: 0; text-align: left; -webkit-transition: all linear 1s; transition: all linear 1s; -webkit-transform: scale(0.85); transform: scale(0.85); z-index: 10 } .qedge-com-carousel>.content .qedge-sliders .qedge-slide .introduction .title { color: #010443; font-size: 40px; font-weight: 400; margin: 0 0 20px 0 } .qedge-com-carousel>.content .qedge-sliders .qedge-slide .introduction .intro { color: #444; font-size: 18px; font-weight: 200; line-height: 1.7; margin: 0 0 40px 0 } .qedge-com-carousel>.content .qedge-sliders .qedge-slide .introduction .link { text-decoration: none } .qedge-com-carousel>.content .qedge-sliders .qedge-slide .links-block { color: #444 } .qedge-com-carousel>.content .qedge-sliders .qedge-slide .links-block .title-1 { font-size: 20px; font-weight: 200; line-height: 1; margin: 10px 0 } .qedge-com-carousel>.content .qedge-sliders .qedge-slide .links-block .title-2 { font-size: 22px; font-weight: 200; line-height: 1; margin: 10px 0 } .qedge-com-carousel>.content .qedge-sliders .qedge-slide .links-block .links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px } .qedge-com-carousel>.content .qedge-sliders .qedge-slide .links-block .links a, .qedge-com-carousel>.content .qedge-sliders .qedge-slide .links-block .links button { border-color: #0599c8; color: #0599c8; margin-right: 10px } .qedge-com-carousel>.content .qedge-sliders .qedge-slide .links-block .links a:hover, .qedge-com-carousel>.content .qedge-sliders .qedge-slide .links-block .links button:hover { border-color: #fff } .qedge-com-carousel>.content .qedge-sliders .qedge-slide .links-block .links a:last-child, .qedge-com-carousel>.content .qedge-sliders .qedge-slide .links-block .links button:last-child { margin-right: 0 } .qedge-com-carousel>.content .qedge-sliders .qedge-slide.slick-active::after { background-color: rgba(255, 255, 255, .45); z-index: 1 } .qedge-com-carousel>.content .qedge-sliders .qedge-slide.slick-active .image-replacer { -webkit-transform: scale(1.1); transform: scale(1.1) } .qedge-com-carousel>.content .qedge-sliders .qedge-slide.slick-active .introduction { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .qedge-com-carousel>.content .qedge-sliders .qedge-slide:hover, .qedge-com-carousel>.content .qedge-sliders .qedge-slide:focus, .qedge-com-carousel>.content .qedge-sliders .qedge-slide:active { outline: none } .qedge-com-carousel>.content .navi { background-color: rgba(255, 255, 255, .7); position: absolute; top: 50%; margin-top: -30px; height: 60px; width: 60px; z-index: 20 } .qedge-com-carousel>.content .navi::before { border-left: 1px solid #000; border-bottom: 1px solid #000; content: " "; display: block; height: 20px; width: 20px; position: absolute; top: 50%; margin-top: -10px } .qedge-com-carousel>.content .navi.prev { left: 0 } .qedge-com-carousel>.content .navi.prev::before { left: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .qedge-com-carousel>.content .navi.next { right: 0 } .qedge-com-carousel>.content .navi.next::before { right: 20px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg) } .qedge-com-carousel>.content .navi:hover::before, .qedge-com-carousel>.content .navi:active::before { border-color: #2e7d32 } .qedge-com-carousel>.content .slick-dots { font-size: 0; list-style-type: none; padding: 0; position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto; text-align: center } .qedge-com-carousel>.content .slick-dots li { display: inline-block; font-size: 14px } .qedge-com-carousel>.content .slick-dots li button { background-color: #fff; border: none; border-radius: 50%; color: rgba(0, 0, 0, 0); display: block; font-size: 0; height: 16px; width: 16px; margin: 0 5px; padding: 0 } .qedge-com-carousel>.content .slick-dots li.slick-active button { background-color: #00485e } .qedge-com-carousel .slick-slider { overflow: hidden } .qedge-com-carousel .slick-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .qedge-com-carousel .slick-slider .slick-track .slick-slide img { display: none } .qedge-com-carousel.contact .content .qedge-sliders .qedge-slide .introduction .intro { font-size: 22px; font-weight: 400 } .qedge-com-carousel.contact .content .slick-dots { display: none } .qedge-com-carousel.type-2 .content .slick-dots { display: none !important } .qedge-com-carousel.type-2 .content .qedge-sliders .qedge-slide { height: 400px; min-height: 0; max-height: 35vh } .qedge-com-carousel.type-2 .content .qedge-sliders .qedge-slide .introduction .title, .qedge-com-carousel.type-2 .content .qedge-sliders .qedge-slide .introduction .intro { text-shadow: none } .qedge-com-carousel.type-2 .content .qedge-sliders .qedge-slide .introduction .intro { margin: 0 } .qedge-com-carousel.magazine-center .content .qedge-sliders .qedge-slide .links-block .sub-title { text-align: left; font-size: 18px; line-height: 28px } .qedge-com-carousel.magazine-center .content .qedge-sliders .qedge-slide .links-block .links a { height: 3em; line-height: 3em; background-color: rgba(0, 0, 0, 0); border: 1px solid #0599c8 } .qedge-com-carousel.magazine-center .content .qedge-sliders .qedge-slide .links-block .links a span { color: #0599c8 } .qedge-com-carousel.magazine-center .content .qedge-sliders .qedge-slide .links-block .links a em { background-color: #0599c8 } .qedge-com-carousel.magazine-center .content .qedge-sliders .qedge-slide .links-block .links a:first-child { margin-right: 5% } .qedge-com-carousel.magazine-center .content .qedge-sliders .qedge-slide .links-block .links a:hover, .qedge-com-carousel.magazine-center .content .qedge-sliders .qedge-slide .links-block .links a:focus, .qedge-com-carousel.magazine-center .content .qedge-sliders .qedge-slide .links-block .links a:active { border: 1px solid #fff } .qedge-com-carousel.magazine-center .content .qedge-sliders .qedge-slide .links-block .links a:hover span, .qedge-com-carousel.magazine-center .content .qedge-sliders .qedge-slide .links-block .links a:focus span, .qedge-com-carousel.magazine-center .content .qedge-sliders .qedge-slide .links-block .links a:active span { color: #6dad19 } .qedge-com-carousel.magazine-center .content .qedge-sliders .qedge-slide .links-block .links a:hover em, .qedge-com-carousel.magazine-center .content .qedge-sliders .qedge-slide .links-block .links a:focus em, .qedge-com-carousel.magazine-center .content .qedge-sliders .qedge-slide .links-block .links a:active em { background-color: #6dad19 } .qedge-com-carousel.magazine-center.magazine-center-2 .slick-dots { display: none } .qedge-com-carousel.type-ly .content .qedge-navs { position: absolute; height: 80px; width: 300px; bottom: 15%; right: calc((100% - 1110px)/2 + 25px); z-index: 5 } .qedge-com-carousel.type-ly .content .qedge-navs .container { height: 100% } .qedge-com-carousel.type-ly .content .qedge-navs .container .content::before { content: " "; background-color: rgba(255, 255, 255, .2); display: block; height: 1px; left: 90px; right: 90px; bottom: 50%; position: absolute } .qedge-com-carousel.type-ly .content .qedge-navs .container .content .navi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; border: 1px solid rgba(255, 255, 255, 0); background-color: rgba(0, 0, 0, 0); border-radius: 50%; color: #fff; font-size: 14px; width: 80px; height: 80px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0; top: 0 } .qedge-com-carousel.type-ly .content .qedge-navs .container .content .navi::before, .qedge-com-carousel.type-ly .content .qedge-navs .container .content .navi::after { display: none } .qedge-com-carousel.type-ly .content .qedge-navs .container .content .navi>div { width: 100% } .qedge-com-carousel.type-ly .content .qedge-navs .container .content .navi:hover { border-color: rgba(255, 255, 255, .2) } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide { height: 100vh; max-height: 10000px } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-left: 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .container .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 75%; height: 65% } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .indexer { color: #fff; font-size: 14px; line-height: 1; letter-spacing: .3em; position: relative; padding-left: 1em; text-align: left; width: 90% } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .indexer::before, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .indexer::after { content: " "; display: block; position: absolute } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .indexer::before { background-color: #fff; bottom: 0; left: 2px; height: 1em; -webkit-transform: rotate(20deg); transform: rotate(20deg); width: 1px } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .indexer::after { background-color: rgba(255, 255, 255, .15); content: " "; display: block; height: 1px; right: 0; bottom: 50%; left: 5em } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction { color: #fff; margin-left: 0; width: 100% } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction h1, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction h2, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction h3, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction h4, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction h5, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction h6, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction a, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction p, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction em, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction i, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction b, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction address { color: inherit } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction a:hover, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction a:focus, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction a:active { color: #0599c8 } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .title { font-weight: 600; font-size: 48px; margin-bottom: 1em; line-height: 1.26em } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .title h1, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .title h2, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .title h3, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .title h4, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .title h5, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .title h6, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .title p, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .title em, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .title i, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .title b, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .subtitle, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .intro { color: #fff; font-size: 16px; font-weight: 400; line-height: 1.5; margin-bottom: 1.5em } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .subtitle h1, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .subtitle h2, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .subtitle h3, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .subtitle h4, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .subtitle h5, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .subtitle h6, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .subtitle p, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .subtitle em, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .subtitle i, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .subtitle b, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .subtitle address, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .intro h1, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .intro h2, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .intro h3, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .intro h4, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .intro h5, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .intro h6, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .intro p, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .intro em, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .intro i, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .intro b, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .intro address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .link { color: rgba(255, 255, 255, .4); display: inline-block; font-size: 22px; margin-top: 60px } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .link:hover, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .link:focus, .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .introduction .link:active { color: rgba(255, 255, 255, .8) } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide::after { display: none } .qedge-com-carousel.type-ly.carousel-flag .content .qedge-sliders .qedge-slide::after { display: block; background-color: #fff } @media screen and (max-width: 1024px) { .qedge-com-carousel .content { margin-bottom: 45px } .qedge-com-carousel .content .qedge-sliders .qedge-slide { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 490px; min-height: 490px } .qedge-com-carousel .content .qedge-sliders .qedge-slide .image-replacer { background-size: cover; background-position: center top } .qedge-com-carousel .content .qedge-sliders .qedge-slide .introduction { margin: 0 6% 100px 6%; width: auto; -webkit-transition: none; transition: none; -webkit-transform: none; transform: none } .qedge-com-carousel .content .qedge-sliders .qedge-slide .introduction .title { font-size: 28px; margin-bottom: 10px } .qedge-com-carousel .content .qedge-sliders .qedge-slide .introduction .intro { font-size: 16px; margin-bottom: 25px; line-height: 1.5 } .qedge-com-carousel .content .qedge-sliders .qedge-slide .introduction .link { font-size: 13px } .qedge-com-carousel .content .qedge-sliders .qedge-slide .introduction .links-block a, .qedge-com-carousel .content .qedge-sliders .qedge-slide .introduction .links-block button { font-size: 14px; padding: .4em } .qedge-com-carousel .content .qedge-sliders .qedge-slide .introduction .links-block .qedge-play-btn { height: 35px; width: 35px } .qedge-com-carousel .content .qedge-sliders .qedge-slide .introduction .links-block .qedge-play-btn span { font-size: 18px; margin-left: -7px; margin-top: -9px } .qedge-com-carousel .content .qedge-sliders .qedge-slide::after { display: none } .qedge-com-carousel .content .qedge-sliders .qedge-slide.slide-bg-dark .image-replacer::before { background: -webkit-gradient(linear, left bottom, left top, from(rgb(26, 63, 81)), color-stop(85%, rgb(26, 63, 81)), color-stop(95%, rgba(26, 63, 81, 0.3)), to(rgba(26, 63, 81, 0))); background: linear-gradient(to top, rgb(26, 63, 81) 0%, rgb(26, 63, 81) 85%, rgba(26, 63, 81, 0.3) 95%, rgba(26, 63, 81, 0) 100%) } .qedge-com-carousel .content .slick-dots li button { width: 12px; height: 12px } .qedge-com-carousel.technical .content .qedge-sliders .qedge-slide { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 380px; min-height: 380px } .qedge-com-carousel.technical .content .qedge-sliders .qedge-slide .introduction { margin: 0 6% 45px 6% } .qedge-com-carousel.technical .content .qedge-sliders .qedge-slide .image-replacer { background-size: 100% 70% } .qedge-com-carousel.technical .content .qedge-sliders .qedge-slide .image-replacer::before { height: 45% } .qedge-com-carousel.contact .content .qedge-sliders .qedge-slide { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 345px; min-height: 345px } .qedge-com-carousel.contact .content .qedge-sliders .qedge-slide .introduction { margin: 0 6% 0 6% } .qedge-com-carousel.contact .content .qedge-sliders .qedge-slide .introduction .intro { font-size: 18px; font-weight: 200 } .qedge-com-carousel.contact .content .qedge-sliders .qedge-slide .image-replacer { background-size: 100% 68% } .qedge-com-carousel.contact .content .qedge-sliders .qedge-slide .image-replacer::before { height: 50% } .qedge-com-carousel.type-2 .content .qedge-sliders .qedge-slide { max-height: 30vh } .qedge-com-carousel.type-2 .content .qedge-sliders .qedge-slide .image-replacer { background-size: cover; background-position: center center } .qedge-com-carousel.type-2 .content .qedge-sliders .qedge-slide .image-replacer::before { display: none } .qedge-com-carousel.magazine-center .content .qedge-sliders .qedge-slide .links-block .links a { padding: 0 6em 0 1.5em } .qedge-com-carousel.magazine-center.magazine-center-2 .slick-dots { display: none } .qedge-com-carousel.type-ly .content .qedge-navs { position: absolute; height: 50px; width: 200px; left: 20px; bottom: 25% } .qedge-com-carousel.type-ly .content .qedge-navs .container .content::before { content: " "; background-color: rgba(255, 255, 255, .2); display: block; height: 1px; left: 55px; right: 55px; bottom: 50%; position: absolute } .qedge-com-carousel.type-ly .content .qedge-navs .container .content .navi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; border: 1px solid rgba(255, 255, 255, 0); background-color: rgba(0, 0, 0, 0); border-radius: 50%; color: #fff; font-size: 12px; width: 50px; height: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0; top: 0; z-index: 50 } .qedge-com-carousel.type-ly .content .qedge-navs .container .content .navi::before, .qedge-com-carousel.type-ly .content .qedge-navs .container .content .navi::after { display: none } .qedge-com-carousel.type-ly .content .qedge-navs .container .content .navi>div { width: 100% } .qedge-com-carousel.type-ly .content .qedge-navs .container .content .navi:hover { border-color: rgba(0, 0, 0, 0) } .qedge-com-carousel.type-ly .content .qedge-navs .container .content .navi:active { border-color: rgba(255, 255, 255, .2) } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .container .content { height: 80%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100% } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .container .content .indexer { font-size: 12px; width: 70% } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .container .content .introduction .subtitle { font-size: 14px } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .container .content .introduction .title { font-size: 32px } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .container .content .introduction .intro { font-size: 15px } .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide .container .content .introduction .link { display: none } .qedge-com-carousel.type-ly.carousel-flag .content .qedge-sliders .qedge-slide::after { display: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-carousel-split { margin-bottom: 40px } .qedge-com-carousel-split .content { position: relative; z-index: 10 } .qedge-com-carousel-split .content .split-slideshow { height: 570px; position: relative; z-index: 10 } .qedge-com-carousel-split .content .split-slideshow .slideshow { position: absolute; z-index: 1; top: 0; left: 0; width: 100vw; height: 570px; overflow: hidden } .qedge-com-carousel-split .content .split-slideshow .slideshow .slider { width: 100vw; height: 570px; z-index: 2 } .qedge-com-carousel-split .content .split-slideshow .slideshow .slider .item { height: 570px; width: 100vw; position: relative; overflow: hidden; border: none } .qedge-com-carousel-split .content .split-slideshow .slideshow .slider .item .text { display: none } .qedge-com-carousel-split .content .split-slideshow .slideshow .slider .item img { min-width: 101%; min-height: 101%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .qedge-com-carousel-split .content .split-slideshow .slideshow .slider .item .intro-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; z-index: 10 } .qedge-com-carousel-split .content .split-slideshow .slideshow .slider .item .intro-wrapper>.container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-carousel-split .content .split-slideshow .slideshow .slider .item .intro-wrapper .qedge-com-brief-article .content .title, .qedge-com-carousel-split .content .split-slideshow .slideshow .slider .item .intro-wrapper .qedge-com-brief-article .content .subtitle, .qedge-com-carousel-split .content .split-slideshow .slideshow .slider .item .intro-wrapper .qedge-com-brief-article .content .link { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .35) } .qedge-com-carousel-split .content .split-slideshow .slideshow .slider .item .intro-wrapper .qedge-com-brief-article .content .brief-footer { font-size: 14px } .qedge-com-carousel-split .content .split-slideshow .slideshow.slideshow-right { left: 0; z-index: 1; width: 50vw; pointer-events: none } .qedge-com-carousel-split .content .split-slideshow .slideshow.slideshow-right .slider { left: 0; position: absolute } .qedge-com-carousel-split .content .dots-wrapper { height: 80px; position: relative } .qedge-com-carousel-split .content .slick-dots { font-size: 16px; line-height: 1; position: absolute; height: auto; bottom: 0px; right: 0; margin: 0; padding: 0 2em 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; z-index: 100 } .qedge-com-carousel-split .content .slick-dots li { display: block; width: 100%; height: auto; padding: 0; margin: 0 } .qedge-com-carousel-split .content .slick-dots li:first-child button { color: #000; text-align: left; text-indent: -1em } .qedge-com-carousel-split .content .slick-dots li:last-child button { color: #000; text-align: right; text-indent: 7em } .qedge-com-carousel-split .content .slick-dots li button { color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); border: none; -webkit-box-shadow: none; box-shadow: none; font-size: 1em; position: relative; width: 6em; height: 1em; line-height: 1em; margin: 0; padding: 0; text-align: center } .qedge-com-carousel-split .content .slick-dots li button:hover, .qedge-com-carousel-split .content .slick-dots li button:focus, .qedge-com-carousel-split .content .slick-dots li button:active { cursor: pointer } .qedge-com-carousel-split .content .slick-dots li button:before { content: ""; background: #bcbcbc; height: 2px; width: 100%; border-radius: 0; position: absolute; top: 50%; right: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .qedge-com-carousel-split .content .slick-dots li.slick-active button:before { background-color: #666 } .qedge-com-carousel-split .content .slideshow-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; font-size: 80px; width: 100vw; text-align: center; color: #fff; font-weight: 100; pointer-events: none; text-transform: uppercase; letter-spacing: 20px; line-height: .8; overflow: hidden } @media(max-width: 767px) { .qedge-com-carousel-split .content .slideshow-text { font-size: 40px } } @media screen and (max-width: 1024px) { .qedge-com-carousel-split { margin-bottom: 20px } .qedge-com-carousel-split .content .split-slideshow { height: 350px } .qedge-com-carousel-split .content .split-slideshow .slideshow { height: 350px } .qedge-com-carousel-split .content .split-slideshow .slideshow .slider { height: 350px } .qedge-com-carousel-split .content .split-slideshow .slideshow .slider .item { height: 350px } .qedge-com-carousel-split .content .split-slideshow .slideshow .slider .item .intro-wrapper>.container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-carousel-split .content .dots-wrapper { height: 30px } .qedge-com-carousel-split .content .slick-dots { width: 100%; padding: 0 25px } .qedge-com-carousel-split .content .slick-dots li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 1; flex-basis: 1 } .qedge-com-carousel-split .content .slick-dots li:first-child button, .qedge-com-carousel-split .content .slick-dots li:last-child button { color: rgba(0, 0, 0, 0) } .qedge-com-carousel-split .content .slick-dots li button { width: 100% } .qedge-com-carousel-split .content .qedge-com-brief-article .content { padding: 0 25px } .qedge-com-carousel-split .content .qedge-com-brief-article .content .brief-footer { display: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-share-others .content .social-list { list-style-type: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100% } .qedge-com-share-others .content .social-list .list-item .link { display: block; padding: 15px } .qedge-com-share-others .content .social-list .list-item .link img { display: block; height: 25px } .qedge-com-share-others .content .link-list { font-size: 14px; list-style-type: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100% } .qedge-com-share-others .content .link-list .list-item { color: #000; margin-right: 3em } .qedge-com-share-others .content .link-list .list-item h1, .qedge-com-share-others .content .link-list .list-item h2, .qedge-com-share-others .content .link-list .list-item h3, .qedge-com-share-others .content .link-list .list-item h4, .qedge-com-share-others .content .link-list .list-item h5, .qedge-com-share-others .content .link-list .list-item h6, .qedge-com-share-others .content .link-list .list-item a, .qedge-com-share-others .content .link-list .list-item p, .qedge-com-share-others .content .link-list .list-item em, .qedge-com-share-others .content .link-list .list-item i, .qedge-com-share-others .content .link-list .list-item b, .qedge-com-share-others .content .link-list .list-item address { color: inherit } .qedge-com-share-others .content .link-list .list-item a:hover, .qedge-com-share-others .content .link-list .list-item a:focus, .qedge-com-share-others .content .link-list .list-item a:active { color: #0599c8 } .qedge-com-share-others .content .link-list .list-item:last-child { margin-right: 0 } .qedge-com-share-others .content .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 20px 0 } .qedge-com-share-others .content .logo img { display: block; height: 30px } @media screen and (max-width: 1024px) { .qedge-com-share-others>.container>.content, .qedge-com-share-others>.content { padding: 32px 20px 48px 20px } .qedge-com-share-others .content .link-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; font-size: 16px } .qedge-com-share-others .content .link-list>div { width: 100% } .qedge-com-share-others .content .link-list .list-item { margin-right: 0; text-align: center; margin-bottom: .4em } .qedge-com-share-others .content .social-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-pure-image+.qedge-com-pure-image { margin-top: 100px } .qedge-com-pure-image .content img { display: block; width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-pure-image .content .vjs-poster { background-size: cover } @media screen and (max-width: 1024px) { .qedge-com-pure-image+.qedge-com-pure-image { margin-top: 40px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-bias-image { margin-bottom: 80px } .qedge-com-bias-image .content { padding-left: calc((100% - 1344px)/2) } .qedge-com-bias-image .content img { display: block; width: 100% } @media screen and (max-width: 1024px) { .qedge-com-bias-image { margin-bottom: 20px } .qedge-com-bias-image .content { padding-left: 25px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-brief-article .content .brief-title { font-weight: 400 } .qedge-com-brief-article .content .brief-title h1, .qedge-com-brief-article .content .brief-title h2, .qedge-com-brief-article .content .brief-title h3, .qedge-com-brief-article .content .brief-title h4, .qedge-com-brief-article .content .brief-title h5, .qedge-com-brief-article .content .brief-title h6, .qedge-com-brief-article .content .brief-title p, .qedge-com-brief-article .content .brief-title em, .qedge-com-brief-article .content .brief-title i, .qedge-com-brief-article .content .brief-title b, .qedge-com-brief-article .content .brief-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-brief-article .content .brief-content { font-weight: 400; line-height: 1.75; padding: 1em 0 } .qedge-com-brief-article .content .brief-content h1, .qedge-com-brief-article .content .brief-content h2, .qedge-com-brief-article .content .brief-content h3, .qedge-com-brief-article .content .brief-content h4, .qedge-com-brief-article .content .brief-content h5, .qedge-com-brief-article .content .brief-content h6, .qedge-com-brief-article .content .brief-content p, .qedge-com-brief-article .content .brief-content em, .qedge-com-brief-article .content .brief-content i, .qedge-com-brief-article .content .brief-content b, .qedge-com-brief-article .content .brief-content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } @media screen and (max-width: 1024px) { .qedge-com-brief-article .content .brief-content { font-size: 18px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-highlighted-number .content { padding: 20px 0 } .qedge-com-highlighted-number .content .card-heading { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 72px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; line-height: 1 } .qedge-com-highlighted-number .content .card-heading .number { background-color: rgba(0, 0, 0, 0); display: block; font-family: source-han-sans-simplified-c, sans-serif; font-size: 1em; height: auto; margin: 0; padding: 0 } .qedge-com-highlighted-number .content .card-heading .unit { display: block; font-size: .3em; line-height: 2.5em } .qedge-com-highlighted-number .content .card-body { padding: 10px 0 } @media screen and (max-width: 1024px) { .qedge-com-highlighted-number .content { padding: 10px 0 } .qedge-com-highlighted-number .content .card-heading { font-size: 88px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-about-passions .content .sector { margin-bottom: 60px } .qedge-com-about-passions .content .qedge-com-motional-bg-image { min-height: 200px } @media screen and (max-width: 1024px) { .qedge-com-about-passions { margin-bottom: 0 } .qedge-com-about-passions .content .sector { margin-bottom: 0 } .qedge-com-about-passions .content .tile.is-ancestor .is-mobile .qedge-com-motional-bg-image { min-height: 100px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-news-title .content { margin-bottom: 60px; margin-top: 30px } .qedge-com-news-title .content .level-item.title a { color: #000 } .qedge-com-news-title .content .level-item.title a:hover, .qedge-com-news-title .content .level-item.title a:focus, .qedge-com-news-title .content .level-item.title a:active, .qedge-com-news-title .content .level-item.title .link:hover, .qedge-com-news-title .content .level-item.title .link:focus, .qedge-com-news-title .content .level-item.title .link:active { color: #666 } .qedge-com-news-title .content .subtitle { color: #666; font-size: 16px; text-align: left; line-height: 28px } .qedge-com-news-title .content .subTitle { font-family: PingFangSC-Regular, source-han-sans-simplified-c, sans-serif; font-size: 20px; font-weight: 400; color: #000; letter-spacing: 0; line-height: 34px } .qedge-com-news-title .content .subtitle-unfinished { font-size: 12px; color: #666; text-align: left } .qedge-com-news-title .content .subtitle-staff-presence { font-size: 20px; color: #000; letter-spacing: 0; line-height: 34px; margin-top: 60px } .qedge-com-news-title .content .title { font-size: 40px; margin-bottom: 0px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .qedge-com-news-title .content .title h1, .qedge-com-news-title .content .title h2, .qedge-com-news-title .content .title h3, .qedge-com-news-title .content .title h4, .qedge-com-news-title .content .title h5, .qedge-com-news-title .content .title h6, .qedge-com-news-title .content .title p, .qedge-com-news-title .content .title em, .qedge-com-news-title .content .title i, .qedge-com-news-title .content .title b, .qedge-com-news-title .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-title .content .title .level-item-title { padding-bottom: 60px } .qedge-com-news-title .content .title .level-item-title.decrease-space { padding-bottom: 20px } .qedge-com-news-title .content .title .level-item-subtitle { font-size: 20px; color: #000; letter-spacing: 0; line-height: 34px; font-weight: 400; width: 80% } .qedge-com-news-title .content .slash { width: 14px; height: 55px } @-webkit-keyframes hover-in { from { -webkit-transform: translateX(0px); transform: translateX(0px) } to { -webkit-transform: translateX(5px); transform: translateX(5px) } } @keyframes hover-in { from { -webkit-transform: translateX(0px); transform: translateX(0px) } to { -webkit-transform: translateX(5px); transform: translateX(5px) } } @-webkit-keyframes hover-out { from { -webkit-transform: translateX(5px); transform: translateX(5px) } to { -webkit-transform: translateX(0px); transform: translateX(0px) } } @keyframes hover-out { from { -webkit-transform: translateX(5px); transform: translateX(5px) } to { -webkit-transform: translateX(0px); transform: translateX(0px) } } .qedge-com-news-title .content .event-item, .qedge-com-news-title .content .spacing { -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 8px; font-size: 16px; color: #000; height: 27px } .qedge-com-news-title .content .event-item a span, .qedge-com-news-title .content .spacing a span { margin-left: 12px } .qedge-com-news-title .content .event-item a:hover, .qedge-com-news-title .content .spacing a:hover, .qedge-com-news-title .content .event-item a:focus, .qedge-com-news-title .content .spacing a:focus, .qedge-com-news-title .content .event-item a:active, .qedge-com-news-title .content .spacing a:active { color: #666 } .qedge-com-news-title .content .event-item .ti-angle-right, .qedge-com-news-title .content .spacing .ti-angle-right { display: inline-block; font-size: 15px; color: #666 } .qedge-com-news-title .content .event-item .ti-angle-right.hover-in, .qedge-com-news-title .content .spacing .ti-angle-right.hover-in { -webkit-animation: hover-in .2s linear 0s 1 normal; animation: hover-in .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .qedge-com-news-title .content .event-item .ti-angle-right.hover-out, .qedge-com-news-title .content .spacing .ti-angle-right.hover-out { -webkit-animation: hover-out .2s linear 0s 1 normal; animation: hover-out .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .qedge-com-news-title .content .spacing { letter-spacing: 8px; margin-right: 15px } .qedge-com-news-title .level .level-left { max-width: 100% } .qedge-com-news-title .level .level-left .level-item.title { max-width: 100% } @media screen and (max-width: 1024px) { .qedge-com-news-title.hasMargin { margin-left: 0px; margin-top: 0 } .qedge-com-news-title .content { font-weight: 600; margin-top: 0px; margin-bottom: 32px } .qedge-com-news-title .content .level-left { display: block; width: auto; max-width: 100% } .qedge-com-news-title .content .title { display: block; font-size: 24px; line-height: 34px; margin-top: 0px } .qedge-com-news-title .content .title .level-item-title { padding-bottom: 30px } .qedge-com-news-title .content .title .level-item-subtitle { width: auto; font-size: 14px; line-height: 24px } .qedge-com-news-title .content .subTitle { font-size: 16px } .qedge-com-news-title .content .slash, .qedge-com-news-title .content .spacing, .qedge-com-news-title .content .more-text { display: none } .qedge-com-news-title .content .event-item, .qedge-com-news-title .content .spacing { vertical-align: top; margin-bottom: 2px } .qedge-com-news-title .content .event-item .more-text, .qedge-com-news-title .content .spacing .more-text { display: none } .qedge-com-news-title .content .event-item .ti-angle-right, .qedge-com-news-title .content .spacing .ti-angle-right { font-size: 12px } .qedge-com-news-title .content .subtitle-staff-presence { font-size: 14px; color: #000; font-weight: normal } .qedge-com-news-title .no-margin { margin-bottom: 0 } .for-investor .qedge-com-news-title .content .level.is-mobile { display: -webkit-box; display: -ms-flexbox; display: flex } .for-investor .qedge-com-news-title .content .level.is-mobile .level-right { margin-bottom: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-news-title-no-more .content { margin-top: 40px; margin-bottom: 40px } .qedge-com-news-title-no-more .content .title { font-size: 40px; margin-bottom: 0px } .qedge-com-news-title-no-more .content .title h1, .qedge-com-news-title-no-more .content .title h2, .qedge-com-news-title-no-more .content .title h3, .qedge-com-news-title-no-more .content .title h4, .qedge-com-news-title-no-more .content .title h5, .qedge-com-news-title-no-more .content .title h6, .qedge-com-news-title-no-more .content .title p, .qedge-com-news-title-no-more .content .title em, .qedge-com-news-title-no-more .content .title i, .qedge-com-news-title-no-more .content .title b, .qedge-com-news-title-no-more .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } @media screen and (max-width: 1024px) { .qedge-com-news-title-no-more .content { margin-top: 0px; margin-bottom: 0 } .qedge-com-news-title-no-more .content .title { font-size: 24px; line-height: 34px; font-weight: 600 } .qedge-com-news-title-no-more .container .content .level .level-left { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap } .qedge-com-news-title-no-more .container .content .level .level-left .title { width: 100%; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-news-center-title-no-more .content { margin-top: 25px; padding-bottom: 55px } .qedge-com-news-center-title-no-more .content .title { font-size: 40px; margin-bottom: 0px } .qedge-com-news-center-title-no-more .content .title h1, .qedge-com-news-center-title-no-more .content .title h2, .qedge-com-news-center-title-no-more .content .title h3, .qedge-com-news-center-title-no-more .content .title h4, .qedge-com-news-center-title-no-more .content .title h5, .qedge-com-news-center-title-no-more .content .title h6, .qedge-com-news-center-title-no-more .content .title p, .qedge-com-news-center-title-no-more .content .title em, .qedge-com-news-center-title-no-more .content .title i, .qedge-com-news-center-title-no-more .content .title b, .qedge-com-news-center-title-no-more .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-center-title-no-more .content .title a { color: #000 } .qedge-com-news-center-title-no-more .content .title a:hover, .qedge-com-news-center-title-no-more .content .title a:focus, .qedge-com-news-center-title-no-more .content .title a:active, .qedge-com-news-center-title-no-more .content .title .link:hover, .qedge-com-news-center-title-no-more .content .title .link:focus, .qedge-com-news-center-title-no-more .content .title .link:active { color: #666 } .qedge-com-news-center-title-no-more .content .dropdown { -webkit-transition: all linear 3s; transition: all linear 3s } .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); font-size: 24px; color: #000; padding-left: 0; font-style: normal; font-weight: 500; padding-right: 4px } .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button h1, .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button h2, .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button h3, .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button h4, .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button h5, .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button h6, .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button p, .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button em, .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button i, .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button b, .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button:hover, .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button:focus, .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button:active { border: 1px solid rgba(0, 0, 0, 0); -webkit-box-shadow: none; box-shadow: none } .qedge-com-news-center-title-no-more .content .dropdown .dropdown-menu { z-index: 100; width: 247px; min-width: 100%; left: auto; right: 0 } .qedge-com-news-center-title-no-more .content .dropdown .dropdown-menu .dropdown-content { -webkit-transition: all linear 3s; transition: all linear 3s; border-radius: 1px; cursor: pointer; padding-bottom: 0; padding-top: 0; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .06); box-shadow: 0 0 15px rgba(0, 0, 0, .06) } .qedge-com-news-center-title-no-more .content .dropdown .dropdown-menu .dropdown-content .dropdown-item { height: 53px; text-align: center; padding-left: 0; padding-right: 30px; vertical-align: middle; font-size: 18px; color: #111; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: .5; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-news-center-title-no-more .content .dropdown .dropdown-menu .dropdown-content .dropdown-item.is-active { background-color: #efefef; opacity: 1 } .qedge-com-news-center-title-no-more .content .dropdown .dropdown-menu .dropdown-content .dropdown-item:hover, .qedge-com-news-center-title-no-more .content .dropdown .dropdown-menu .dropdown-content .dropdown-item:focus, .qedge-com-news-center-title-no-more .content .dropdown .dropdown-menu .dropdown-content .dropdown-item:active { background-color: #efefef } .qedge-com-news-center-title-no-more .content .dropdown.is-active i.ti-angle-down { -webkit-transform: rotate(180deg); transform: rotate(180deg) } @keyframes hover-in { from { -webkit-transform: translateX(0px); transform: translateX(0px) } to { -webkit-transform: translateX(5px); transform: translateX(5px) } } @keyframes hover-out { from { -webkit-transform: translateX(5px); transform: translateX(5px) } to { -webkit-transform: translateX(0px); transform: translateX(0px) } } .qedge-com-news-center-title-no-more .content .event-item, .qedge-com-news-center-title-no-more .qedge-com-news-title .content .spacing, .qedge-com-news-title .qedge-com-news-center-title-no-more .content .spacing { -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 8px; font-size: 16px; color: #000; height: 27px } .qedge-com-news-center-title-no-more .content .event-item a span, .qedge-com-news-center-title-no-more .qedge-com-news-title .content .spacing a span, .qedge-com-news-title .qedge-com-news-center-title-no-more .content .spacing a span { margin-left: 12px } .qedge-com-news-center-title-no-more .content .event-item a:hover, .qedge-com-news-center-title-no-more .qedge-com-news-title .content .spacing a:hover, .qedge-com-news-title .qedge-com-news-center-title-no-more .content .spacing a:hover, .qedge-com-news-center-title-no-more .content .event-item a:focus, .qedge-com-news-center-title-no-more .qedge-com-news-title .content .spacing a:focus, .qedge-com-news-title .qedge-com-news-center-title-no-more .content .spacing a:focus, .qedge-com-news-center-title-no-more .content .event-item a:active, .qedge-com-news-center-title-no-more .qedge-com-news-title .content .spacing a:active, .qedge-com-news-title .qedge-com-news-center-title-no-more .content .spacing a:active { color: #666 } .qedge-com-news-center-title-no-more .content .event-item .ti-angle-right, .qedge-com-news-center-title-no-more .qedge-com-news-title .content .spacing .ti-angle-right, .qedge-com-news-title .qedge-com-news-center-title-no-more .content .spacing .ti-angle-right { display: inline-block; font-size: 15px; color: #666 } .qedge-com-news-center-title-no-more .content .event-item .ti-angle-right.hover-in, .qedge-com-news-center-title-no-more .qedge-com-news-title .content .spacing .ti-angle-right.hover-in, .qedge-com-news-title .qedge-com-news-center-title-no-more .content .spacing .ti-angle-right.hover-in { -webkit-animation: hover-in .2s linear 0s 1 normal; animation: hover-in .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .qedge-com-news-center-title-no-more .content .event-item .ti-angle-right.hover-out, .qedge-com-news-center-title-no-more .qedge-com-news-title .content .spacing .ti-angle-right.hover-out, .qedge-com-news-title .qedge-com-news-center-title-no-more .content .spacing .ti-angle-right.hover-out { -webkit-animation: hover-out .2s linear 0s 1 normal; animation: hover-out .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } @media screen and (max-width: 1024px) { .qedge-com-news-center-title-no-more .content { margin-top: 0; border-bottom: 0; padding-bottom: 0 } .qedge-com-news-center-title-no-more .content .title { font-size: 24px; line-height: 34px } .qedge-com-news-center-title-no-more .content .dropdown .dropdown-trigger .button { font-size: 20px } .qedge-com-news-center-title-no-more .content .more-text { display: none } .qedge-com-news-center-title-no-more .content .event-item, .qedge-com-news-center-title-no-more .qedge-com-news-title .content .spacing, .qedge-com-news-title .qedge-com-news-center-title-no-more .content .spacing { margin-bottom: 0 } .qedge-com-news-center-title-no-more .content .level { max-width: 100% } .qedge-com-news-center-title-no-more .content .level .level-left { max-width: 100% } .qedge-com-news-center-title-no-more .content .level .level-left .level-item.title { max-width: 100% } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-activity-item { background-color: #fff; display: block; position: relative } .qedge-com-activity-item .qedge-com-motional-bg-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 5; opacity: 0; -webkit-transition: all linear .1s; transition: all linear .1s } .qedge-com-activity-item>.container>.content { position: relative; z-index: 20 } .qedge-com-activity-item>.container>.content .content-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-bottom: 1px solid #d7d7d7; margin: 0 auto; padding: 70px 0; color: #666; font-size: 16px } .qedge-com-activity-item>.container>.content .content-card .title { font-size: 24px; margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1 } .qedge-com-activity-item>.container>.content .content-card .title h1, .qedge-com-activity-item>.container>.content .content-card .title h2, .qedge-com-activity-item>.container>.content .content-card .title h3, .qedge-com-activity-item>.container>.content .content-card .title h4, .qedge-com-activity-item>.container>.content .content-card .title h5, .qedge-com-activity-item>.container>.content .content-card .title h6, .qedge-com-activity-item>.container>.content .content-card .title p, .qedge-com-activity-item>.container>.content .content-card .title em, .qedge-com-activity-item>.container>.content .content-card .title i, .qedge-com-activity-item>.container>.content .content-card .title b, .qedge-com-activity-item>.container>.content .content-card .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-activity-item>.container>.content .content-card .left-side { width: 23% } .qedge-com-activity-item>.container>.content .content-card .right-side { width: 77%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-activity-item>.container>.content .content-card .right-side .left-side-mobile { display: none } .qedge-com-activity-item>.container>.content .content-card .right-side .header .prediction { padding: 3px 3px 2px 4px; background-color: #000; font-size: 12px; color: #fff; margin-right: 8px; text-align: center } .qedge-com-activity-item>.container>.content .content-card .right-side .header .prediction .span { vertical-align: middle } .qedge-com-activity-item>.container>.content .content-card .right-side .content-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .qedge-com-activity-item>.container>.content .content-card .right-side .content-item .more-links { width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .for-home-page .qedge-com-activity-item>.container>.content .content-card .right-side .content-item { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 84px } .for-home-page .qedge-com-activity-item>.container>.content .content-card { width: 100% } .qedge-com-activity-item>.container>.content.no-global-padding { padding-top: 0 } .qedge-com-activity-item>.container>.content.no-global-padding .qedge-com-media-item { cursor: pointer } .qedge-com-activity-item .qedge-com-news-title.hasMargin .content { margin-top: 0 } .qedge-com-activity-item:hover, .qedge-com-activity-item:focus, .qedge-com-activity-item:active { z-index: 25 } .qedge-com-activity-item:hover .qedge-com-motional-bg-image, .qedge-com-activity-item:focus .qedge-com-motional-bg-image, .qedge-com-activity-item:active .qedge-com-motional-bg-image { opacity: 1; -webkit-transition: all linear .3s; transition: all linear .3s } .qedge-com-activity-item:hover .qedge-com-motional-bg-image .image-replacer, .qedge-com-activity-item:focus .qedge-com-motional-bg-image .image-replacer, .qedge-com-activity-item:active .qedge-com-motional-bg-image .image-replacer { top: 0 } .qedge-com-activity-item:hover::before, .qedge-com-activity-item:focus::before, .qedge-com-activity-item:active::before { background-color: #fff; content: " "; display: block; height: 1px; left: 0; width: 100%; top: -1px; position: absolute; z-index: 20 } .qedge-com-activity-item:last-child { margin-bottom: 70px } @media screen and (max-width: 1024px) { .qedge-com-activity-item>.container>.content .content-card { width: 100%; font-size: 14px; line-height: 24px; padding: 32px 0 } .qedge-com-activity-item>.container>.content .content-card .title { font-size: 16px; line-height: 26px; margin-bottom: 16px } .qedge-com-activity-item>.container>.content .content-card .left-side { width: 30%; display: none } .qedge-com-activity-item>.container>.content .content-card .right-side { width: 100%; padding: 0 5% 0 0 } .qedge-com-activity-item>.container>.content .content-card .right-side .left-side-mobile { width: 40vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 12px; margin-bottom: 16px } .qedge-com-activity-item>.container>.content .content-card .right-side .left-side-mobile .title { font-weight: normal; font-size: 12px } .qedge-com-activity-item>.container>.content .content-card .right-side .content-item .main-content { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 } .qedge-com-activity-item>.container>.content .content-card .right-side .content-item .more-links { width: 0px; display: none } .qedge-com-activity-item:hover::before, .qedge-com-activity-item:focus::before, .qedge-com-activity-item:active::before { top: 0; display: none } .qedge-com-activity-item:nth-child(2)>.container>.content .content-card { padding-top: 0 } .qedge-com-activity-item:last-child { margin-bottom: 32px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-event-item { background-color: #fff; display: block; position: relative; cursor: default } .qedge-com-event-item:hover, .qedge-com-event-item:focus, .qedge-com-event-item:active { cursor: default } .qedge-com-event-item .qedge-com-motional-bg-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 5; opacity: 0; -webkit-transition: all linear .3s; transition: all linear .3s } .qedge-com-event-item>.container>.content { position: relative; z-index: 20 } .qedge-com-event-item>.container>.content .content-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-bottom: 1px solid #d7d7d7; margin: 0 auto; padding: 70px 0; width: 100%; color: #666; font-size: 16px } .qedge-com-event-item>.container>.content .content-card .title:not(p) { font-size: 24px; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1 } .qedge-com-event-item>.container>.content .content-card .title:not(p) h1, .qedge-com-event-item>.container>.content .content-card .title:not(p) h2, .qedge-com-event-item>.container>.content .content-card .title:not(p) h3, .qedge-com-event-item>.container>.content .content-card .title:not(p) h4, .qedge-com-event-item>.container>.content .content-card .title:not(p) h5, .qedge-com-event-item>.container>.content .content-card .title:not(p) h6, .qedge-com-event-item>.container>.content .content-card .title:not(p) p, .qedge-com-event-item>.container>.content .content-card .title:not(p) em, .qedge-com-event-item>.container>.content .content-card .title:not(p) i, .qedge-com-event-item>.container>.content .content-card .title:not(p) b, .qedge-com-event-item>.container>.content .content-card .title:not(p) address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-event-item>.container>.content .content-card .left-side { width: 23% } .qedge-com-event-item>.container>.content .content-card .right-side { width: 77%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-event-item>.container>.content .content-card .right-side .left-side-mobile { display: none } .qedge-com-event-item>.container>.content .content-card .right-side .header .prediction { display: inline; padding: 3px 4px 3px 4px; background-color: #000; font-size: 12px; color: #fff; margin-right: 17px; text-align: center; vertical-align: middle } .qedge-com-event-item>.container>.content .content-card .right-side .header .prediction .span { vertical-align: middle } .qedge-com-event-item>.container>.content .content-card .right-side .content-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: justify } .qedge-com-event-item>.container>.content .content-card .right-side .content-item .more-links { width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-event-item>.container>.content .content-card .right-side .content-item .more-links .read-more { width: 0; display: none } .qedge-com-event-item+.qedge-com-event-item>.container>.content .content-card { border-bottom: 1px solid #d7d7d7 } .qedge-com-event-item:last-child { margin-bottom: 20px } @media screen and (max-width: 1024px) { .qedge-com-event-item>.container>.content .content-card { width: 100%; font-size: 14px; line-height: 24px; padding: 32px 0 } .qedge-com-event-item>.container>.content .content-card .left-side { font-size: 14px; line-height: 24px } .qedge-com-event-item>.container>.content .content-card .left-side .title { font-size: 16px; line-height: 26px; margin-bottom: 16px } .qedge-com-event-item>.container>.content .content-card .left-side { width: 30%; display: none } .qedge-com-event-item>.container>.content .content-card .right-side { width: 100% } .qedge-com-event-item>.container>.content .content-card .right-side .left-side-mobile { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; margin-bottom: 16px } .qedge-com-event-item>.container>.content .content-card .right-side .left-side-mobile .title { font-weight: normal; font-size: 12px; padding-right: 5px; min-width: 72px } .qedge-com-event-item>.container>.content .content-card .right-side .left-side-mobile p:not(.title) { padding-left: 15px } .qedge-com-event-item>.container>.content .content-card .right-side .title { font-size: 16px; line-height: 26px; padding: 0 4% 0 0; margin-bottom: 8px } .qedge-com-event-item>.container>.content .content-card .right-side .title .prediction { margin-right: 8px } .qedge-com-event-item>.container>.content .content-card .right-side .content-item { display: block; width: 100%; padding: 0 4% 0 0 } .qedge-com-event-item>.container>.content .content-card .right-side .content-item .main-content { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 } .qedge-com-event-item>.container>.content .content-card .right-side .content-item .more-links { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-event-item>.container>.content .content-card .right-side .content-item .more-links .read-more { width: 100%; display: inline; padding-top: 16px; font-size: 12px; line-height: 22px } .qedge-com-event-item>.container>.content .content-card .right-side .content-item .more-links .link { width: 0; display: none } .qedge-com-event-item:last-child { margin-bottom: 32px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-news-card-item { height: 100% } .qedge-com-news-card-item .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100% } .qedge-com-news-card-item .content .qedge-com-motional-image .content { width: 540px; height: 304px; margin-bottom: 45px; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-news-card-item .content .qedge-com-motional-image .content img { width: 100%; height: auto; max-height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover;object-position: center;" } .qedge-com-news-card-item .content .flags { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: -20px; margin-bottom: 20px } .qedge-com-news-card-item .content .flags .flag { background: #ccc; border-radius: 0 0 0 .4px; font-style: normal; font-weight: 700; font-size: 12px; color: #fff; letter-spacing: 0; text-align: center; margin-right: 10px; line-height: 17px; padding: 4px 5px 2px; -webkit-transition: all linear .2s; transition: all linear .2s } .qedge-com-news-card-item .content .flags .flag h1, .qedge-com-news-card-item .content .flags .flag h2, .qedge-com-news-card-item .content .flags .flag h3, .qedge-com-news-card-item .content .flags .flag h4, .qedge-com-news-card-item .content .flags .flag h5, .qedge-com-news-card-item .content .flags .flag h6, .qedge-com-news-card-item .content .flags .flag p, .qedge-com-news-card-item .content .flags .flag em, .qedge-com-news-card-item .content .flags .flag i, .qedge-com-news-card-item .content .flags .flag b, .qedge-com-news-card-item .content .flags .flag address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-card-item .content .flags .flag:hover, .qedge-com-news-card-item .content .flags .flag:active, .qedge-com-news-card-item .content .flags .flag:focus { background: #000 } .qedge-com-news-card-item .content .flags .flag a { color: #fff } .qedge-com-news-card-item .content>div { width: 100% } .qedge-com-news-card-item .content .basic-card .card-heading { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .qedge-com-news-card-item .content .basic-card .card-heading .title { color: #000; font-size: 24px; margin-bottom: 26px; text-align: left; line-height: 36px } .qedge-com-news-card-item .content .basic-card .card-heading .title h1, .qedge-com-news-card-item .content .basic-card .card-heading .title h2, .qedge-com-news-card-item .content .basic-card .card-heading .title h3, .qedge-com-news-card-item .content .basic-card .card-heading .title h4, .qedge-com-news-card-item .content .basic-card .card-heading .title h5, .qedge-com-news-card-item .content .basic-card .card-heading .title h6, .qedge-com-news-card-item .content .basic-card .card-heading .title p, .qedge-com-news-card-item .content .basic-card .card-heading .title em, .qedge-com-news-card-item .content .basic-card .card-heading .title i, .qedge-com-news-card-item .content .basic-card .card-heading .title b, .qedge-com-news-card-item .content .basic-card .card-heading .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-card-item .content .basic-card .card-content { width: 100%; font-size: 16px; font-weight: normal; padding: 0px; color: #666; text-align: left; text-overflow: ellipsis } .qedge-com-news-card-item .content .basic-card .card-content h1, .qedge-com-news-card-item .content .basic-card .card-content h2, .qedge-com-news-card-item .content .basic-card .card-content h3, .qedge-com-news-card-item .content .basic-card .card-content h4, .qedge-com-news-card-item .content .basic-card .card-content h5, .qedge-com-news-card-item .content .basic-card .card-content h6, .qedge-com-news-card-item .content .basic-card .card-content p, .qedge-com-news-card-item .content .basic-card .card-content em, .qedge-com-news-card-item .content .basic-card .card-content i, .qedge-com-news-card-item .content .basic-card .card-content b, .qedge-com-news-card-item .content .basic-card .card-content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } @media screen and (max-width: 1024px) { .qedge-com-news-card-item .content .qedge-com-motional-image { height: 163px; margin-bottom: 20px } .qedge-com-news-card-item .content .qedge-com-motional-image .content { width: 100%; height: 100%; margin-bottom: 20px } .qedge-com-news-card-item .content .qedge-com-motional-image .content img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-news-card-item .content .basic-card .card-heading .title { color: #000; font-size: 16px; line-height: 26px; margin-bottom: 10px } .qedge-com-news-card-item .content .basic-card .card-heading .title h1, .qedge-com-news-card-item .content .basic-card .card-heading .title h2, .qedge-com-news-card-item .content .basic-card .card-heading .title h3, .qedge-com-news-card-item .content .basic-card .card-heading .title h4, .qedge-com-news-card-item .content .basic-card .card-heading .title h5, .qedge-com-news-card-item .content .basic-card .card-heading .title h6, .qedge-com-news-card-item .content .basic-card .card-heading .title p, .qedge-com-news-card-item .content .basic-card .card-heading .title em, .qedge-com-news-card-item .content .basic-card .card-heading .title i, .qedge-com-news-card-item .content .basic-card .card-heading .title b, .qedge-com-news-card-item .content .basic-card .card-heading .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-card-item .content .basic-card .card-content { width: 92.8%; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 8em; overflow: hidden; font-size: 14px; line-height: 24px } .qedge-com-news-card-item .content .basic-card .card-content h1, .qedge-com-news-card-item .content .basic-card .card-content h2, .qedge-com-news-card-item .content .basic-card .card-content h3, .qedge-com-news-card-item .content .basic-card .card-content h4, .qedge-com-news-card-item .content .basic-card .card-content h5, .qedge-com-news-card-item .content .basic-card .card-content h6, .qedge-com-news-card-item .content .basic-card .card-content p, .qedge-com-news-card-item .content .basic-card .card-content em, .qedge-com-news-card-item .content .basic-card .card-content i, .qedge-com-news-card-item .content .basic-card .card-content b, .qedge-com-news-card-item .content .basic-card .card-content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-card-item .content .flags { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px } .qedge-com-news-card-item .content .flags .flag { float: left } .qedge-com-news-card-item .content .flags-pc { display: none } .qedge-com-news-card-item .content .flags-mobile { display: inline-block } .no-ellipsis .qedge-com-section>.container>.content { padding-bottom: 0 } .no-ellipsis .qedge-com-slider .content .basic-card .card-content { display: block; max-height: initial } .for-investor .qedge-com-slider.type-peek .content .basic-list { width: 90% } .for-investor .qedge-com-slider .qedge-com-news-card-item .content .basic-card .card-content.for-2lines { -webkit-line-clamp: 2; margin-bottom: 20px } .for-investor .qedge-com-slider .qedge-com-news-card-item .content .basic-card .card-footer { border-top: 0; font-size: 12px } .for-investor .qedge-com-slider.has-split-line.type-peek .content .basic-list .slick-list .slick-track .slick-slide { padding-right: 30px; border-right: 1px solid; margin-left: 10px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-more-info .container .content { color: #666; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 60px 0 140px } @media screen and (max-width: 1024px) { .qedge-com-more-info>.container>.content { padding: 45px 0; font-size: 12px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-event-image-title { position: relative } .qedge-com-event-image-title .container { max-width: 1160px } .qedge-com-event-image-title>.container>.content, .qedge-com-event-image-title>.content { padding: 30px 25px 70px 25px } .qedge-com-event-image-title>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-event-image-title>.content.no-global-padding>.container>.content, .qedge-com-event-image-title>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-event-image-title>.qedge-com-motional-bg-image { position: absolute; top: 60px; right: calc((100% - 1110px)/2 + 285px); left: 0; overflow: hidden; opacity: 1; z-index: -1; bottom: 170px; height: auto } .qedge-com-event-image-title>.container>.content { padding-top: 0; padding-bottom: 10px } .qedge-com-event-image-title>.container>.content .qedge-com-pure-image { height: 560px } .qedge-com-event-image-title>.container>.content .qedge-com-pure-image .content { height: 100% } .qedge-com-event-image-title>.container>.content .qedge-com-pure-image .content img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-event-image-title>.container>.content .content-title { position: relative; padding: 45px 0; z-index: 20; line-height: 16px } .qedge-com-event-image-title>.container>.content .content-title .title { font-size: 24px; color: #fff } .qedge-com-event-image-title>.container>.content .content-title .title h1, .qedge-com-event-image-title>.container>.content .content-title .title h2, .qedge-com-event-image-title>.container>.content .content-title .title h3, .qedge-com-event-image-title>.container>.content .content-title .title h4, .qedge-com-event-image-title>.container>.content .content-title .title h5, .qedge-com-event-image-title>.container>.content .content-title .title h6, .qedge-com-event-image-title>.container>.content .content-title .title p, .qedge-com-event-image-title>.container>.content .content-title .title em, .qedge-com-event-image-title>.container>.content .content-title .title i, .qedge-com-event-image-title>.container>.content .content-title .title b, .qedge-com-event-image-title>.container>.content .content-title .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-event-image-title>.container>.content .content-title .subtitle { font-size: 16px; margin-top: -8px; color: #fff } .qedge-com-event-image-title>.container>.content .content-title .subtitle h1, .qedge-com-event-image-title>.container>.content .content-title .subtitle h2, .qedge-com-event-image-title>.container>.content .content-title .subtitle h3, .qedge-com-event-image-title>.container>.content .content-title .subtitle h4, .qedge-com-event-image-title>.container>.content .content-title .subtitle h5, .qedge-com-event-image-title>.container>.content .content-title .subtitle h6, .qedge-com-event-image-title>.container>.content .content-title .subtitle p, .qedge-com-event-image-title>.container>.content .content-title .subtitle em, .qedge-com-event-image-title>.container>.content .content-title .subtitle i, .qedge-com-event-image-title>.container>.content .content-title .subtitle b, .qedge-com-event-image-title>.container>.content .content-title .subtitle address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-event-image-title>.container>.content .content-title .subtitle strong { display: block; color: #fff; padding-top: 15px; padding-left: 8px } .qedge-com-event-image-title>.container>.content .content-title .subtitle strong a { color: #fff } @media screen and (max-width: 1024px) { .qedge-com-event-image-title>.container>.content, .qedge-com-event-image-title>.content { padding: 32px 20px 48px 20px } .qedge-com-event-image-title>.qedge-com-motional-bg-image { display: none } .qedge-com-event-image-title>.container>.content .qedge-com-pure-image { height: auto } .qedge-com-event-image-title>.container>.content .qedge-com-pure-image img { height: auto } .qedge-com-event-image-title>.container>.content .content-title { padding: 0 0 24px } .qedge-com-event-image-title>.container>.content .content-title .title { font-size: 24px; line-height: 34px; font-family: PingFangSC-Semibold, source-han-sans-simplified-c, sans-serif; color: #000; margin-bottom: 8px } .qedge-com-event-image-title>.container>.content .content-title .subtitle { margin-top: 0px; font-size: 12px; line-height: 22px; color: #000 } .qedge-com-event-image-title>.container>.content .content-title .subtitle strong { font-family: PingFangSC-Semibold, source-han-sans-simplified-c, sans-serif; display: inline; color: #000; padding-top: 0px; padding-left: 8px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-event-agenda-item>.content .content-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0px 100px } .qedge-com-event-agenda-item>.content .content-card .flag { font-size: 20px; line-height: 1; position: relative; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-event-agenda-item>.content .content-card .flag .flag-line { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .qedge-com-event-agenda-item>.content .content-card .flag .flag-line::after { content: " "; position: absolute; height: 1px; bottom: 50%; right: 0; left: 0; background-color: rgba(151, 151, 151, .5); margin-left: 20px } .qedge-com-event-agenda-item>.content .content-card .content-body { padding: 20px 0 60px 100px; font-size: 20px; font-weight: bold; line-height: 29px } .qedge-com-event-agenda-item:last-child .content .content-card .content-body { padding-bottom: 0 } @media screen and (max-width: 1024px) { .qedge-com-event-agenda-item>.content .content-card { padding: 0 } .qedge-com-event-agenda-item>.content .content-card .flag { font-size: 14px; line-height: 24px } .qedge-com-event-agenda-item>.content .content-card .flag .flag-line::after { margin-left: 12px } .qedge-com-event-agenda-item>.content .content-card .content-body { font-size: 14px; line-height: 24px; font-family: PingFangSC-Medium, source-han-sans-simplified-c, sans-serif; padding: 0px 0 20px 50px; font-weight: bold; padding-left: 60px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-news-image-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; height: 100%; margin-bottom: 70px } .qedge-com-news-image-title>div { width: 100% } .qedge-com-news-image-title .content { height: 100%; position: relative } .qedge-com-news-image-title .content .qedge-com-motional-image { height: 750px; position: relative; z-index: 20 } .qedge-com-news-image-title .content .qedge-com-motional-image .content img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover;object-position: center;" } .qedge-com-news-image-title .content .basic-card { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(100%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.2) 100%, rgba(0, 0, 0, 0) 100%); color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 30 } .qedge-com-news-image-title .content .basic-card .container { max-width: 1160px } .qedge-com-news-image-title .content .basic-card .container .content { padding: 55px 0px 45px 25px } .qedge-com-news-image-title .content .basic-card .container .content .left-section { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 100 } .qedge-com-news-image-title .content .basic-card .container .content .left-section h1, .qedge-com-news-image-title .content .basic-card .container .content .left-section h2, .qedge-com-news-image-title .content .basic-card .container .content .left-section h3, .qedge-com-news-image-title .content .basic-card .container .content .left-section h4, .qedge-com-news-image-title .content .basic-card .container .content .left-section h5, .qedge-com-news-image-title .content .basic-card .container .content .left-section h6, .qedge-com-news-image-title .content .basic-card .container .content .left-section p, .qedge-com-news-image-title .content .basic-card .container .content .left-section em, .qedge-com-news-image-title .content .basic-card .container .content .left-section i, .qedge-com-news-image-title .content .basic-card .container .content .left-section b, .qedge-com-news-image-title .content .basic-card .container .content .left-section address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-image-title .content .basic-card .container .content .left-section .pre-title { width: 50%; font-weight: normal } .qedge-com-news-image-title .content .basic-card .container .content .right-section { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px } .qedge-com-news-image-title .content .basic-card .container .content .right-section h1, .qedge-com-news-image-title .content .basic-card .container .content .right-section h2, .qedge-com-news-image-title .content .basic-card .container .content .right-section h3, .qedge-com-news-image-title .content .basic-card .container .content .right-section h4, .qedge-com-news-image-title .content .basic-card .container .content .right-section h5, .qedge-com-news-image-title .content .basic-card .container .content .right-section h6, .qedge-com-news-image-title .content .basic-card .container .content .right-section p, .qedge-com-news-image-title .content .basic-card .container .content .right-section em, .qedge-com-news-image-title .content .basic-card .container .content .right-section i, .qedge-com-news-image-title .content .basic-card .container .content .right-section b, .qedge-com-news-image-title .content .basic-card .container .content .right-section address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-image-title .content .basic-card .container .content .right-section .title { width: 50%; font-size: 40px; line-height: 1.5; color: #fff } .qedge-com-news-image-title .content .basic-card .container .content .right-section .sub-title { padding-top: 8px; padding-left: 55px; padding-right: 15px; color: #fff; width: 50%; line-height: 1.8; font-size: 16px; font-weight: 100 } .qedge-com-news-image-title .content .basic-card .container .content .mobile-only { display: none } .qedge-com-news-image-title .content .bg-mask-black { display: none } @media screen and (max-width: 1024px) { .qedge-com-news-image-title { margin-bottom: 0 } .qedge-com-news-image-title .content .qedge-com-motional-image { height: 200px; margin-top: 0 } .qedge-com-news-image-title .content .qedge-com-motional-image img { height: 100% } .qedge-com-news-image-title .content .basic-card { background: none; height: 48% } .qedge-com-news-image-title .content .basic-card .container .content { padding: 0px 0px 0px 25px } .qedge-com-news-image-title .content .basic-card .container .content .left-section { display: none } .qedge-com-news-image-title .content .basic-card .container .content .right-section { margin-top: 1% } .qedge-com-news-image-title .content .basic-card .container .content .right-section .title { width: 100%; letter-spacing: 0; font-size: 16px; line-height: 26px; color: #fff; margin-bottom: 3px } .qedge-com-news-image-title .content .basic-card .container .content .right-section .sub-title { display: none } .qedge-com-news-image-title .content .basic-card .container .content .mobile-only { letter-spacing: 0; font-size: 12px; line-height: 22px; font-weight: 100; display: block } .qedge-com-news-image-title .content .bg-mask-black { display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); top: 0; z-index: 25 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes hover-in { from { -webkit-transform: translateX(0px); transform: translateX(0px) } to { -webkit-transform: translateX(5px); transform: translateX(5px) } } @keyframes hover-out { from { -webkit-transform: translateX(5px); transform: translateX(5px) } to { -webkit-transform: translateX(0px); transform: translateX(0px) } } .qedge-com-media-title .content { margin-top: 0; margin-bottom: 10px } .qedge-com-media-title .content .title { font-size: 40px; margin-bottom: 0px } .qedge-com-media-title .content .title h1, .qedge-com-media-title .content .title h2, .qedge-com-media-title .content .title h3, .qedge-com-media-title .content .title h4, .qedge-com-media-title .content .title h5, .qedge-com-media-title .content .title h6, .qedge-com-media-title .content .title p, .qedge-com-media-title .content .title em, .qedge-com-media-title .content .title i, .qedge-com-media-title .content .title b, .qedge-com-media-title .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-media-title .content .event-item, .qedge-com-media-title .qedge-com-news-title .content .spacing, .qedge-com-news-title .qedge-com-media-title .content .spacing { -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 0px; font-size: 16px; color: #000; height: 27px } .qedge-com-media-title .content .event-item a span, .qedge-com-media-title .qedge-com-news-title .content .spacing a span, .qedge-com-news-title .qedge-com-media-title .content .spacing a span { margin-left: 12px } .qedge-com-media-title .content .event-item a:hover, .qedge-com-media-title .qedge-com-news-title .content .spacing a:hover, .qedge-com-news-title .qedge-com-media-title .content .spacing a:hover, .qedge-com-media-title .content .event-item a:focus, .qedge-com-media-title .qedge-com-news-title .content .spacing a:focus, .qedge-com-news-title .qedge-com-media-title .content .spacing a:focus, .qedge-com-media-title .content .event-item a:active, .qedge-com-media-title .qedge-com-news-title .content .spacing a:active, .qedge-com-news-title .qedge-com-media-title .content .spacing a:active { color: #666 } .qedge-com-media-title .content .event-item .ti-angle-right, .qedge-com-media-title .qedge-com-news-title .content .spacing .ti-angle-right, .qedge-com-news-title .qedge-com-media-title .content .spacing .ti-angle-right { display: inline-block; font-size: 15px; color: #666 } .qedge-com-media-title .content .event-item .ti-angle-right.hover-in, .qedge-com-media-title .qedge-com-news-title .content .spacing .ti-angle-right.hover-in, .qedge-com-news-title .qedge-com-media-title .content .spacing .ti-angle-right.hover-in { -webkit-animation: hover-in .2s linear 0s 1 normal; animation: hover-in .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .qedge-com-media-title .content .event-item .ti-angle-right.hover-out, .qedge-com-media-title .qedge-com-news-title .content .spacing .ti-angle-right.hover-out, .qedge-com-news-title .qedge-com-media-title .content .spacing .ti-angle-right.hover-out { -webkit-animation: hover-out .2s linear 0s 1 normal; animation: hover-out .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } @media screen and (max-width: 1024px) { .qedge-com-media-title.hasMargin { margin-left: 7px } .qedge-com-media-title .content { margin-bottom: 0px } .qedge-com-media-title .content .title { font-size: 24px; line-height: 34px } .qedge-com-media-title .content .more-text { display: none } .qedge-com-media-title .content .event-item, .qedge-com-media-title .qedge-com-news-title .content .spacing, .qedge-com-news-title .qedge-com-media-title .content .spacing { -ms-flex-item-align: center; align-self: center; vertical-align: top } .qedge-com-media-title .content .event-item .more-text, .qedge-com-media-title .qedge-com-news-title .content .spacing .more-text, .qedge-com-news-title .qedge-com-media-title .content .spacing .more-text { display: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-media-item { background-color: #fff; display: block; position: relative } .qedge-com-media-item>.container>.content .content-card { border-bottom: 1px solid #d7d7d7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 60px 0; color: #666; font-size: 16px } .qedge-com-media-item>.container>.content .content-card .left-side-pc { font-size: 16px; color: #666; width: 23% } .qedge-com-media-item>.container>.content .content-card .left-side-pc h1, .qedge-com-media-item>.container>.content .content-card .left-side-pc h2, .qedge-com-media-item>.container>.content .content-card .left-side-pc h3, .qedge-com-media-item>.container>.content .content-card .left-side-pc h4, .qedge-com-media-item>.container>.content .content-card .left-side-pc h5, .qedge-com-media-item>.container>.content .content-card .left-side-pc h6, .qedge-com-media-item>.container>.content .content-card .left-side-pc p, .qedge-com-media-item>.container>.content .content-card .left-side-pc em, .qedge-com-media-item>.container>.content .content-card .left-side-pc i, .qedge-com-media-item>.container>.content .content-card .left-side-pc b, .qedge-com-media-item>.container>.content .content-card .left-side-pc address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-media-item>.container>.content .content-card .left-side-pc>p.title { font-size: 24px; margin-bottom: 30px; font-weight: 600; line-height: inherit; overflow: hidden; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1 } .qedge-com-media-item>.container>.content .content-card .right-side { width: 77%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-media-item>.container>.content .content-card .right-side .img-card img { display: block; margin-top: 10px } .qedge-com-media-item>.container>.content .content-card .right-side .header { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-media-item>.container>.content .content-card .right-side .header .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; line-height: inherit } .qedge-com-media-item>.container>.content .content-card .right-side .header .title h1, .qedge-com-media-item>.container>.content .content-card .right-side .header .title h2, .qedge-com-media-item>.container>.content .content-card .right-side .header .title h3, .qedge-com-media-item>.container>.content .content-card .right-side .header .title h4, .qedge-com-media-item>.container>.content .content-card .right-side .header .title h5, .qedge-com-media-item>.container>.content .content-card .right-side .header .title h6, .qedge-com-media-item>.container>.content .content-card .right-side .header .title p, .qedge-com-media-item>.container>.content .content-card .right-side .header .title em, .qedge-com-media-item>.container>.content .content-card .right-side .header .title i, .qedge-com-media-item>.container>.content .content-card .right-side .header .title b, .qedge-com-media-item>.container>.content .content-card .right-side .header .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-media-item>.container>.content .content-card .right-side .header .title .prediction { padding: 5px; background-color: #000; font-size: 12px; color: #fff; line-height: 1; margin-right: 8px; text-align: center } .qedge-com-media-item>.container>.content .content-card .right-side .date-mobile-only { display: none } .qedge-com-media-item>.container>.content .content-card .right-side .content-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content { font-size: 16px; color: #666; line-height: 1.8 } .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content h1, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content h2, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content h3, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content h4, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content h5, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content h6, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content p, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content em, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content i, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content b, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content .tags { margin-top: 10px } .qedge-com-media-item:last-child { margin-bottom: 130px } .qedge-com-media-item:hover { cursor: default } .qedge-com-media-item.clickable { cursor: pointer } @media screen and (max-width: 1024px) { .qedge-com-media-item>.container>.content .content-card { border-bottom: 1px solid #d7d7d7; display: block; width: 100%; font-size: 13px; padding: 32px 0 } .qedge-com-media-item>.container>.content .content-card h1, .qedge-com-media-item>.container>.content .content-card h2, .qedge-com-media-item>.container>.content .content-card h3, .qedge-com-media-item>.container>.content .content-card h4, .qedge-com-media-item>.container>.content .content-card h5, .qedge-com-media-item>.container>.content .content-card h6, .qedge-com-media-item>.container>.content .content-card p, .qedge-com-media-item>.container>.content .content-card em, .qedge-com-media-item>.container>.content .content-card i, .qedge-com-media-item>.container>.content .content-card b, .qedge-com-media-item>.container>.content .content-card address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-media-item>.container>.content .content-card .left-side-pc { display: none } .qedge-com-media-item>.container>.content .content-card .right-side { width: 100% } .qedge-com-media-item>.container>.content .content-card .right-side .img-card img { margin-top: 0 } .qedge-com-media-item>.container>.content .content-card .right-side .header { margin-bottom: 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-media-item>.container>.content .content-card .right-side .header .title { font-size: 16px; line-height: 26px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap } .qedge-com-media-item>.container>.content .content-card .right-side .header .title h1, .qedge-com-media-item>.container>.content .content-card .right-side .header .title h2, .qedge-com-media-item>.container>.content .content-card .right-side .header .title h3, .qedge-com-media-item>.container>.content .content-card .right-side .header .title h4, .qedge-com-media-item>.container>.content .content-card .right-side .header .title h5, .qedge-com-media-item>.container>.content .content-card .right-side .header .title h6, .qedge-com-media-item>.container>.content .content-card .right-side .header .title p, .qedge-com-media-item>.container>.content .content-card .right-side .header .title em, .qedge-com-media-item>.container>.content .content-card .right-side .header .title i, .qedge-com-media-item>.container>.content .content-card .right-side .header .title b, .qedge-com-media-item>.container>.content .content-card .right-side .header .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-media-item>.container>.content .content-card .right-side .header .title p { overflow: hidden; width: auto; text-overflow: ellipsis; white-space: nowrap } .qedge-com-media-item>.container>.content .content-card .right-side .date-mobile-only { display: block; color: #666; letter-spacing: 0; text-align: justify; font-size: 12px; line-height: 22px; margin-bottom: 17px } .qedge-com-media-item>.container>.content .content-card .right-side .date-mobile-only h1, .qedge-com-media-item>.container>.content .content-card .right-side .date-mobile-only h2, .qedge-com-media-item>.container>.content .content-card .right-side .date-mobile-only h3, .qedge-com-media-item>.container>.content .content-card .right-side .date-mobile-only h4, .qedge-com-media-item>.container>.content .content-card .right-side .date-mobile-only h5, .qedge-com-media-item>.container>.content .content-card .right-side .date-mobile-only h6, .qedge-com-media-item>.container>.content .content-card .right-side .date-mobile-only p, .qedge-com-media-item>.container>.content .content-card .right-side .date-mobile-only em, .qedge-com-media-item>.container>.content .content-card .right-side .date-mobile-only i, .qedge-com-media-item>.container>.content .content-card .right-side .date-mobile-only b, .qedge-com-media-item>.container>.content .content-card .right-side .date-mobile-only address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content { color: #666; font-size: 14px; line-height: 24px; width: 100%; letter-spacing: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 8em; overflow: hidden } .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content h1, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content h2, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content h3, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content h4, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content h5, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content h6, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content p, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content em, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content i, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content b, .qedge-com-media-item>.container>.content .content-card .right-side .content-item .main-content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-media-item:hover, .qedge-com-media-item:focus, .qedge-com-media-item:active { color: #666 } .qedge-com-media-item:last-child { margin-bottom: 30px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-news-inside-title { margin-top: 60px } .qedge-com-news-inside-title>.qedge-com-motional-bg-image { height: 500px; position: relative; max-width: 1110px; margin: 0 auto; padding-top: 30px } .qedge-com-news-inside-title>.qedge-com-motional-bg-image .image-replacer { background-position: bottom } .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body { position: absolute; z-index: 50; color: #fff; height: 70%; width: 100%; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: distribute; justify-content: space-around; padding: 100px 100px 0 100px } .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .title { font-size: 40px; color: #fff; line-height: 48px } .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .title h1, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .title h2, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .title h3, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .title h4, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .title h5, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .title h6, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .title p, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .title em, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .title i, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .title b, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .subtitle { font-size: 14px; color: #fff; font-weight: 400; padding: 1% 0; border-bottom: 8px solid rgba(255, 255, 255, .3); line-height: 19px } .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .subtitle h1, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .subtitle h2, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .subtitle h3, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .subtitle h4, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .subtitle h5, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .subtitle h6, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .subtitle p, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .subtitle em, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .subtitle i, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .subtitle b, .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .subtitle address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-inside-title>.qedge-com-motional-bg-image .content-body .main-content { font-size: 24px } @media screen and (max-width: 1024px) { .qedge-com-news-inside-title .qedge-com-motional-bg-image { padding-top: 0; width: 100%; height: 200px } .qedge-com-news-inside-title .qedge-com-motional-bg-image .content-body { padding: 20px 30px } .qedge-com-news-inside-title .qedge-com-motional-bg-image .content-body .title { font-size: 21px; line-height: 25px } .qedge-com-news-inside-title .qedge-com-motional-bg-image .content-body .subtitle { font-size: 12px; line-height: 20px; border-bottom-width: 3px } .qedge-com-news-inside-title .qedge-com-motional-bg-image .content-body .main-content { font-size: 12px; line-height: 14px; padding-top: 20px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-news-inside-content>.container { max-width: 1110px } .qedge-com-news-inside-content>.container>.content { width: 66.67%; margin: 0 auto; position: relative; padding: 80px 0 40px } .qedge-com-news-inside-content>.container>.content>.cover { background: rgba(0, 0, 0, .8); position: absolute; top: -175px; height: 200px; z-index: 40; right: 0; left: calc((100% - 1110px)/2); width: 821.4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-news-inside-content>.container>.content>.cover .content-title { max-width: none; width: auto; padding-left: calc((1110px - 100%)*.65); padding-right: calc((1110px - 100%)*.65) } .qedge-com-news-inside-content>.container>.content>.cover .content-title .title { line-height: 40px; font-size: 24px; letter-spacing: 0; color: #fff } .qedge-com-news-inside-content>.container>.content>.cover .content-title .title h1, .qedge-com-news-inside-content>.container>.content>.cover .content-title .title h2, .qedge-com-news-inside-content>.container>.content>.cover .content-title .title h3, .qedge-com-news-inside-content>.container>.content>.cover .content-title .title h4, .qedge-com-news-inside-content>.container>.content>.cover .content-title .title h5, .qedge-com-news-inside-content>.container>.content>.cover .content-title .title h6, .qedge-com-news-inside-content>.container>.content>.cover .content-title .title p, .qedge-com-news-inside-content>.container>.content>.cover .content-title .title em, .qedge-com-news-inside-content>.container>.content>.cover .content-title .title i, .qedge-com-news-inside-content>.container>.content>.cover .content-title .title b, .qedge-com-news-inside-content>.container>.content>.cover .content-title .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-inside-content>.container>.content>.cover .content-title .subtitle { line-height: 28px; font-size: 20px; letter-spacing: -0.69px; color: #fff } .qedge-com-news-inside-content>.container>.content>.cover .content-title .subtitle h1, .qedge-com-news-inside-content>.container>.content>.cover .content-title .subtitle h2, .qedge-com-news-inside-content>.container>.content>.cover .content-title .subtitle h3, .qedge-com-news-inside-content>.container>.content>.cover .content-title .subtitle h4, .qedge-com-news-inside-content>.container>.content>.cover .content-title .subtitle h5, .qedge-com-news-inside-content>.container>.content>.cover .content-title .subtitle h6, .qedge-com-news-inside-content>.container>.content>.cover .content-title .subtitle p, .qedge-com-news-inside-content>.container>.content>.cover .content-title .subtitle em, .qedge-com-news-inside-content>.container>.content>.cover .content-title .subtitle i, .qedge-com-news-inside-content>.container>.content>.cover .content-title .subtitle b, .qedge-com-news-inside-content>.container>.content>.cover .content-title .subtitle address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-inside-content>.container>.content .content-body { font-size: 14px; letter-spacing: .7px; line-height: 1.8em; color: #4a4a4a; text-align: left } .qedge-com-news-inside-content>.container>.content .content-body h1, .qedge-com-news-inside-content>.container>.content .content-body h2, .qedge-com-news-inside-content>.container>.content .content-body h3, .qedge-com-news-inside-content>.container>.content .content-body h4, .qedge-com-news-inside-content>.container>.content .content-body h5, .qedge-com-news-inside-content>.container>.content .content-body h6, .qedge-com-news-inside-content>.container>.content .content-body p, .qedge-com-news-inside-content>.container>.content .content-body em, .qedge-com-news-inside-content>.container>.content .content-body i, .qedge-com-news-inside-content>.container>.content .content-body b, .qedge-com-news-inside-content>.container>.content .content-body address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-inside-content>.container>.content .content-body .horizontal-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-news-inside-content>.container>.content .content-body .horizontal-image+.horizontal-image { margin-top: 30px } .qedge-com-news-inside-content>.container>.content .content-body .horizontal-image .qedge-com-image-with-desc+.qedge-com-image-with-desc { padding-left: 2em } .qedge-com-news-inside-content>.container>.content .content-body h5 { font-size: calc(1em + 2px); font-weight: bold; color: #000; letter-spacing: .8px; margin: 30px 0 } .qedge-com-news-inside-content>.container>.content .content-body p~h5 { margin-top: -20px } .qedge-com-news-inside-content>.container>.content .content-body p~h5+p { margin-top: -20px } .qedge-com-news-inside-content>.container>.content .content-body>p { margin: 30px 0; color: #666; font-size: 14px; font-family: source-han-sans-simplified-c, sans-serif; line-height: 24px } .qedge-com-news-inside-content>.container>.content .content-body>.qedge-com-image-with-desc { margin: 30px 0 } .qedge-com-news-inside-content>.container>.content .content-body img { height: auto !important; display: block } .qedge-com-news-inside-content>.container>.content .content-body a { text-decoration: none; color: #0f95cf; font-weight: 500 } .qedge-com-news-inside-content>.container>.content .content-body a:hover { opacity: .7 } .qedge-com-news-inside-content.no-picture>.container>.content { padding-top: 40px } .qedge-com-news-inside-content.no-picture>.container>.content>.cover { position: static; width: 100%; background: rgba(0, 0, 0, 0); height: auto } .qedge-com-news-inside-content.no-picture>.container>.content>.cover .content-title { max-width: none; width: auto; padding-left: 0; padding-right: 0 } .qedge-com-news-inside-content.no-picture>.container>.content>.cover .content-title .title { color: #000; text-align: center } .qedge-com-news-inside-content.no-picture>.container>.content>.cover .content-title .subtitle { color: #000 } .qedge-com-news-inside-content.customer-story>.container>.content>.cover { top: -130px } .qedge-com-news-inside-content.inside-content-ja>.container>.content { padding-top: 40px } .qedge-com-news-inside-content.inside-content-ja>.container>.content>.cover { position: static; width: 100%; background: rgba(0, 0, 0, 0); height: auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-news-inside-content.inside-content-ja>.container>.content>.cover .content-title { max-width: none; width: auto; padding-left: 0; padding-right: 0 } .qedge-com-news-inside-content.inside-content-ja>.container>.content>.cover .content-title .title { color: #000; margin-bottom: 20px } .qedge-com-news-inside-content.inside-content-ja>.container>.content>.cover .content-title .subtitle { color: #000; margin-top: 0; margin-bottom: 30px } html[lang=zh] .qedge-com-news-inside-content>.container>.content>.cover .content-title { width: 470px; padding: 0 } html[lang=zh] .qedge-com-news-inside-content.no-picture>.container>.content>.cover .content-title { max-width: none; width: auto; padding-left: 0; padding-right: 0 } @media screen and (max-width: 1024px) { .qedge-com-news-inside-content>.container>.content, .qedge-com-news-inside-content>.content { padding: 32px 20px 48px 20px } .qedge-com-news-inside-content>.container>.content { width: 100%; padding: 0px 0 16px } .qedge-com-news-inside-content>.container>.content .cover { height: 115px; top: -122px; right: 25px; left: -25px; width: unset } .qedge-com-news-inside-content>.container>.content .cover .content-title { padding-left: 30px; padding-right: 30px } .qedge-com-news-inside-content>.container>.content .cover .content-title .title { font-size: 16px; line-height: 26px; font-weight: 600 } .qedge-com-news-inside-content>.container>.content .cover .content-title .subtitle { font-size: 12px; line-height: 22px; font-weight: 400; letter-spacing: -0.35px } .qedge-com-news-inside-content>.container>.content .content-body { font-size: 14px; line-height: 24px; font-weight: 400; color: #666; font-size: 12px; line-height: 22px; letter-spacing: .6px } .qedge-com-news-inside-content>.container>.content .content-body .horizontal-image { width: 100%; margin: 16px 0 } .qedge-com-news-inside-content>.container>.content .content-body .horizontal-image+.horizontal-image { margin-top: 16px } .qedge-com-news-inside-content>.container>.content .content-body .horizontal-image .qedge-com-image-with-desc { width: 50% } .qedge-com-news-inside-content>.container>.content .content-body .horizontal-image .qedge-com-image-with-desc:first-child { margin-right: .75em; padding-top: 0 } .qedge-com-news-inside-content>.container>.content .content-body .horizontal-image .qedge-com-image-with-desc+.qedge-com-image-with-desc { margin-left: .75em; padding-left: 0; padding-top: 0 } .qedge-com-news-inside-content>.container>.content .content-body h5 { font-size: 16px; line-height: 26px; font-weight: 600; color: #000; padding: 0px 0; margin: 24px 0 16px } .qedge-com-news-inside-content>.container>.content .content-body p~h5 { font-size: 14px; line-height: 24px; margin-top: 16px } .qedge-com-news-inside-content>.container>.content .content-body p~h5+p { margin-top: 16px } .qedge-com-news-inside-content>.container>.content .content-body>p { font-size: 14px; line-height: 24px; font-weight: 400; margin: 16px 0 } .qedge-com-news-inside-content>.container>.content .content-body>.qedge-com-image-with-desc { margin: 16px 0 } .qedge-com-news-inside-content.customer-story { margin-bottom: 60px } .qedge-com-news-inside-content.customer-story>.container>.content>.cover { top: -50px } .qedge-com-news-inside-content.customer-story.no-picture { margin-bottom: 10px } .qedge-com-news-inside-content.inside-content-ja>.container>.content { padding-top: 10px } .qedge-com-news-inside-content.inside-content-ja>.container>.content>.cover .content-title .title { font-size: 24px; line-height: 35px; margin-bottom: 10px } .qedge-com-news-inside-content.inside-content-ja>.container>.content>.cover .content-title .subtitle { margin-top: 0; margin-bottom: 16px } html[lang=zh] .qedge-com-news-inside-content>.container>.content>.cover .content-title { padding-left: 30px; padding-right: 30px; width: auto } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-news-center-item { background-color: #fff; display: block; position: relative } .qedge-com-news-center-item .container .content { border-bottom: 1px solid #d7d7d7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 60px 0 60px 0; color: #666; font-size: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-news-center-item .container .content .left-side-pc { line-height: 15px; font-size: 16px; line-height: 26px; color: #4a4a4a; width: 15% } .qedge-com-news-center-item .container .content .left-side-pc h1, .qedge-com-news-center-item .container .content .left-side-pc h2, .qedge-com-news-center-item .container .content .left-side-pc h3, .qedge-com-news-center-item .container .content .left-side-pc h4, .qedge-com-news-center-item .container .content .left-side-pc h5, .qedge-com-news-center-item .container .content .left-side-pc h6, .qedge-com-news-center-item .container .content .left-side-pc p, .qedge-com-news-center-item .container .content .left-side-pc em, .qedge-com-news-center-item .container .content .left-side-pc i, .qedge-com-news-center-item .container .content .left-side-pc b, .qedge-com-news-center-item .container .content .left-side-pc address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-center-item .container .content .left-side-pc>p.title { font-size: 24px; margin-bottom: 30px; font-weight: 600; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1 } .qedge-com-news-center-item .container .content .main-content { margin-left: 20px; width: calc(85% - 20px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .qedge-com-news-center-item .container .content .main-content .img-card { margin-right: 40px; width: 200px; height: 112px } .qedge-com-news-center-item .container .content .main-content .img-card img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block } .qedge-com-news-center-item .container .content .main-content .right-side { width: calc(100% - 240px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-news-center-item .container .content .main-content .right-side .title { margin-bottom: 20px; font-size: 24px; line-height: 34px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; letter-spacing: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; max-height: 5em; overflow: hidden } .qedge-com-news-center-item .container .content .main-content .right-side .title h1, .qedge-com-news-center-item .container .content .main-content .right-side .title h2, .qedge-com-news-center-item .container .content .main-content .right-side .title h3, .qedge-com-news-center-item .container .content .main-content .right-side .title h4, .qedge-com-news-center-item .container .content .main-content .right-side .title h5, .qedge-com-news-center-item .container .content .main-content .right-side .title h6, .qedge-com-news-center-item .container .content .main-content .right-side .title p, .qedge-com-news-center-item .container .content .main-content .right-side .title em, .qedge-com-news-center-item .container .content .main-content .right-side .title i, .qedge-com-news-center-item .container .content .main-content .right-side .title b, .qedge-com-news-center-item .container .content .main-content .right-side .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-center-item .container .content .main-content .right-side .title p br { display: none } .qedge-com-news-center-item .container .content .main-content .right-side .date-mobile-only { display: none } .qedge-com-news-center-item .container .content .main-content .right-side .description { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; font-size: 16px; line-height: 28px; color: #666; letter-spacing: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 8em; overflow: hidden } .qedge-com-news-center-item .container .content .main-content .right-side .description h1, .qedge-com-news-center-item .container .content .main-content .right-side .description h2, .qedge-com-news-center-item .container .content .main-content .right-side .description h3, .qedge-com-news-center-item .container .content .main-content .right-side .description h4, .qedge-com-news-center-item .container .content .main-content .right-side .description h5, .qedge-com-news-center-item .container .content .main-content .right-side .description h6, .qedge-com-news-center-item .container .content .main-content .right-side .description p, .qedge-com-news-center-item .container .content .main-content .right-side .description em, .qedge-com-news-center-item .container .content .main-content .right-side .description i, .qedge-com-news-center-item .container .content .main-content .right-side .description b, .qedge-com-news-center-item .container .content .main-content .right-side .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-center-item .container .content .main-content .right-side .description p { width: 100% } .qedge-com-news-center-item .container .content .flags { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: -20px; margin-bottom: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap } .qedge-com-news-center-item .container .content .flags .flag { background: #ccc; border-radius: 0 0 0 .4px; font-style: normal; font-weight: 700; font-size: 12px; color: #fff; letter-spacing: 0; text-align: center; margin-right: 10px; line-height: 17px; padding: 4px 5px 2px; -webkit-transition: all linear .2s; transition: all linear .2s; margin-bottom: 5px } .qedge-com-news-center-item .container .content .flags .flag h1, .qedge-com-news-center-item .container .content .flags .flag h2, .qedge-com-news-center-item .container .content .flags .flag h3, .qedge-com-news-center-item .container .content .flags .flag h4, .qedge-com-news-center-item .container .content .flags .flag h5, .qedge-com-news-center-item .container .content .flags .flag h6, .qedge-com-news-center-item .container .content .flags .flag p, .qedge-com-news-center-item .container .content .flags .flag em, .qedge-com-news-center-item .container .content .flags .flag i, .qedge-com-news-center-item .container .content .flags .flag b, .qedge-com-news-center-item .container .content .flags .flag address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-center-item .container .content .flags .flag:hover, .qedge-com-news-center-item .container .content .flags .flag:active, .qedge-com-news-center-item .container .content .flags .flag:focus { background: #000 } .qedge-com-news-center-item .container .content .flags .flag a { color: #fff } .qedge-com-news-center-item .container .content .flags.flags-mobile { display: none } .qedge-com-news-center-item:last-child { margin-bottom: 130px } @media screen and (max-width: 1024px) { .qedge-com-news-center-item .container .content { border-bottom: 1px solid #d7d7d7; display: block; width: 100%; font-size: 13px; padding: 32px 0 30px 0 } .qedge-com-news-center-item .container .content .left-side-pc { display: none } .qedge-com-news-center-item .container .content h1, .qedge-com-news-center-item .container .content h2, .qedge-com-news-center-item .container .content h3, .qedge-com-news-center-item .container .content h4, .qedge-com-news-center-item .container .content h5, .qedge-com-news-center-item .container .content h6, .qedge-com-news-center-item .container .content p, .qedge-com-news-center-item .container .content em, .qedge-com-news-center-item .container .content i, .qedge-com-news-center-item .container .content b, .qedge-com-news-center-item .container .content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-center-item .container .content .main-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 0; max-height: none; width: 100% } .qedge-com-news-center-item .container .content .main-content .img-card { margin-right: 0; width: 100%; margin-bottom: 25px; position: relative; padding-bottom: 56.25% } .qedge-com-news-center-item .container .content .main-content .img-card img { position: absolute; -o-object-fit: cover; object-fit: cover; height: 100%; top: 0; left: 0; width: 100%; display: block; max-height: none } .qedge-com-news-center-item .container .content .main-content .right-side { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-news-center-item .container .content .main-content .right-side .title { margin-bottom: 10px; font-size: 16px; line-height: 26px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; letter-spacing: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 4em; overflow: hidden; word-break: break-word } .qedge-com-news-center-item .container .content .main-content .right-side .title h1, .qedge-com-news-center-item .container .content .main-content .right-side .title h2, .qedge-com-news-center-item .container .content .main-content .right-side .title h3, .qedge-com-news-center-item .container .content .main-content .right-side .title h4, .qedge-com-news-center-item .container .content .main-content .right-side .title h5, .qedge-com-news-center-item .container .content .main-content .right-side .title h6, .qedge-com-news-center-item .container .content .main-content .right-side .title p, .qedge-com-news-center-item .container .content .main-content .right-side .title em, .qedge-com-news-center-item .container .content .main-content .right-side .title i, .qedge-com-news-center-item .container .content .main-content .right-side .title b, .qedge-com-news-center-item .container .content .main-content .right-side .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-center-item .container .content .main-content .right-side .date-mobile-only { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px } .qedge-com-news-center-item .container .content .main-content .right-side .description { text-align: left; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; font-size: 14px; line-height: 24px; color: #666; letter-spacing: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 8em; overflow: hidden } .qedge-com-news-center-item .container .content .main-content .right-side .description h1, .qedge-com-news-center-item .container .content .main-content .right-side .description h2, .qedge-com-news-center-item .container .content .main-content .right-side .description h3, .qedge-com-news-center-item .container .content .main-content .right-side .description h4, .qedge-com-news-center-item .container .content .main-content .right-side .description h5, .qedge-com-news-center-item .container .content .main-content .right-side .description h6, .qedge-com-news-center-item .container .content .main-content .right-side .description p, .qedge-com-news-center-item .container .content .main-content .right-side .description em, .qedge-com-news-center-item .container .content .main-content .right-side .description i, .qedge-com-news-center-item .container .content .main-content .right-side .description b, .qedge-com-news-center-item .container .content .main-content .right-side .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-center-item .container .content .main-content .right-side .flags { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px } .qedge-com-news-center-item .container .content .main-content .right-side .flags .flag { float: left } .qedge-com-news-center-item .container .content .main-content .right-side .flags-pc { display: none } .qedge-com-news-center-item .container .content .main-content .right-side .flags-mobile { display: inline-block; margin-bottom: 15px; margin-top: -5px } .qedge-com-news-center-item:hover, .qedge-com-news-center-item:focus, .qedge-com-news-center-item:active { color: #4a4a4a } .qedge-com-news-center-item:last-child { margin-bottom: 40px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-image-with-desc { color: #8f8f8f; font-size: 12px; letter-spacing: .6px; line-height: 17px; padding-top: 3px } .qedge-com-image-with-desc img { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;" } @media screen and (max-width: 1024px) { .qedge-com-image-with-desc { line-height: 1em; font-size: 12px; letter-spacing: .45px } .qedge-com-image-with-desc>img { width: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;" } } @media screen and (max-width: 768px) { .qedge-com-image-with-desc { font-size: 10px; line-height: 20px } .qedge-com-image-with-desc>img { height: auto } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-event-location { position: relative; z-index: 10 } .qedge-com-event-location>.content { margin-bottom: 70px; position: relative } .qedge-com-event-location>.content .card-body .content { height: 600x } .qedge-com-event-location>.content .card-body .content img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-event-location>.content .card-footer { position: absolute; bottom: 0; height: 90%; width: 45%; left: 50%; background-color: rgba(0, 0, 0, .7); border-top: none; color: #fff; font-size: 22px; font-style: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 110px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 30px } .qedge-com-event-location>.content .card-footer h1, .qedge-com-event-location>.content .card-footer h2, .qedge-com-event-location>.content .card-footer h3, .qedge-com-event-location>.content .card-footer h4, .qedge-com-event-location>.content .card-footer h5, .qedge-com-event-location>.content .card-footer h6, .qedge-com-event-location>.content .card-footer a, .qedge-com-event-location>.content .card-footer p, .qedge-com-event-location>.content .card-footer em, .qedge-com-event-location>.content .card-footer i, .qedge-com-event-location>.content .card-footer b, .qedge-com-event-location>.content .card-footer address { color: inherit } .qedge-com-event-location>.content .card-footer a:hover, .qedge-com-event-location>.content .card-footer a:focus, .qedge-com-event-location>.content .card-footer a:active { color: #0599c8 } .qedge-com-event-location>.content .card-footer h1, .qedge-com-event-location>.content .card-footer h2, .qedge-com-event-location>.content .card-footer h3, .qedge-com-event-location>.content .card-footer h4, .qedge-com-event-location>.content .card-footer h5, .qedge-com-event-location>.content .card-footer h6, .qedge-com-event-location>.content .card-footer p, .qedge-com-event-location>.content .card-footer em, .qedge-com-event-location>.content .card-footer i, .qedge-com-event-location>.content .card-footer b, .qedge-com-event-location>.content .card-footer address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-event-location>.content .card-footer address { margin-top: -40px; width: 100%; height: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around } .qedge-com-event-location>.content .card-footer address .name { margin-bottom: -110px } .qedge-com-event-location>.content .card-footer address .name .title { margin-top: -10px; color: #fff; font-size: 24px; font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 700 } .qedge-com-event-location>.content .card-footer address .name .subtitle { font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 200; color: #fff; font-size: 22px } .qedge-com-event-location>.content .card-footer .detail { font-family: source-han-sans-simplified-c, sans-serif; font-weight: 300 } .qedge-com-event-location>.content .card-footer .detail ul { list-style-type: none; margin: 0; padding: 0 } .qedge-com-event-location>.content .card-footer .detail .location { padding-bottom: 10% } @media screen and (max-width: 1024px) { .qedge-com-event-location>.content { margin-bottom: 32px } .qedge-com-event-location>.content .card-body .content { height: 100%; width: 100% } .qedge-com-event-location>.content .card-body .content img { min-height: 250px; -o-object-fit: cover; object-fit: cover } .qedge-com-event-location>.content .card-footer { padding-left: 20px; height: 90%; width: 48%; left: 45%; font-size: 12px; line-height: 22px } .qedge-com-event-location>.content .card-footer address { margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 90%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-event-location>.content .card-footer address .name { margin-bottom: 0; margin-top: 15px } .qedge-com-event-location>.content .card-footer address .name .title { font-size: 14px; line-height: 24px; margin-top: 0 } .qedge-com-event-location>.content .card-footer address .name .subtitle { font-size: 12px; line-height: 22px; margin-bottom: 5px; font-size: 24px } .qedge-com-event-location>.content .card-footer address .detail .location { font-size: 12px; line-height: 22px; font-size: 24px } .qedge-com-event-location>.content .card-footer address .detail .position { font-size: 12px; line-height: 22px; margin-bottom: 5px; font-size: 24px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-event-focus-item { height: 100% } .qedge-com-event-focus-item>.content { border-radius: 6px 6px; width: 100%; -webkit-box-shadow: 0 0px 40px 0 rgba(0, 0, 0, .1); box-shadow: 0 0px 40px 0 rgba(0, 0, 0, .1); height: 370px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; position: relative } .qedge-com-event-focus-item>.content .qedge-com-motional-image { -webkit-transition: all .4s; transition: all .4s; height: 197px } .qedge-com-event-focus-item>.content .qedge-com-motional-image .content { border-radius: 6px 6px 0 0; height: 100% } .qedge-com-event-focus-item>.content .qedge-com-motional-image .content img { width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-event-focus-item>.content .basic-card { border-radius: 0 0 6px 6px; padding: 30px 8% 30px 8%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 173px; -webkit-transition: height linear .5s; transition: height linear .5s } .qedge-com-event-focus-item>.content .basic-card .card-heading .title { font-size: 24px; opacity: .8; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 300px; height: 50px } .qedge-com-event-focus-item>.content .basic-card .card-heading .title h1, .qedge-com-event-focus-item>.content .basic-card .card-heading .title h2, .qedge-com-event-focus-item>.content .basic-card .card-heading .title h3, .qedge-com-event-focus-item>.content .basic-card .card-heading .title h4, .qedge-com-event-focus-item>.content .basic-card .card-heading .title h5, .qedge-com-event-focus-item>.content .basic-card .card-heading .title h6, .qedge-com-event-focus-item>.content .basic-card .card-heading .title p, .qedge-com-event-focus-item>.content .basic-card .card-heading .title em, .qedge-com-event-focus-item>.content .basic-card .card-heading .title i, .qedge-com-event-focus-item>.content .basic-card .card-heading .title b, .qedge-com-event-focus-item>.content .basic-card .card-heading .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-event-focus-item>.content .basic-card .card-body { padding-top: 10px; font-size: 16px; color: #4a4a4a; text-align: justify; opacity: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 300px; height: 0 } .qedge-com-event-focus-item>.content .basic-card .card-links { padding-top: 10px; font-size: 16px; color: #4a4a4a; position: absolute; bottom: 30px } .qedge-com-event-focus-item>.content .video-card .card-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-event-focus-item>.content .video-card .card-body>div { width: 100% } .qedge-com-event-focus-item>.content .video-card .card-body .vjs-big-play-button { width: 40px; height: 40px; background: none; line-height: 40px; font-size: 50px; border: none; top: 90%; left: 93%; margin-top: -35px; margin-left: -35px; color: #f9f9f9 } .qedge-com-event-focus-item>.content .video-card .card-body .vjs-poster { background-size: cover } .qedge-com-event-focus-item.type-cover .video-card { height: 197px; -webkit-transition: all .4s; transition: all .4s; position: relative } .qedge-com-event-focus-item.type-cover .video-card .play-button { position: absolute; background: none; border: none; top: 90%; left: 98%; margin-top: -35px; margin-left: -35px; color: #f9f9f9; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 23px; border-radius: 1px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f9f9f9 } .qedge-com-event-focus-item.type-cover .video-card .play-button .vjs-icon-placeholder::before { content: "" } .qedge-com-event-focus-item.type-cover .video-card .qedge-com-motional-image { height: 100% } @media screen and (min-width: 1024px) { .qedge-com-event-focus-item:hover>.content .qedge-com-motional-image, .qedge-com-event-focus-item:focus>.content .qedge-com-motional-image, .qedge-com-event-focus-item:active>.content .qedge-com-motional-image { height: 128px; -webkit-transition: height linear .5s; transition: height linear .5s; -webkit-transition: all .5s; transition: all .5s } .qedge-com-event-focus-item:hover>.content .qedge-com-motional-image .content img, .qedge-com-event-focus-item:focus>.content .qedge-com-motional-image .content img, .qedge-com-event-focus-item:active>.content .qedge-com-motional-image .content img { -webkit-transform: scale(1.02); transform: scale(1.02); -webkit-transition-duration: .5s; transition-duration: .5s } .qedge-com-event-focus-item:hover>.content .basic-card, .qedge-com-event-focus-item:focus>.content .basic-card, .qedge-com-event-focus-item:active>.content .basic-card { height: 300px; -webkit-transition: height linear .5s; transition: height linear .5s } .qedge-com-event-focus-item:hover>.content .basic-card .card-heading .title, .qedge-com-event-focus-item:focus>.content .basic-card .card-heading .title, .qedge-com-event-focus-item:active>.content .basic-card .card-heading .title { margin-bottom: -25px } .qedge-com-event-focus-item:hover>.content .basic-card .card-body, .qedge-com-event-focus-item:focus>.content .basic-card .card-body, .qedge-com-event-focus-item:active>.content .basic-card .card-body { opacity: 1; margin-top: 30px; -webkit-transition: opacity .2s ease .4s, margin .1s ease; transition: opacity .2s ease .4s, margin .1s ease; height: 68px } .qedge-com-event-focus-item:hover.type-cover .video-card, .qedge-com-event-focus-item:focus.type-cover .video-card, .qedge-com-event-focus-item:active.type-cover .video-card { height: 128px; -webkit-transition: height linear .5s; transition: height linear .5s; -webkit-transition: all .5s; transition: all .5s } } @media screen and (max-width: 1024px) { .qedge-com-event-focus-item .content { height: auto } .qedge-com-event-focus-item .content .qedge-com-motional-image { -webkit-transform: none; transform: none } .qedge-com-event-focus-item .content .qedge-com-motional-image .content { height: auto } .qedge-com-event-focus-item .content .qedge-com-motional-image .content img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-event-focus-item .content .basic-card { -webkit-transform: none; transform: none; padding: 16px } .qedge-com-event-focus-item .content .basic-card .card-heading .title { font-size: 16px; line-height: 26px; font-family: PingFangSC-Semibold, source-han-sans-simplified-c, sans-serif; font-weight: 600; opacity: 1; height: 52px } .qedge-com-event-focus-item .content .basic-card .card-body { display: none } .qedge-com-event-focus-item.type-cover .video-card { -webkit-transform: none; transform: none } .qedge-com-event-focus-item.type-cover .video-card .play-button { top: 90%; left: 98%; margin-top: -21px; margin-left: -21px; border-style: solid; border-width: 6px 0 6px 10px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-news-release-card-item { height: 100% } .qedge-com-news-release-card-item .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; display: flex; -ms-flex-direction: row; flex-direction: row } .qedge-com-news-release-card-item .content>div { width: 100% } .qedge-com-news-release-card-item .content .left-side .img-card { margin-bottom: 30px; max-width: 94%; height: 305px; width: 480px } .qedge-com-news-release-card-item .content .left-side .img-card img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-news-release-card-item .content .left-side .content-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 190px; max-width: 94%; margin-bottom: 15px } .qedge-com-news-release-card-item .content .left-side .content-card .title { font-size: 20px; color: #000; margin-bottom: 15px } .qedge-com-news-release-card-item .content .left-side .content-card .title h1, .qedge-com-news-release-card-item .content .left-side .content-card .title h2, .qedge-com-news-release-card-item .content .left-side .content-card .title h3, .qedge-com-news-release-card-item .content .left-side .content-card .title h4, .qedge-com-news-release-card-item .content .left-side .content-card .title h5, .qedge-com-news-release-card-item .content .left-side .content-card .title h6, .qedge-com-news-release-card-item .content .left-side .content-card .title p, .qedge-com-news-release-card-item .content .left-side .content-card .title em, .qedge-com-news-release-card-item .content .left-side .content-card .title i, .qedge-com-news-release-card-item .content .left-side .content-card .title b, .qedge-com-news-release-card-item .content .left-side .content-card .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-release-card-item .content .left-side .content-card .sub-title { text-align: justify; font-size: 14px; color: #666; text-align: justify; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; max-height: 8em; overflow: hidden } .qedge-com-news-release-card-item .content .left-side .content-card .sub-title h1, .qedge-com-news-release-card-item .content .left-side .content-card .sub-title h2, .qedge-com-news-release-card-item .content .left-side .content-card .sub-title h3, .qedge-com-news-release-card-item .content .left-side .content-card .sub-title h4, .qedge-com-news-release-card-item .content .left-side .content-card .sub-title h5, .qedge-com-news-release-card-item .content .left-side .content-card .sub-title h6, .qedge-com-news-release-card-item .content .left-side .content-card .sub-title p, .qedge-com-news-release-card-item .content .left-side .content-card .sub-title em, .qedge-com-news-release-card-item .content .left-side .content-card .sub-title i, .qedge-com-news-release-card-item .content .left-side .content-card .sub-title b, .qedge-com-news-release-card-item .content .left-side .content-card .sub-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-release-card-item .content .left-side .content-card .read-more { font-size: 12px; color: #000 } .qedge-com-news-release-card-item .content .left-side .content-card .read-more h1, .qedge-com-news-release-card-item .content .left-side .content-card .read-more h2, .qedge-com-news-release-card-item .content .left-side .content-card .read-more h3, .qedge-com-news-release-card-item .content .left-side .content-card .read-more h4, .qedge-com-news-release-card-item .content .left-side .content-card .read-more h5, .qedge-com-news-release-card-item .content .left-side .content-card .read-more h6, .qedge-com-news-release-card-item .content .left-side .content-card .read-more p, .qedge-com-news-release-card-item .content .left-side .content-card .read-more em, .qedge-com-news-release-card-item .content .left-side .content-card .read-more i, .qedge-com-news-release-card-item .content .left-side .content-card .read-more b, .qedge-com-news-release-card-item .content .left-side .content-card .read-more address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-news-release-card-part-item .content { margin-bottom: 33px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .qedge-com-news-release-card-part-item .content .img-card { width: 100%; height: 150px; padding-right: 18px } .qedge-com-news-release-card-part-item .content .img-card img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } .qedge-com-news-release-card-part-item .content .content-card { height: 155px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-news-release-card-part-item .content .content-card .title { font-size: 16px; color: #000; margin-bottom: 15px } .qedge-com-news-release-card-part-item .content .content-card .title h1, .qedge-com-news-release-card-part-item .content .content-card .title h2, .qedge-com-news-release-card-part-item .content .content-card .title h3, .qedge-com-news-release-card-part-item .content .content-card .title h4, .qedge-com-news-release-card-part-item .content .content-card .title h5, .qedge-com-news-release-card-part-item .content .content-card .title h6, .qedge-com-news-release-card-part-item .content .content-card .title p, .qedge-com-news-release-card-part-item .content .content-card .title em, .qedge-com-news-release-card-part-item .content .content-card .title i, .qedge-com-news-release-card-part-item .content .content-card .title b, .qedge-com-news-release-card-part-item .content .content-card .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-release-card-part-item .content .content-card .sub-title { font-size: 14px; color: #666; margin-bottom: 15px; text-align: justify; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 8em; overflow: hidden } .qedge-com-news-release-card-part-item .content .content-card .sub-title h1, .qedge-com-news-release-card-part-item .content .content-card .sub-title h2, .qedge-com-news-release-card-part-item .content .content-card .sub-title h3, .qedge-com-news-release-card-part-item .content .content-card .sub-title h4, .qedge-com-news-release-card-part-item .content .content-card .sub-title h5, .qedge-com-news-release-card-part-item .content .content-card .sub-title h6, .qedge-com-news-release-card-part-item .content .content-card .sub-title p, .qedge-com-news-release-card-part-item .content .content-card .sub-title em, .qedge-com-news-release-card-part-item .content .content-card .sub-title i, .qedge-com-news-release-card-part-item .content .content-card .sub-title b, .qedge-com-news-release-card-part-item .content .content-card .sub-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-release-card-part-item .content .content-card .read-more { font-size: 12px; color: #000 } .qedge-com-news-release-card-part-item .content .content-card .read-more h1, .qedge-com-news-release-card-part-item .content .content-card .read-more h2, .qedge-com-news-release-card-part-item .content .content-card .read-more h3, .qedge-com-news-release-card-part-item .content .content-card .read-more h4, .qedge-com-news-release-card-part-item .content .content-card .read-more h5, .qedge-com-news-release-card-part-item .content .content-card .read-more h6, .qedge-com-news-release-card-part-item .content .content-card .read-more p, .qedge-com-news-release-card-part-item .content .content-card .read-more em, .qedge-com-news-release-card-part-item .content .content-card .read-more i, .qedge-com-news-release-card-part-item .content .content-card .read-more b, .qedge-com-news-release-card-part-item .content .content-card .read-more address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-about-promise-text { width: 100%; position: relative; height: 100vh; min-height: 850px; -webkit-transition: all linear .3s; transition: all linear .3s } .qedge-com-about-promise-text .container { max-width: 1160px } .qedge-com-about-promise-text>.container>.content, .qedge-com-about-promise-text>.content { padding: 30px 25px 70px 25px } .qedge-com-about-promise-text>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-about-promise-text>.content.no-global-padding>.container>.content, .qedge-com-about-promise-text>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-about-promise-text .qedge-com-news-title { padding-left: 25px; padding-right: 25px } @-webkit-keyframes slide_up { 0% { -webkit-transform: translateY(25px); transform: translateY(25px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes slide_up { 0% { -webkit-transform: translateY(25px); transform: translateY(25px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-webkit-keyframes slide_out { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(25px); transform: translateY(25px); opacity: 0 } } @keyframes slide_out { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(25px); transform: translateY(25px); opacity: 0 } } .qedge-com-about-promise-text>.container>.content { z-index: 20; height: 80vh; min-height: 650px; max-height: 750px; padding-bottom: 80px } .qedge-com-about-promise-text>.container>.content .content-body { height: 100%; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; -ms-flex-pack: distribute; justify-content: space-around } .qedge-com-about-promise-text>.container>.content .content-body>div { width: 100% } .qedge-com-about-promise-text>.container>.content .content-body .brief { height: 100% } .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-header { font-size: 30px; padding-top: 5.4%; line-height: 44px; -webkit-animation: slide_up .5s ease .3s 1 normal; animation: slide_up .5s ease .3s 1 normal; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards } .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-header h1, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-header h2, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-header h3, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-header h4, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-header h5, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-header h6, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-header p, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-header em, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-header i, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-header b, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-header address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en { font-family: source-han-sans-simplified-c, sans-serif; font-weight: 700; font-size: 120px; line-height: 1em; -webkit-animation: slide_up .5s ease .1s 1 normal; animation: slide_up .5s ease .1s 1 normal; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; height: auto } .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en h1, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en h2, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en h3, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en h4, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en h5, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en h6, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en p, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en em, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en i, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en b, .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-about-promise-text>.container>.content .content-body .details { font-size: 24px; -webkit-animation: slide_up 1s ease .5s 1 normal; animation: slide_up 1s ease .5s 1 normal; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; font-size: 20px; color: #999; letter-spacing: 0; line-height: 34px; font-weight: 400; height: 100%; margin-top: 10px } .qedge-com-about-promise-text>.container>.content .content-body .details h1, .qedge-com-about-promise-text>.container>.content .content-body .details h2, .qedge-com-about-promise-text>.container>.content .content-body .details h3, .qedge-com-about-promise-text>.container>.content .content-body .details h4, .qedge-com-about-promise-text>.container>.content .content-body .details h5, .qedge-com-about-promise-text>.container>.content .content-body .details h6, .qedge-com-about-promise-text>.container>.content .content-body .details p, .qedge-com-about-promise-text>.container>.content .content-body .details em, .qedge-com-about-promise-text>.container>.content .content-body .details i, .qedge-com-about-promise-text>.container>.content .content-body .details b, .qedge-com-about-promise-text>.container>.content .content-body .details address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-about-promise-text>.container>.content .content-body .details .small-spacing { letter-spacing: -19px } .qedge-com-about-promise-text.slideDown>.container>.content .content-body .brief .brief-header, .qedge-com-about-promise-text.slideDown>.container>.content .content-body .brief .brief-en, .qedge-com-about-promise-text.slideDown>.container>.content .content-body .details { -webkit-animation-name: slide_out; animation-name: slide_out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @media screen and (max-width: 1024px) { .qedge-com-about-promise-text { height: auto; min-height: auto } .qedge-com-about-promise-text>.qedge-com-news-title { display: none } .qedge-com-about-promise-text>.container { display: block } .qedge-com-about-promise-text>.container>.content { height: auto; min-height: auto; padding: 0 20px 80px } .qedge-com-about-promise-text>.container>.content .content-body { height: 100%; display: inherit } .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-header { font-size: 16px; line-height: 26px; font-size: 300; margin: 8px 0 16px; padding-top: 0 } .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en { font-size: 36px; line-height: 46px; margin-top: 16px; height: 97px; width: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en img { padding: 0 } .qedge-com-about-promise-text>.container>.content .content-body .details { font-size: 14px; line-height: 24px; font-weight: 200; color: #b8b8b8 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-about-promise { width: 100%; position: relative } .qedge-com-about-promise .container { max-width: 1160px } .qedge-com-about-promise>.container>.content, .qedge-com-about-promise>.content { padding: 30px 25px 70px 25px } .qedge-com-about-promise>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-about-promise>.content.no-global-padding>.container>.content, .qedge-com-about-promise>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-about-promise .video-card { display: none; position: absolute; -webkit-transition: -webkit-transform ease-out 6s; transition: -webkit-transform ease-out 6s; transition: transform ease-out 6s; transition: transform ease-out 6s, -webkit-transform ease-out 6s; height: 80%; min-height: 180px; position: absolute; right: 0; left: 36% } .qedge-com-about-promise .video-card .vjs-has-started .vjs-control-bar, .qedge-com-about-promise .video-card .vjs-has-started.vjs-control-bar { display: none } @media screen and (max-width: 1024px) { .qedge-com-about-promise { height: auto } .qedge-com-about-promise img { display: block; padding: 0 20px } .qedge-com-about-promise .image-replacer { display: none } .qedge-com-about-promise .video-card { display: block; padding: 0 20px; position: relative; width: auto; left: 0 } .qedge-com-about-promise .video-card .video-js .vjs-big-play-button { position: absolute; background: none; border: none; top: 90%; left: 98%; margin-top: -35px; margin-left: -35px; color: #f9f9f9; width: 0; height: 0; display: block } .qedge-com-about-promise .video-card .video-js.vjs-has-started .vjs-big-play-button, .qedge-com-about-promise .video-card .video-js.vjs-using-native-controls .vjs-big-play-button, .qedge-com-about-promise .video-card .video-js.vjs-error .vjs-big-play-button { display: none } .qedge-com-about-promise>.container { display: block } .qedge-com-about-promise>.container>.content { height: auto; min-height: auto; padding: 0 20px 70px } .qedge-com-about-promise>.container>.content .content-body { height: 100%; display: inherit } .qedge-com-about-promise>.container>.content .content-body .brief-header { font-size: 12px; line-height: 17px; margin: 40px 0 20px } .qedge-com-about-promise>.container>.content .content-body .brief-en { font-size: 36px; line-height: 47px } .qedge-com-about-promise>.container>.content .content-body .details { font-size: 13px; line-height: 19px; padding-top: 20px; padding-bottom: 10px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-about-promise-carousel { background-color: #000 } .qedge-com-about-promise-carousel .qedge-com-news-title .container { max-width: 1110px; margin: 0 auto } .qedge-com-about-promise-carousel .qedge-com-news-title .container .content { padding-top: 100px } .qedge-com-about-promise-carousel .qedge-com-news-title .container .content .title { color: #fff } .qedge-com-about-promise-carousel>.content { position: relative; padding: 0; color: #fff } .qedge-com-about-promise-carousel>.content .qedge-sliders { margin: 0; padding: 0; list-style-type: none } .qedge-com-about-promise-carousel>.content .qedge-sliders .qedge-slide { overflow: hidden; position: relative } .qedge-com-about-promise-carousel .slick-slider { overflow: hidden } .qedge-com-about-promise-carousel .slick-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: -webkit-transform linear .3s; transition: -webkit-transform linear .3s; transition: transform linear .3s; transition: transform linear .3s, -webkit-transform linear .3s } @media screen and (max-width: 1024px) { .qedge-com-about-promise-carousel .qedge-com-news-title .container { max-width: 1110px; margin: 0 auto } .qedge-com-about-promise-carousel .qedge-com-news-title .container .content { padding: 80px 20px 0; margin-bottom: 0 } .qedge-com-about-promise-carousel .qedge-com-news-title .container .content .title { color: #fff } .qedge-com-about-promise-carousel>.content .qedge-sliders .qedge-slide { display: inherit } .qedge-com-about-promise-carousel>.content .qedge-sliders .qedge-slide .image-replacer { background-size: cover; background-position: center top } .qedge-com-about-promise-carousel>.content .qedge-sliders .qedge-slide::after { display: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-about-commitment-carousel { background-color: #000 } .qedge-com-about-commitment-carousel>.title-cover { display: none; margin-bottom: 24px } .qedge-com-about-commitment-carousel>.content { position: relative; padding: 0; color: #fff } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide { opacity: 0 } .qedge-com-about-commitment-carousel>.content .commitment-text { background-color: rgba(0, 0, 0, .3); z-index: 2; position: absolute; top: 0; left: 0; right: 0; height: 100vh; min-height: 850px } .qedge-com-about-commitment-carousel>.content .commitment-text .qedge-com-about-promise-text { height: 100% } .qedge-com-about-commitment-carousel>.content .commitment-text .qedge-com-about-promise-text .title-cover { height: 20vh; min-height: 200px; max-height: 260px; overflow: hidden; background-color: #000 } .qedge-com-about-commitment-carousel>.content .commitment-text .qedge-com-about-promise-text .title-cover .qedge-com-news-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 200px; max-height: 260px } .qedge-com-about-commitment-carousel>.content .commitment-text .qedge-com-about-promise-text .title-cover .qedge-com-news-title .container { max-width: 1110px; margin: 0 auto; width: 100% } .qedge-com-about-commitment-carousel>.content .commitment-text .qedge-com-about-promise-text .title-cover .qedge-com-news-title .container .content { margin-bottom: 0 } .qedge-com-about-commitment-carousel>.content .commitment-text .qedge-com-about-promise-text .title-cover .qedge-com-news-title .container .content .title { color: #fff; margin-top: 90px } .qedge-com-about-commitment-carousel>.content .commitment-video { z-index: 1; position: absolute; left: calc((100% - 1160px)/2); right: 0; top: 0; height: 100vh; min-height: 850px; overflow: hidden } .qedge-com-about-commitment-carousel>.content .commitment-video .video-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; -webkit-transition: all linear .3s; transition: all linear .3s; min-height: 180px; height: 100%; right: 0; top: 0; left: 280px } .qedge-com-about-commitment-carousel>.content .commitment-video .video-card .card-body { height: 100%; padding-top: 200px } .qedge-com-about-commitment-carousel>.content .commitment-video .video-card .vjs-has-started .vjs-control-bar, .qedge-com-about-commitment-carousel>.content .commitment-video .video-card .vjs-has-started.vjs-control-bar, .qedge-com-about-commitment-carousel>.content .commitment-video .video-card .vjs-big-play-button { display: none } .qedge-com-about-commitment-carousel.is-fixed .content .commitment-text, .qedge-com-about-commitment-carousel.is-fixed .content .commitment-video { height: 100vh; position: fixed; bottom: 0; top: unset } .qedge-com-about-commitment-carousel.is-fixed .content .commitment-text .qedge-com-news-title, .qedge-com-about-commitment-carousel.is-fixed .content .commitment-video .qedge-com-news-title { display: block } .qedge-com-about-commitment-carousel.at-bottom .content .commitment-text, .qedge-com-about-commitment-carousel.at-bottom .content .commitment-video { height: 100vh; position: absolute; bottom: 0; top: unset } .qedge-com-about-commitment-carousel.at-bottom .content .commitment-video .video-card { -webkit-transition: none; transition: none } @media screen and (max-width: 1024px) { .qedge-com-about-commitment-carousel>.title-cover { display: block; height: auto } .qedge-com-about-commitment-carousel>.title-cover .container { max-width: 1110px; margin: 0 auto } .qedge-com-about-commitment-carousel>.title-cover .container .content { padding: 80px 20px 8px; margin-bottom: 0 } .qedge-com-about-commitment-carousel>.title-cover .container .content .title { color: #fff } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide { display: inherit; opacity: 1 } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide .image-replacer { background-size: cover; background-position: center top } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide::after { display: none } .qedge-com-about-commitment-carousel>.content .commitment-video, .qedge-com-about-commitment-carousel>.content .commitment-text { display: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-about-banner.qedge-com-display-banner { width: 100%; height: 750px } .qedge-com-about-banner.qedge-com-display-banner .content .qedge-com-motional-bg-image { height: 100% } .qedge-com-carousel-banner { width: 100%; margin-bottom: 70px } .qedge-com-carousel-banner .container { max-width: 1160px } .qedge-com-carousel-banner img { width: 502px; height: auto } .qedge-com-carousel-banner .hidden { display: none } .qedge-com-carousel-banner .video-container { width: 100%; position: relative; height: 100vh } .qedge-com-carousel-banner .video-container .banner_bg { width: 100%; display: block } .qedge-com-carousel-banner .video-container video { width: 100%; height: 100vh; min-height: 500px; -o-object-fit: cover; object-fit: cover; z-index: 1 } .qedge-com-carousel-banner .video-container .banner-introduction { position: absolute; left: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, .3) } .qedge-com-carousel-banner .video-container .banner-introduction .content p:not(:last-child) { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-carousel-banner .video-container .banner-introduction .introduction { color: #fff; margin-left: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1); text-align: left; -webkit-transition: all linear 1s; transition: all linear 1s; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-carousel-banner .video-container .banner-introduction .introduction .subtitle { color: #fff; font-size: 20px; font-weight: 400; line-height: 1.8; text-align: center } .qedge-com-carousel-banner .video-container .banner-introduction .introduction .title { font-weight: 600; font-size: 56px; margin-bottom: 1em; line-height: 1.26em; margin: 0 0 20px 0; text-align: center } .qedge-com-carousel-banner .video-container .banner-introduction .introduction .intro { color: #fff; font-size: 20px; font-weight: 400; line-height: 1.5; margin-bottom: 0px; margin: 0 0 40px 0; text-align: center } .qedge-com-carousel-banner .video-container .slide_tips { display: block; width: 30px; height: 57px; position: absolute; left: 50%; margin-left: -15px; bottom: 0px; z-index: 2 } .qedge-com-carousel-banner .video-container .slide_tips .s_line { display: block; width: 2px; height: 47px; border-radius: 2px; position: absolute; left: 50%; margin-left: -1px; top: 0px; background: #fff; -webkit-animation: a_banner_s_line 3s .3s linear both infinite } .qedge-com-carousel-banner .video-container .slide_tips .txt { display: block; width: 100%; position: absolute; left: 0; text-align: center; bottom: 0px; font-size: 12px; letter-spacing: 2px; color: #fff } .qedge-com-carousel-banner .video-container .qedge-about-banner-titles { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center } .qedge-com-carousel-banner .video-container .qedge-about-banner-titles .qedge-about-banner-title .title-zh { font-size: 58px; color: #fff; line-height: 80px } .qedge-com-carousel-banner .video-container .qedge-about-banner-titles .qedge-about-banner-title .title-en { font-size: 24px; color: #fff } .qedge-com-carousel-banner .video-container .qedge-about-banner-titles .qedge-about-banner-title p { margin-bottom: 0 } .qedge-com-carousel-banner .video-container .basic-card { color: #fff; width: 100% } .qedge-com-carousel-banner .video-container .basic-card .container { max-width: 1160px } .qedge-com-carousel-banner .video-container .basic-card .container .content { padding: 45px 0 } .qedge-com-carousel-banner .video-container .basic-card .container .content .summary { color: #fff; width: 100%; text-align: center; line-height: 1.8; font-size: 16px; font-weight: 500 } .qedge-com-carousel-banner .video-container .basic-card .container .content .summary .summary-mobile { display: none } .qedge-com-carousel-banner .slide_tips { display: block; width: 30px; height: 57px; position: absolute; left: 50%; margin-left: -15px; bottom: 62px; z-index: 2 } .qedge-com-carousel-banner .slide_tips .s_line { display: block; width: 2px; height: 32px; border-radius: 2px; position: absolute; left: 50%; margin-left: -1px; top: 0px; background: #fff } .qedge-com-carousel-banner .slide_tips .txt { display: block; width: 100%; position: absolute; left: 0; text-align: center; bottom: 0px; font-size: 12px; letter-spacing: 2px; color: #fff } .qedge-com-carousel-banner .en-us .slide_tips .txt { left: -6px } .qedge-com-carousel-banner .slide_tips .s_line { animation: a_banner_s_line 3s .3s linear both infinite; -webkit-animation: a_banner_s_line 3s .3s linear both infinite; -ms-animation: a_banner_s_line 3s .3s linear both infinite; -moz-animation: a_banner_s_line 3s .3s linear both infinite; -o-animation: a_banner_s_line 3s .3s linear both infinite } @-webkit-keyframes a_banner_s_line { 0% { transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; opacity: 1 } 20% { transform: scale(1, 0.01); -webkit-transform: scale(1, 0.01); -ms-transform: scale(1, 0.01); -moz-transform: scale(1, 0.01); -o-transform: scale(1, 0.01); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; opacity: 1 } 30% { transform: scale(1, 0.01); -webkit-transform: scale(1, 0.01); -ms-transform: scale(1, 0.01); -moz-transform: scale(1, 0.01); -o-transform: scale(1, 0.01); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; opacity: 0 } 31% { transform: scale(1, 0.01); -webkit-transform: scale(1, 0.01); -ms-transform: scale(1, 0.01); -moz-transform: scale(1, 0.01); -o-transform: scale(1, 0.01); transform-origin: 50% 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; opacity: 0 } 50% { transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform-origin: 50% 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; opacity: 1 } 100% { transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; opacity: 1 } } @keyframes a_banner_s_line { 0% { transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; opacity: 1 } 20% { transform: scale(1, 0.01); -webkit-transform: scale(1, 0.01); -ms-transform: scale(1, 0.01); -moz-transform: scale(1, 0.01); -o-transform: scale(1, 0.01); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; opacity: 1 } 30% { transform: scale(1, 0.01); -webkit-transform: scale(1, 0.01); -ms-transform: scale(1, 0.01); -moz-transform: scale(1, 0.01); -o-transform: scale(1, 0.01); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; opacity: 0 } 31% { transform: scale(1, 0.01); -webkit-transform: scale(1, 0.01); -ms-transform: scale(1, 0.01); -moz-transform: scale(1, 0.01); -o-transform: scale(1, 0.01); transform-origin: 50% 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; opacity: 0 } 50% { transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform-origin: 50% 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; opacity: 1 } 100% { transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; opacity: 1 } } @media screen and (max-width: 1024px) { .qedge-com-about-banner.qedge-com-display-banner { height: 560px } .qedge-com-carousel-banner img { width: 401.6px; height: 208px } .qedge-com-carousel-banner .video-container { min-height: 560px; height: auto } .qedge-com-about-banner { height: 500px } .slide_tips { bottom: 30px } .qedge-com-carousel-banner { margin-bottom: 50px } .qedge-com-carousel-banner .video-container video { height: 560px } .qedge-com-carousel-banner .video-container .qedge-about-banner-titles .qedge-about-banner-title .title-zh { font-size: 24px; line-height: 30px } .qedge-com-carousel-banner .video-container .qedge-about-banner-titles .qedge-about-banner-title .title-en { font-size: 13px } .qedge-com-carousel-banner .video-container .banner_bg { height: 560px; position: absolute; left: 0px; top: 0px } .qedge-com-carousel-banner .video-container .banner-introduction .introduction .subtitle { font-size: 13px } .qedge-com-carousel-banner .video-container .banner-introduction .introduction .title { font-size: 32px } .qedge-com-carousel-banner .video-container .banner-introduction .introduction .intro p { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-carousel-banner .video-container .basic-card .container .content { padding: 25px 20px } .qedge-com-carousel-banner .video-container .basic-card .container .content .summary { color: #fff; width: 100%; text-align: center; font-size: 12px } .qedge-com-carousel-banner .video-container .basic-card .container .content .summary .summary-pc { display: none } .qedge-com-carousel-banner .video-container .basic-card .container .content .summary .summary-mobile { display: block } } @media screen and (max-width: 768px) { .qedge-com-carousel-banner img { width: 251px; height: auto } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .hidden { display: none } .qedge-com-about-us-txt { background: #fff !important } .qedge-com-about-us { padding-top: 140px; background: #fafafa; padding-bottom: 20px } .qedge-com-about-us .vr-iframe { margin: 0 auto; width: 60%; height: 600px } .qedge-com-about-us .cursor { display: none } .qedge-com-about-us .cursor-switch { cursor: none } .qedge-com-about-us .cursor__inner { z-index: 9999; pointer-events: none; position: absolute; top: 0; left: 0; border-radius: 50% } .qedge-com-about-us .cursor__side { position: absolute; top: 50%; width: 5px; height: 1px; background: #000; opacity: 0 } .qedge-com-about-us .cursor__side--left { right: calc(100% + 5px) } .qedge-com-about-us .cursor__side--right { left: calc(100% + 5px) } .qedge-com-about-us .cursor__inner--circle { width: 25px; height: 25px; border: 1px solid #fff } .qedge-com-about-us .container { max-width: 1160px } .qedge-com-about-us>.container>.content, .qedge-com-about-us>.content { padding: 30px 25px 70px 25px } .qedge-com-about-us>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-about-us>.content.no-global-padding>.container>.content, .qedge-com-about-us>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-about-us .cursor { display: none } .qedge-com-about-us .cursor-switch { cursor: none } .qedge-com-about-us .cursor__inner { z-index: 9999; pointer-events: none; position: absolute; top: 0; left: 0; border-radius: 50% } .qedge-com-about-us .cursor__side { position: absolute; top: 50%; width: 5px; height: 1px; background: #000; opacity: 0 } .qedge-com-about-us .cursor__side--left { right: calc(100% + 5px) } .qedge-com-about-us .cursor__side--right { left: calc(100% + 5px) } .qedge-com-about-us .cursor__inner--circle { width: 25px; height: 25px; border: 1px solid #fff } .qedge-com-about-us .hidden { display: none } .qedge-com-about-us .container .content { padding: 0px 25px } .qedge-com-about-us .container .content .us-title, .qedge-com-about-us .container .content .thanks-title { font-size: 40px; font-weight: 600; margin-bottom: 60px; line-height: normal } .qedge-com-about-us .container .content .us-title h1, .qedge-com-about-us .container .content .us-title h2, .qedge-com-about-us .container .content .us-title h3, .qedge-com-about-us .container .content .us-title h4, .qedge-com-about-us .container .content .us-title h5, .qedge-com-about-us .container .content .us-title h6, .qedge-com-about-us .container .content .us-title p, .qedge-com-about-us .container .content .us-title em, .qedge-com-about-us .container .content .us-title i, .qedge-com-about-us .container .content .us-title b, .qedge-com-about-us .container .content .us-title address, .qedge-com-about-us .container .content .thanks-title h1, .qedge-com-about-us .container .content .thanks-title h2, .qedge-com-about-us .container .content .thanks-title h3, .qedge-com-about-us .container .content .thanks-title h4, .qedge-com-about-us .container .content .thanks-title h5, .qedge-com-about-us .container .content .thanks-title h6, .qedge-com-about-us .container .content .thanks-title p, .qedge-com-about-us .container .content .thanks-title em, .qedge-com-about-us .container .content .thanks-title i, .qedge-com-about-us .container .content .thanks-title b, .qedge-com-about-us .container .content .thanks-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-about-us .container .content .thanks-title { margin-top: 80px; padding-top: 15px; border-top: 1px solid #000 } .qedge-com-about-us .us-content, .qedge-com-about-us .thanks-content { font-size: 20px; color: #000; line-height: 34px } .qedge-com-about-us .thanks-content { margin-bottom: 80px } .qedge-com-about-us .content-mobile { display: none } .qedge-com-about-us .swiper { position: relative } .qedge-com-about-us .swiper .swiper-container .swiper-wrapper { height: 600px } .qedge-com-about-us .swiper .swiper-container .swiper-slide { overflow: hidden } .qedge-com-about-us .swiper .swiper-container .swiper-slide img { width: 100%; height: 600px } .qedge-com-about-us .swiper .swiper-container .swiper-slide .title { margin-top: 62px; margin-left: 8.333333%; padding-left: 116px; background: #fff; width: 246px } .qedge-com-about-us .swiper .swiper-container .direction_area { max-width: 1110px; margin-left: auto; margin-right: auto; position: relative; width: 100%; font-size: 0; margin-top: 60px; height: 90px } .qedge-com-about-us .swiper .swiper-container .direction_area img { width: 100% } .qedge-com-about-us .swiper .swiper-container .direction_area>li { display: inline-block; vertical-align: middle } .qedge-com-about-us .swiper .swiper-container .direction_area>li.swiper-title { width: 17%; margin-left: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin-top: -40px } .qedge-com-about-us .swiper .swiper-container .direction_area>li.swiper-title .title { opacity: 0; -webkit-transition: all .3s; transition: all .3s; position: absolute; top: 6px; left: 0; font-size: 20px; color: #000; letter-spacing: 0 } .qedge-com-about-us .swiper .swiper-container .direction_area>li.swiper-title .title.on { opacity: 1 } .qedge-com-about-us .swiper .swiper-container .direction_area .slide_empty { position: relative; margin-bottom: 82px; width: 100% } .qedge-com-about-us .swiper .swiper-container .direction_area .swiper-count { position: relative; font-size: 18px; color: rgba(0, 0, 0, .3); font-weight: 400; text-align: center; -webkit-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; margin-top: -4px } .qedge-com-about-us .swiper .swiper-container .direction_area .swiper-count span { display: inline-block; width: 17px } .qedge-com-about-us .swiper .swiper-container .direction_area .swiper-count .current { padding-right: 4px; text-align: right; font-weight: 500; font-size: 18px; color: #000; letter-spacing: 3.14px } .qedge-com-about-us .swiper .swiper-container .direction_area .swiper-count .total { padding-left: 4px; display: inline; font-size: 18px; color: rgba(0, 0, 0, .3); letter-spacing: 5.14px } .qedge-com-about-us .swiper .swiper-container .direction_area .swiper-progress { height: 2px; position: relative; width: 62%; border-radius: 0; background: #e5e5e5; overflow: hidden; z-index: 2 } .qedge-com-about-us .swiper .swiper-container .direction_area .swiper-progress .swiper-pagination-progressbar-fill { background: #111 } .qedge-com-about-us .swiper .swiper-container .direction_area .btn_arrow .btn_content .cursor-switch { width: 10px; height: 19px; position: relative; margin-top: 0; display: inline-block; vertical-align: middle; top: 0; left: 0; outline: none; -webkit-transition: all .3s; transition: all .3s } .qedge-com-about-us .swiper .swiper-container .direction_area .btn_arrow .btn_content .cursor-switch::after { content: ""; position: absolute; top: 50%; left: 50%; padding: 20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .qedge-com-about-us .swiper .swiper-container .direction_area .btn_arrow .btn_content .swiper-button-prev { margin-left: 64px; background: url(../images/icons-lianying/ico_arrow_right.svg) no-repeat center/contain; -webkit-transform: rotate(180deg); transform: rotate(180deg) } .qedge-com-about-us .swiper .swiper-container .direction_area .btn_arrow .btn_content .swiper-button-prev:hover { -webkit-transform: rotate(180deg) translateX(6px); transform: rotate(180deg) translateX(6px) } .qedge-com-about-us .swiper .swiper-container .direction_area .btn_arrow .btn_content .swiper-button-next { background: url(../images/icons-lianying/ico_arrow_right.svg) no-repeat center/contain; margin-left: 40px } .qedge-com-about-us .swiper .swiper-container .direction_area .btn_arrow .btn_content .swiper-button-next:hover { -webkit-transform: translateX(6px); transform: translateX(6px) } .qedge-com-about-us .swiper .swiper-container .over_area { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 142px); z-index: 4; font-size: 0 } .qedge-com-about-us .swiper .swiper-container .over_area span { display: inline-block; width: 50%; height: 100%; font-size: 0; cursor: none } .qedge-com-about-us .swiper .swiper-container .over_area span.over_r { left: 50% } .qedge-com-vision-mission { margin-top: 60px; padding-bottom: 80px } .qedge-com-vision-mission .container { max-width: 1160px } .qedge-com-vision-mission>.container>.content, .qedge-com-vision-mission>.content { padding: 30px 25px 70px 25px } .qedge-com-vision-mission>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-vision-mission>.content.no-global-padding>.container>.content, .qedge-com-vision-mission>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-vision-mission .container .content { padding: 0px 25px } .qedge-com-vision-mission-content { position: relative; height: 400px } .qedge-com-vision-mission-content .title { font-family: PingFangSC-Regular, source-han-sans-simplified-c, sans-serif; font-size: 28px; color: #000; line-height: 65px; font-weight: 400; position: absolute; z-index: 2; top: 100px; font-weight: normal } .qedge-com-vision-mission-content .title strong { font-family: PingFangSC-Bold, source-han-sans-simplified-c, sans-serif; font-weight: 700 } .qedge-com-vision-mission-content .title .title-mobile { display: none } .qedge-com-vision-mission-content .bg-title { font-family: PingFangSC-Regular, source-han-sans-simplified-c, sans-serif; font-size: 200px; color: #f7f5f5; letter-spacing: 0; line-height: 200px; position: absolute; text-transform: uppercase; top: 0; width: 92%; height: 100%; background: url("../images/icons-lianying/vm.png") no-repeat; background-size: contain } @media screen and (max-width: 1024px) { .qedge-com-about-us { margin-top: 0; margin-bottom: 0; padding-top: 80px; padding-bottom: 0 } .qedge-com-about-us>.container>.content { padding: 0px 20px 0px 20px; margin: 0 auto } .qedge-com-about-us>.container>.content .us-title, .qedge-com-about-us>.container>.content .thanks-title { font-size: 24px; font-weight: 600; margin-bottom: 32px; line-height: 34px } .qedge-com-about-us>.container>.content .us-title h1, .qedge-com-about-us>.container>.content .us-title h2, .qedge-com-about-us>.container>.content .us-title h3, .qedge-com-about-us>.container>.content .us-title h4, .qedge-com-about-us>.container>.content .us-title h5, .qedge-com-about-us>.container>.content .us-title h6, .qedge-com-about-us>.container>.content .us-title p, .qedge-com-about-us>.container>.content .us-title em, .qedge-com-about-us>.container>.content .us-title i, .qedge-com-about-us>.container>.content .us-title b, .qedge-com-about-us>.container>.content .us-title address, .qedge-com-about-us>.container>.content .thanks-title h1, .qedge-com-about-us>.container>.content .thanks-title h2, .qedge-com-about-us>.container>.content .thanks-title h3, .qedge-com-about-us>.container>.content .thanks-title h4, .qedge-com-about-us>.container>.content .thanks-title h5, .qedge-com-about-us>.container>.content .thanks-title h6, .qedge-com-about-us>.container>.content .thanks-title p, .qedge-com-about-us>.container>.content .thanks-title em, .qedge-com-about-us>.container>.content .thanks-title i, .qedge-com-about-us>.container>.content .thanks-title b, .qedge-com-about-us>.container>.content .thanks-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-about-us>.container>.content .thanks-title { margin-top: 60px } .qedge-com-about-us .vr-iframe { width: 90%; height: 300px } .qedge-com-about-us .content h4 { font-size: 35px; margin-bottom: 1.5em } .qedge-com-about-us img { height: 60vh } .qedge-com-about-us .qedge-slide-us .qedge-com-carousel.type-ly .content .qedge-slide-navs .navi { bottom: -90px } .qedge-com-about-us .qedge-slide-us .qedge-com-carousel.type-ly .content .qedge-sliders .qedge-slide { height: 60vh } .qedge-com-about-us .swiper { margin-top: 0 } .qedge-com-about-us .swiper .swiper-container .swiper-wrapper { height: 200px } .qedge-com-about-us .swiper .swiper-container .swiper-slide img { width: 100%; height: 200px } .qedge-com-about-us .swiper .swiper-container .direction_area { max-width: unset; left: 0; margin-top: 27px; height: 100px; margin-bottom: 55px; padding: 0px 25px 10px 25px } .qedge-com-about-us .swiper .swiper-container .direction_area .swiper-count { display: none; width: auto; margin-left: 2.333333%; font-size: 14px; color: rgba(0, 0, 0, .3); letter-spacing: 4px } .qedge-com-about-us .swiper .swiper-container .direction_area .swiper-count .current { font-size: 14px; letter-spacing: 4px } .qedge-com-about-us .swiper .swiper-container .direction_area .swiper-count .total { font-size: 14px; letter-spacing: 4px } .qedge-com-about-us .swiper .swiper-container .direction_area .swiper-progress { margin-left: 0; width: 40% } .qedge-com-about-us .swiper .swiper-container .direction_area .btn_arrow { margin-left: 20px; margin-top: -10px; width: 40%; float: right } .qedge-com-about-us .swiper .swiper-container .direction_area .btn_arrow .btn_content { float: right } .qedge-com-about-us .swiper .swiper-container .direction_area .btn_arrow .btn_content .cursor-switch { width: 7px; height: 13px } .qedge-com-about-us .swiper .swiper-container .direction_area .btn_arrow .btn_content .cursor-switch.swiper-button-next { margin-left: 30px } .qedge-com-about-us .swiper .swiper-container .direction_area .btn_arrow .btn_content .cursor-switch::after { padding: 10px } .qedge-com-about-us .swiper .swiper-container .direction_area .btn_arrow .btn_content .swiper-button-prev { margin-left: 0 } .qedge-com-about-us .swiper .swiper-container .direction_area .btn_arrow .btn_content .swiper-button-prev:hover { -webkit-transform: rotate(180deg) translateX(0px); transform: rotate(180deg) translateX(0px) } .qedge-com-about-us .swiper .swiper-container .direction_area .btn_arrow .btn_content .swiper-button-next:hover { -webkit-transform: translateX(0px); transform: translateX(0px) } .qedge-com-about-us .swiper .swiper-container .direction_area>li.swiper-title { width: 100%; display: block; height: 70%; margin-top: 0; margin-left: 0px } .qedge-com-about-us .swiper .swiper-container .direction_area>li.swiper-title .title { font-size: 16px; line-height: 26px; top: 10px } .qedge-com-about-us .us-content, .qedge-com-about-us .thanks-content { font-size: 14px; color: #000; letter-spacing: 0; line-height: 24px } .qedge-com-about-us .thanks-content { margin-bottom: 60px } .qedge-com-about-us .content-mobile { display: block } .qedge-com-about-us .content-pc { display: none } .qedge-com-about-us .qedge-com-carousel .content .navi::before { height: 10px; width: 10px } .qedge-com-vision-mission { padding-bottom: 80px } .qedge-com-vision-mission>.container>.content { padding: 0px 20px 0px 20px; margin: 0 auto } .qedge-com-vision-mission-content { position: relative; margin-top: 80px; height: 128px } .qedge-com-vision-mission-content .title { font-size: 16px; color: #000; font-weight: 400; line-height: 30px; position: absolute; z-index: 2; top: 18px } .qedge-com-vision-mission-content .title .title-pc { display: none } .qedge-com-vision-mission-content .title .title-mobile { display: block } .qedge-com-vision-mission-content .bg-title { font-size: 64px; color: #f7f5f5; letter-spacing: 0; font-weight: 400; line-height: 64px; position: absolute; text-transform: uppercase; top: 0; width: 100%; background: url("../images/icons-lianying/vm-mobile.png") no-repeat; background-size: contain } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @media screen and (max-width: 1024px) { .qedge-com-news-release-card-mobile-item { height: 100% } .qedge-com-news-release-card-mobile-item .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100% } .qedge-com-news-release-card-mobile-item .content .qedge-com-motional-image .content { margin-bottom: 24px; padding-bottom: 56.25% } .qedge-com-news-release-card-mobile-item .content .qedge-com-motional-image .content img { position: absolute; height: 100%; top: 0; left: 0 } .qedge-com-news-release-card-mobile-item .content>div { width: 100% } .qedge-com-news-release-card-mobile-item .content .basic-card { margin-bottom: 50px } .qedge-com-news-release-card-mobile-item .content .basic-card .card-heading { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .qedge-com-news-release-card-mobile-item .content .basic-card .card-heading .title { color: #000; letter-spacing: 0; font-size: 16px; line-height: 26px; font-weight: bold; margin-bottom: 12px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; max-height: 3em; overflow: hidden } .qedge-com-news-release-card-mobile-item .content .basic-card .card-heading .title h1, .qedge-com-news-release-card-mobile-item .content .basic-card .card-heading .title h2, .qedge-com-news-release-card-mobile-item .content .basic-card .card-heading .title h3, .qedge-com-news-release-card-mobile-item .content .basic-card .card-heading .title h4, .qedge-com-news-release-card-mobile-item .content .basic-card .card-heading .title h5, .qedge-com-news-release-card-mobile-item .content .basic-card .card-heading .title h6, .qedge-com-news-release-card-mobile-item .content .basic-card .card-heading .title p, .qedge-com-news-release-card-mobile-item .content .basic-card .card-heading .title em, .qedge-com-news-release-card-mobile-item .content .basic-card .card-heading .title i, .qedge-com-news-release-card-mobile-item .content .basic-card .card-heading .title b, .qedge-com-news-release-card-mobile-item .content .basic-card .card-heading .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-news-release-card-mobile-item .content .basic-card .card-content { width: 90%; letter-spacing: 0; font-size: 14px; line-height: 24px; font-weight: normal; padding: 0px; color: #666; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 8em; overflow: hidden } .qedge-com-news-release-card-mobile-item .content .basic-card .card-content h1, .qedge-com-news-release-card-mobile-item .content .basic-card .card-content h2, .qedge-com-news-release-card-mobile-item .content .basic-card .card-content h3, .qedge-com-news-release-card-mobile-item .content .basic-card .card-content h4, .qedge-com-news-release-card-mobile-item .content .basic-card .card-content h5, .qedge-com-news-release-card-mobile-item .content .basic-card .card-content h6, .qedge-com-news-release-card-mobile-item .content .basic-card .card-content p, .qedge-com-news-release-card-mobile-item .content .basic-card .card-content em, .qedge-com-news-release-card-mobile-item .content .basic-card .card-content i, .qedge-com-news-release-card-mobile-item .content .basic-card .card-content b, .qedge-com-news-release-card-mobile-item .content .basic-card .card-content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-about-global { position: relative; padding-top: 100px; background-color: rgba(12, 12, 12, .1) } .qedge-com-about-global .container { max-width: 1160px } .qedge-com-about-global>.container>.content, .qedge-com-about-global>.content { padding: 30px 25px 70px 25px } .qedge-com-about-global>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-about-global>.content.no-global-padding>.container>.content, .qedge-com-about-global>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-about-global .qedge-global-ie10-image-container img { width: 100%; height: auto; display: block } .qedge-com-about-global .qedge-global-ie10-image-container .pc-image { position: relative } .qedge-com-about-global .qedge-global-ie10-image-container .pc-image .content { position: absolute; top: 100px; left: calc((100% - 1160px)/2 + 25px) } .qedge-com-about-global .qedge-global-ie10-image-container .pc-image .content .title { font-size: 40px } .qedge-com-about-global .qedge-com-news-title .container { max-width: 1160px } .qedge-com-about-global .qedge-com-news-title .container .content { padding-left: 25px; padding-right: 25px; margin-bottom: 60px } .qedge-com-about-global .qedge-global-3d-container>.content { position: relative; z-index: 10; min-width: 1160px; padding-left: calc((100% - 1160px)/2); padding-right: 0; padding-bottom: 0; overflow: hidden; min-height: 720px } .qedge-com-about-global .qedge-global-3d-container>.content .global-city-choose-list { position: absolute; top: 0; padding-left: 25px } .qedge-com-about-global .qedge-global-3d-container>.content .global-city-choose-list .choose-item { font-size: 20px; color: #666; padding: 5px; cursor: pointer } .qedge-com-about-global .qedge-global-3d-container>.content .global-city-choose-list .choose-item.is-active { color: #000 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image { width: 100%; height: 100%; position: relative; padding-left: 25px; min-width: 1500px } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .global-city-slider { display: none } .qedge-com-about-global .qedge-global-3d-container>.content .map-image img { display: block; max-width: 100%; max-height: 100%; margin: 0 auto } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .map-left-overlay { width: 600px; height: 500px; position: absolute; left: 0; bottom: 0; z-index: 999 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location { position: absolute; height: 0; font-size: 16px; display: none; opacity: 0 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .name { float: right; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; -webkit-transition: font-size linear .3s; transition: font-size linear .3s } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .name>span { display: block; background: #000; border: 1px solid #000; color: #fff; padding: .1em .6em } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .name .border { height: 5px; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .name .border-global { height: 5px; background-color: #c9a063 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .name .border-regional { height: 5px; background-color: #0091bd } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .name .border-dev { height: 5px; background-color: #17d4ce } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .name .border-product { height: 5px; background-color: #e3d11a } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .name .border.type-1 span { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .name .border.type-2 span { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .name .border.type-3 span { -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3% } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .name .border.type-3 span.border-dev { -webkit-box-flex: 0; -ms-flex: 0 0 33.4%; flex: 0 0 33.4% } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .info-box { position: absolute; top: 0; left: 200px; font-size: 16px; opacity: 0; height: 0; overflow: hidden; -webkit-transition: all .3s linear .2s; transition: all .3s linear .2s } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .info-box .info-header { margin-top: 20px; font-weight: bold; color: #000 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .info-box .info-detail { margin-top: 10px; color: #000 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .info-box .info-detail p { margin: 5px 0; line-height: 1.5 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .info-box .info-detail a.get-route { display: inline-block; margin-top: 40px; color: #1890ff } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .line-wrapper { position: absolute; height: 0; top: 0; left: 200px; right: 0; overflow: hidden } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .line-wrapper .info-line { float: right; width: 0; border-top: 1px solid #000; -webkit-transition: width linear .3s; transition: width linear .3s } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .coordinates, .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .m-coordinates { display: none } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location.is-show { opacity: 1; display: block } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location.is-active { z-index: 90; text-decoration: none } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location.is-active::before { background-color: #ec570e; -webkit-box-shadow: 0 0 0 8px rgba(255, 215, 0, .4); box-shadow: 0 0 0 8px rgba(255, 215, 0, .4) } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location.is-active .name { font-size: 18px } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location.is-active .info-box { opacity: 1; height: auto } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location.is-active .line-wrapper { height: auto } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location.is-active .line-wrapper .info-line { width: 1160px } .qedge-com-about-global .qedge-global-3d-container>.content .map-description { position: absolute; bottom: 20px } .qedge-com-about-global .qedge-global-3d-container>.content .map-description-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-about-global .qedge-global-3d-container>.content .map-description-item-color { width: 16px; height: 16px } .qedge-com-about-global .qedge-global-3d-container>.content .map-description-item-color.-brown { background: #c9a063 } .qedge-com-about-global .qedge-global-3d-container>.content .map-description-item-color.-blue { background: #0091bd } .qedge-com-about-global .qedge-global-3d-container>.content .map-description-item-color.-green { background: #17d4ce } .qedge-com-about-global .qedge-global-3d-container>.content .map-description-item-color.-yellow { background: #e3d11a } .qedge-com-about-global .qedge-global-3d-container>.content .map-description-item-name { padding-left: 15px; max-width: 720px; font-family: source-han-sans-simplified-c, sans-serif; font-size: 16px; color: #666; letter-spacing: 0; text-align: justify; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } @media screen and (max-width: 1024px) { .qedge-com-about-global { padding-top: 76px } .qedge-com-about-global .qedge-global-3d-container .qedge-com-news-title .container .content { margin-bottom: 32px; padding: 0 5.3% } .qedge-com-about-global .qedge-global-3d-container>.content { padding: 0; min-width: auto; min-height: auto } .qedge-com-about-global .qedge-global-3d-container>.content .map-image { min-width: auto; height: 680px; padding-left: 0; position: relative } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .global-city-slider-warpper { position: absolute; top: 0; left: 0 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .global-city-slider-warpper .global-city-slider { display: block; position: relative; width: 155px; padding-left: 15px; font-size: 16px; border-right: 1px solid rgba(0, 0, 0, .5) } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .global-city-slider-warpper .global-city-slider .slider-item { color: #999; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .global-city-slider-warpper .global-city-slider .slider-item.active { color: #000; position: relative } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .global-city-slider-warpper .global-city-slider .slider-item .country { margin-left: -34px; font-size: 12px } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .global-city-slider-warpper .global-city-slider .slider-active-border { content: ""; position: absolute; top: 0; right: 0; height: 40px; width: 4px; background: #000; -webkit-transition: top ease .3s; transition: top ease .3s } .qedge-com-about-global .qedge-global-3d-container>.content .map-image #map-container { height: 100%; line-height: 1; font-size: 0 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location { position: static; display: block; opacity: 1 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .name, .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .info-box { position: absolute; display: block; visibility: hidden; opacity: 0 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .info-box { width: calc(100vw - 155px); height: auto; top: 0; left: 155px; padding: 0 15px } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .info-box .info-header { display: none } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .info-box .info-detail { font-size: 16px; line-height: 24px; margin-top: 0 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .info-box .info-detail a.get-route { color: #1890ff } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .info-box .info-detail p { margin: 16px 0 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .info-box .info-detail p:first-of-type { margin-top: 0 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .info-box .info-detail p:last-of-type { margin-bottom: 0 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location.is-active .name, .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location.is-active .info-box { visibility: hidden; opacity: 0 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location.is-active .info-box:after { border: none } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location.is-active.is-show .name, .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location.is-active.is-show .info-box { position: absolute; visibility: visible; opacity: 1 } .qedge-com-about-global .qedge-global-3d-container>.content .map-image .location .line-wrapper { display: none } .qedge-com-about-global .qedge-global-3d-container>.content .global-city-choose-list { display: none } .qedge-com-about-global .qedge-global-3d-container>.content .map-description { left: 15px; bottom: 10px; font-size: 14px } .qedge-com-about-global .qedge-global-3d-container>.content .map-description .map-description-item { padding-bottom: 5px } .qedge-com-about-global .qedge-global-3d-container>.content .map-description .map-description-item .map-description-item-color { width: 12px; height: 12px } } @media screen and (min-width: 768px) { .qedge-com-about-global .mobile-image { display: none } .qedge-com-about-global .pc-image { display: block } } @media screen and (max-width: 767px) { .qedge-com-about-global .mobile-image { display: block } .qedge-com-about-global .pc-image { display: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .cursor { display: none } .cursor-switch { cursor: none } .cursor__inner { z-index: 9999; pointer-events: none; position: absolute; top: 0; left: 0; border-radius: 50% } .cursor__side { position: absolute; top: 50%; width: 5px; height: 1px; background: #000; opacity: 0 } .cursor__side--left { right: calc(100% + 5px) } .cursor__side--right { left: calc(100% + 5px) } .cursor__inner--circle { width: 25px; height: 25px; border: 1px solid #000; text-align: center; line-height: 80px; color: #fff; width: 80px; height: 80px; font-size: 14px; background-color: #000; opacity: .8; cursor: none } .qedge-horizon-video-container a { cursor: pointer !important } .qedge-horizon-video-container .cursor { display: none } .qedge-horizon-video-container .tile.is-ancestor:not(:last-child) { margin-bottom: 4px } .qedge-horizon-video-container .tile.is-parent { padding: 1px } .qedge-horizon-video-container video { width: 100%; height: 100%; position: relative; left: 0; top: 0; -webkit-transition: all ease .5s; transition: all ease .5s; -o-object-fit: cover; object-fit: cover } .qedge-horizon-video-container .switch { opacity: .9 } @media screen and (max-width: 1024px) { .qedge-horizon-video-container .tile.is-parent { padding: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-pagination .container .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 75px 0 130px } .qedge-com-pagination .container .content .pagination { display: inline-block; margin: 0 } .qedge-com-pagination .container .content .pagination li { display: inline } .qedge-com-pagination .container .content .pagination li .prev, .qedge-com-pagination .container .content .pagination li .next { content: " "; display: inline-block; height: 8px; width: 8px; border-width: 2px 2px 0 0; border-color: #000; border-style: solid; margin-bottom: 1px } .qedge-com-pagination .container .content .pagination li .disabled { border-color: #a2a2a2 } .qedge-com-pagination .container .content .pagination li:first-child a { margin-right: 40px } .qedge-com-pagination .container .content .pagination li:first-child a .prev { -webkit-transform: matrix(-0.71, 0.71, 0.71, 0.71, 0, 0); transform: matrix(-0.71, 0.71, 0.71, 0.71, 0, 0); margin-left: 2px } .qedge-com-pagination .container .content .pagination li:last-child a { margin-left: 20px; margin-right: 0 } .qedge-com-pagination .container .content .pagination li:last-child a .next { -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); margin-right: 2px } .qedge-com-pagination .container .content .pagination li a { font-size: 16px; width: 28px; height: 28px; color: #000; float: left; margin-right: 20px; text-decoration: none; border-radius: 50% } .qedge-com-pagination .container .content .pagination li a.active { background-color: #000; color: #fff } .qedge-com-pagination .container .content .pagination li a:hover:not(.active) { background-color: #d7d7d7 } .qedge-com-load-more .container .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 75px 0 130px } @media screen and (max-width: 1024px) { .qedge-com-pagination .container .content { padding: 45px 0; font-size: 12px } .qedge-com-pagination .container .content .pagination li .prev, .qedge-com-pagination .container .content .pagination li .next { margin-bottom: 0 } .qedge-com-pagination .container .content .pagination li:first-child a { margin-right: 20px } .qedge-com-pagination .container .content .pagination li:last-child a { margin-left: 10px } .qedge-com-pagination .container .content .pagination li a { font-size: 12px; width: 22px; height: 22px; margin-right: 10px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-draggable-image-strip { height: 100%; margin-bottom: 70px; margin-top: -70px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .qedge-com-draggable-image-strip .cursor { display: none } .qedge-com-draggable-image-strip .js .loading::before { content: ""; position: fixed; z-index: 100000; top: 0; left: 0; width: 100%; height: 100%; background: #000 } .qedge-com-draggable-image-strip .js .loading::after { content: ""; position: fixed; z-index: 100000; top: calc(50% - 30px); left: calc(50% - 25px); width: 50px; height: 60px; pointer-events: none; opacity: .4; background: #c35340; -webkit-animation: loaderAnim .7s linear infinite alternate forwards; animation: loaderAnim .7s linear infinite alternate forwards } @-webkit-keyframes loaderAnim { to { opacity: 1; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1) } } @keyframes loaderAnim { to { opacity: 1; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1) } } .qedge-com-draggable-image-strip a { text-decoration: none; color: #c35340; outline: none } .qedge-com-draggable-image-strip a:hover, .qedge-com-draggable-image-strip a:focus { color: #fff; outline: none } .qedge-com-draggable-image-strip main { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column } .qedge-com-draggable-image-strip .frame { display: none; padding: 1.5rem; position: absolute; top: 0; left: 0; z-index: 1000; pointer-events: none } .qedge-com-draggable-image-strip .frame a { pointer-events: auto } .qedge-com-draggable-image-strip .frame__title { font-size: 1rem; margin: 0 0 .5rem; font-weight: normal } .qedge-com-draggable-image-strip .frame__links { display: -ms-flexbox; display: -webkit-box; display: flex; margin: .5rem 0 } .qedge-com-draggable-image-strip .frame__links a { margin: 0 .35rem; padding: 0 .35rem; position: relative } .qedge-com-draggable-image-strip .frame__links a:first-child { margin-left: 0; padding-left: 0 } .qedge-com-draggable-image-strip .frame__links a:not(:last-child)::after { content: ""; width: 1px; height: 1rem; background: #c35340; position: absolute; left: calc(100% + .35rem); top: calc(50% - .5rem); pointer-events: none } .qedge-com-draggable-image-strip .frame__subtitle { font-weight: normal; font-size: 1rem; margin: .5rem 0 1rem } .qedge-com-draggable-image-strip .frame__indicator { display: none } .qedge-com-draggable-image-strip .strip-outer { min-width: 100%; height: 100%; margin: auto; position: relative; overflow: hidden; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: none; flex: none } .qedge-com-draggable-image-strip .strip-inner { position: relative; top: 0; height: 100% } .qedge-com-draggable-image-strip .draggable { height: 100%; top: 0; width: 100%; position: absolute; cursor: pointer } .qedge-com-draggable-image-strip .draggable:active { cursor: pointer } .qedge-com-draggable-image-strip .strip { margin-left: 120px; height: 100%; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; position: relative; pointer-events: none } .qedge-com-draggable-image-strip .strip__item { margin-right: 120px; height: 100%; position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; -ms-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-draggable-image-strip .img-outer { height: 100%; width: 540px; overflow: hidden; position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none } .qedge-com-draggable-image-strip .img-outer--size-s { --imgheight: 100%; --imgwidth: 540px } .qedge-com-draggable-image-strip .strip-cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; color: #c35340; pointer-events: none; opacity: 0 } .qedge-com-draggable-image-strip .strip-cover__title { font-family: source-han-sans-simplified-c, sans-serif; font-weight: 400; font-size: 20vw; margin: 0; line-height: 1; -webkit-text-stroke: 1px #c35340; text-stroke: 1px #c35340; -webkit-text-fill-color: rgba(0, 0, 0, 0); text-fill-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0) } .qedge-com-draggable-image-strip .strip-cover__subtitle { font-size: 1.5rem; margin: 0 } .qedge-com-draggable-image-strip .strip, .qedge-com-draggable-image-strip .strip__item, .qedge-com-draggable-image-strip .cursor__side, .qedge-com-draggable-image-strip .content__close, .qedge-com-draggable-image-strip .content__item-title, .qedge-com-draggable-image-strip .content__item-copy { will-change: transform } .qedge-com-draggable-image-strip.is-service .strip__item { margin-right: 30px } .qedge-com-draggable-image-strip.is-service .img-outer--size-s { --imgwidth: 635px } .qedge-com-draggable-image-strip.is-service .img-outer--size-s .qedge-com-news-card-item .content .qedge-com-motional-image .content { width: 635px; height: 357px; margin-bottom: 30px } .qedge-com-draggable-image-strip.is-service .img-outer--size-s .qedge-com-news-card-item .content .qedge-com-motional-image .content img { height: 100% } .qedge-com-draggable-image-strip.is-service .img-outer--size-s .qedge-com-news-card-item .content .basic-card .card-content { width: 96%; -webkit-line-clamp: 10; max-height: 20em } .qedge-com-draggable-image-strip.type-investor main .strip-outer .strip-inner .strip__item { margin-right: 60px; border-right: 1px solid #000; padding-right: 60px } .qedge-com-draggable-image-strip.type-investor main .strip-outer .strip-inner .strip__item .img-outer .qedge-com-news-card-item .content .basic-card .card-content { margin-bottom: 26px; -webkit-line-clamp: 2 } .qedge-com-draggable-image-strip.type-investor main .strip-outer .strip-inner .strip__item .img-outer .qedge-com-news-card-item .content .basic-card .card-footer { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-top: unset } .qedge-com-draggable-image-strip.type-investor main .strip-outer .strip-inner .strip__item .img-outer .qedge-com-news-card-item .content .basic-card .card-footer .time { font-size: 16px; color: #666; letter-spacing: 0; text-align: justify; line-height: 28px; font-weight: 400 } @media screen and (max-width: 1024px) { .qedge-com-draggable-image-strip { display: none; margin-top: -20px; margin-bottom: 5px } .qedge-com-draggable-image-strip body { overflow: hidden } .qedge-com-draggable-image-strip .strip { margin-left: 20px } .qedge-com-draggable-image-strip .img-outer { height: 100%; width: 540px; overflow: hidden; position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none } .qedge-com-draggable-image-strip .img-outer--size-s { --imgheight: 100%; --imgwidth: 320px } .qedge-com-draggable-image-strip .strip__item { margin-right: 20px } .qedge-com-draggable-image-strip .frame { display: none; position: fixed; text-align: left; z-index: 10000; display: grid; -ms-flex-line-pack: justify; align-content: space-between; width: 100%; max-width: none; height: 100vh; padding: 1.25rem 3rem; pointer-events: none; grid-template-columns: 80% 20%; grid-template-rows: auto auto auto; grid-template-areas: "page-title links" "... ..." "indicator sub-title" } .qedge-com-draggable-image-strip .frame__title-wrap { grid-area: page-title; display: -ms-flexbox; display: -webkit-box; display: flex } .qedge-com-draggable-image-strip .frame__title { margin: 0 } .qedge-com-draggable-image-strip .frame__subtitle { grid-area: sub-title; justify-self: flex-end; margin: 0 } .qedge-com-draggable-image-strip .frame__links { padding: 0; margin: 0 0 0 2rem } .qedge-com-draggable-image-strip .frame__indicator { grid-area: indicator; margin: 0 } .qedge-com-draggable-image-strip .content__item { top: 0; grid-template-columns: 40% 45% 15%; grid-template-rows: 100%; grid-template-areas: "content-copy content-img ... " } .qedge-com-draggable-image-strip .content__item-copy { max-width: 240px; justify-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; text-align: right } .qedge-com-draggable-image-strip .strip-cover__title { font-size: 15vw; -webkit-text-stroke: 2px #c35340; text-stroke: 2px #c35340 } .qedge-com-draggable-image-strip .strip-cover__subtitle { font-size: 3rem } .qedge-com-draggable-image-strip .cursor { display: none } .qedge-com-draggable-image-strip .cursor__inner { z-index: 9999; pointer-events: none; position: absolute; top: 0; left: 0; mix-blend-mode: difference; border-radius: 50% } .qedge-com-draggable-image-strip .cursor__side { position: absolute; top: 50%; width: 5px; height: 1px; background: #fff; opacity: 0 } .qedge-com-draggable-image-strip .cursor__side--left { right: calc(100% + 5px) } .qedge-com-draggable-image-strip .cursor__side--right { left: calc(100% + 5px) } .qedge-com-draggable-image-strip .cursor__inner--circle { width: 25px; height: 25px; border: 1px solid #fff } } @media(any-pointer: fine) { .cursor { display: block } .cursor__inner { pointer-events: none; position: absolute; top: 0; left: 0; border-radius: 50% } .cursor__inner--circle { opacity: .7; text-align: center; line-height: 80px; color: #fff; width: 80px; height: 80px; font-size: 14px; background-color: #000 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-search-result-total-count .content .total-count { font-size: 16px; color: #000; margin-bottom: 0px; font-weight: bold } .qedge-com-search-result-total-count .content .total-count h1, .qedge-com-search-result-total-count .content .total-count h2, .qedge-com-search-result-total-count .content .total-count h3, .qedge-com-search-result-total-count .content .total-count h4, .qedge-com-search-result-total-count .content .total-count h5, .qedge-com-search-result-total-count .content .total-count h6, .qedge-com-search-result-total-count .content .total-count p, .qedge-com-search-result-total-count .content .total-count em, .qedge-com-search-result-total-count .content .total-count i, .qedge-com-search-result-total-count .content .total-count b, .qedge-com-search-result-total-count .content .total-count address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } @media screen and (max-width: 1024px) { .qedge-com-search-result-total-count .content .total-count { font-size: 14px; line-height: 24px } .qedge-com-search-result-total-count .content .total-count h1, .qedge-com-search-result-total-count .content .total-count h2, .qedge-com-search-result-total-count .content .total-count h3, .qedge-com-search-result-total-count .content .total-count h4, .qedge-com-search-result-total-count .content .total-count h5, .qedge-com-search-result-total-count .content .total-count h6, .qedge-com-search-result-total-count .content .total-count p, .qedge-com-search-result-total-count .content .total-count em, .qedge-com-search-result-total-count .content .total-count i, .qedge-com-search-result-total-count .content .total-count b, .qedge-com-search-result-total-count .content .total-count address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-search-result-item .container .content { padding-bottom: 40px; padding-top: 40px; border-bottom: 1px solid #e5e5e5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .qedge-com-search-result-item .container .content .search-details { width: 85%; margin-right: 6% } .qedge-com-search-result-item .container .content .search-details:only-child { width: 59% } .qedge-com-search-result-item .container .content .search-details .date { margin-top: 0; font-size: 14px; color: #999; margin-bottom: 8px } .qedge-com-search-result-item .container .content .search-details .date h1, .qedge-com-search-result-item .container .content .search-details .date h2, .qedge-com-search-result-item .container .content .search-details .date h3, .qedge-com-search-result-item .container .content .search-details .date h4, .qedge-com-search-result-item .container .content .search-details .date h5, .qedge-com-search-result-item .container .content .search-details .date h6, .qedge-com-search-result-item .container .content .search-details .date p, .qedge-com-search-result-item .container .content .search-details .date em, .qedge-com-search-result-item .container .content .search-details .date i, .qedge-com-search-result-item .container .content .search-details .date b, .qedge-com-search-result-item .container .content .search-details .date address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-search-result-item .container .content .search-details .title { font-weight: bold; font-size: 24px; color: #000; margin-bottom: 20px; line-height: 33px } .qedge-com-search-result-item .container .content .search-details .title h1, .qedge-com-search-result-item .container .content .search-details .title h2, .qedge-com-search-result-item .container .content .search-details .title h3, .qedge-com-search-result-item .container .content .search-details .title h4, .qedge-com-search-result-item .container .content .search-details .title h5, .qedge-com-search-result-item .container .content .search-details .title h6, .qedge-com-search-result-item .container .content .search-details .title p, .qedge-com-search-result-item .container .content .search-details .title em, .qedge-com-search-result-item .container .content .search-details .title i, .qedge-com-search-result-item .container .content .search-details .title b, .qedge-com-search-result-item .container .content .search-details .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-search-result-item .container .content .search-details .main-content { font-size: 16px; color: #666 } .qedge-com-search-result-item .container .content .search-details .main-content h1, .qedge-com-search-result-item .container .content .search-details .main-content h2, .qedge-com-search-result-item .container .content .search-details .main-content h3, .qedge-com-search-result-item .container .content .search-details .main-content h4, .qedge-com-search-result-item .container .content .search-details .main-content h5, .qedge-com-search-result-item .container .content .search-details .main-content h6, .qedge-com-search-result-item .container .content .search-details .main-content p, .qedge-com-search-result-item .container .content .search-details .main-content em, .qedge-com-search-result-item .container .content .search-details .main-content i, .qedge-com-search-result-item .container .content .search-details .main-content b, .qedge-com-search-result-item .container .content .search-details .main-content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-search-result-item .container .content .qedge-com-motional-bg-image { margin-top: 5px; width: 50%; height: auto } .qedge-com-search-result-item:hover, .qedge-com-search-result-item:focus, .qedge-com-search-result-item:active { color: #4a4a4a } .qedge-com-search-result-item:last-child { margin-bottom: 130px } @media screen and (max-width: 1024px) { .qedge-com-search-result-item .container .content { padding-bottom: 0; padding-top: 30px; border-bottom: 1px solid #e4e4e4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .qedge-com-search-result-item .container .content .search-details { width: 100%; margin-right: 0 } .qedge-com-search-result-item .container .content .search-details:only-child { width: 100% } .qedge-com-search-result-item .container .content .search-details .date { font-size: 12px; line-height: 22px; color: #666; margin-bottom: 30px } .qedge-com-search-result-item .container .content .search-details .date h1, .qedge-com-search-result-item .container .content .search-details .date h2, .qedge-com-search-result-item .container .content .search-details .date h3, .qedge-com-search-result-item .container .content .search-details .date h4, .qedge-com-search-result-item .container .content .search-details .date h5, .qedge-com-search-result-item .container .content .search-details .date h6, .qedge-com-search-result-item .container .content .search-details .date p, .qedge-com-search-result-item .container .content .search-details .date em, .qedge-com-search-result-item .container .content .search-details .date i, .qedge-com-search-result-item .container .content .search-details .date b, .qedge-com-search-result-item .container .content .search-details .date address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-search-result-item .container .content .search-details .title { margin-top: 10px; font-size: 16px; line-height: 26px; margin-bottom: 8px } .qedge-com-search-result-item .container .content .search-details .title h1, .qedge-com-search-result-item .container .content .search-details .title h2, .qedge-com-search-result-item .container .content .search-details .title h3, .qedge-com-search-result-item .container .content .search-details .title h4, .qedge-com-search-result-item .container .content .search-details .title h5, .qedge-com-search-result-item .container .content .search-details .title h6, .qedge-com-search-result-item .container .content .search-details .title p, .qedge-com-search-result-item .container .content .search-details .title em, .qedge-com-search-result-item .container .content .search-details .title i, .qedge-com-search-result-item .container .content .search-details .title b, .qedge-com-search-result-item .container .content .search-details .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-search-result-item .container .content .search-details .main-content { display: none } .qedge-com-search-result-item .container .content .qedge-com-motional-bg-image { margin-top: 0; width: 100%; margin-bottom: 12px } .qedge-com-search-result-item .container .content .qedge-com-motional-bg-image img { display: block } .qedge-com-search-result-item:hover, .qedge-com-search-result-item:focus, .qedge-com-search-result-item:active { color: #4a4a4a } .qedge-com-search-result-item:last-child { margin-bottom: 40px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-no-search-result .split-line { margin-top: 10px; border-top: 0 } .qedge-com-no-search-result .content { text-align: center } .qedge-com-no-search-result .content .title { margin-top: 80px; font-size: 24px; color: #000; margin-bottom: 30px; font-weight: bold } .qedge-com-no-search-result .content .title h1, .qedge-com-no-search-result .content .title h2, .qedge-com-no-search-result .content .title h3, .qedge-com-no-search-result .content .title h4, .qedge-com-no-search-result .content .title h5, .qedge-com-no-search-result .content .title h6, .qedge-com-no-search-result .content .title p, .qedge-com-no-search-result .content .title em, .qedge-com-no-search-result .content .title i, .qedge-com-no-search-result .content .title b, .qedge-com-no-search-result .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-no-search-result .content .description { font-size: 16px; color: #000; margin-bottom: 200px } .qedge-com-no-search-result .content .description h1, .qedge-com-no-search-result .content .description h2, .qedge-com-no-search-result .content .description h3, .qedge-com-no-search-result .content .description h4, .qedge-com-no-search-result .content .description h5, .qedge-com-no-search-result .content .description h6, .qedge-com-no-search-result .content .description p, .qedge-com-no-search-result .content .description em, .qedge-com-no-search-result .content .description i, .qedge-com-no-search-result .content .description b, .qedge-com-no-search-result .content .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } @media screen and (max-width: 1024px) { .qedge-com-no-search-result .split-line { display: none } .qedge-com-no-search-result .content .title { margin-top: 40px; font-size: 15px; margin-bottom: 25px } .qedge-com-no-search-result .content .title h1, .qedge-com-no-search-result .content .title h2, .qedge-com-no-search-result .content .title h3, .qedge-com-no-search-result .content .title h4, .qedge-com-no-search-result .content .title h5, .qedge-com-no-search-result .content .title h6, .qedge-com-no-search-result .content .title p, .qedge-com-no-search-result .content .title em, .qedge-com-no-search-result .content .title i, .qedge-com-no-search-result .content .title b, .qedge-com-no-search-result .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-no-search-result .content .description { font-size: 14px } .qedge-com-no-search-result .content .description h1, .qedge-com-no-search-result .content .description h2, .qedge-com-no-search-result .content .description h3, .qedge-com-no-search-result .content .description h4, .qedge-com-no-search-result .content .description h5, .qedge-com-no-search-result .content .description h6, .qedge-com-no-search-result .content .description p, .qedge-com-no-search-result .content .description em, .qedge-com-no-search-result .content .description i, .qedge-com-no-search-result .content .description b, .qedge-com-no-search-result .content .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-products>.container>.content { position: relative } .qedge-com-products>.container>.content .dropdown { -webkit-transition: all linear 3s; transition: all linear 3s; position: absolute; top: 0; right: 0 } .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); font-size: 24px; color: #000; padding-left: 0; font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 500; padding-right: 4px } .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button h1, .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button h2, .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button h3, .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button h4, .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button h5, .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button h6, .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button p, .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button em, .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button i, .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button b, .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button:hover, .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button:focus, .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button:active { border: 1px solid rgba(0, 0, 0, 0); -webkit-box-shadow: none; box-shadow: none } .qedge-com-products>.container>.content .dropdown .dropdown-menu { z-index: 100; width: 247px; min-width: 100%; left: auto; right: 0 } .qedge-com-products>.container>.content .dropdown .dropdown-menu .dropdown-content { -webkit-transition: all linear 3s; transition: all linear 3s; border-radius: 1px; cursor: pointer; padding-bottom: 0; padding-top: 0; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .06); box-shadow: 0 0 15px rgba(0, 0, 0, .06) } .qedge-com-products>.container>.content .dropdown .dropdown-menu .dropdown-content .dropdown-item { height: 53px; text-align: center; padding-left: 0; padding-right: 30px; vertical-align: middle; @includ inherit-font; @includ inherit-color; font-size: 18px; color: #111; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: .5; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-products>.container>.content .dropdown .dropdown-menu .dropdown-content .dropdown-item.is-active { background-color: #efefef; opacity: 1 } .qedge-com-products>.container>.content .dropdown .dropdown-menu .dropdown-content .dropdown-item:hover, .qedge-com-products>.container>.content .dropdown .dropdown-menu .dropdown-content .dropdown-item:focus, .qedge-com-products>.container>.content .dropdown .dropdown-menu .dropdown-content .dropdown-item:active { background-color: #efefef } .qedge-com-products>.container>.content .dropdown.is-active i.ti-angle-down { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .qedge-com-products>.container>.content .productList .qedge-com-product-image-card-text { display: block } .qedge-com-products>.container>.content .productList .qedge-com-product-image-card-text>.container>.content { padding-bottom: 20px } .qedge-com-products>.container>.content .productList .qedge-com-product-image-card-text>.container>.content .image-container { height: 274px } .qedge-com-products>.container>.content .productList .qedge-com-product-image-card-text>.container>.content .title { font-size: 20px; line-height: 36px; padding-top: 20px; padding-bottom: 0; color: #000; letter-spacing: 0; margin-bottom: 0; text-align: center } .qedge-com-products>.container>.content .productList .qedge-com-product-image-card-text:hover { -webkit-box-shadow: 0 4px 16px -4px rgba(0, 0, 0, .1); box-shadow: 0 4px 16px -4px rgba(0, 0, 0, .1); background: #fff } .qedge-com-products .view-more { display: none } @media screen and (max-width: 1024px) { .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button { padding-top: 0; padding-bottom: 0; height: auto } .qedge-com-products>.container>.content .productList .columns.is-multiline { display: grid; grid-template-columns: 50% 50%; width: 100%; margin: auto } .qedge-com-products>.container>.content .productList .columns.is-multiline .column.product-item { padding: 0; border: 1px solid #d1d1d1; border-radius: 4px; margin-bottom: 20px; width: auto; overflow: hidden } .qedge-com-products>.container>.content .productList .columns.is-multiline .column.product-item:nth-of-type(2n+1) { margin-right: 5px } .qedge-com-products>.container>.content .productList .columns.is-multiline .column.product-item:nth-of-type(2n) { margin-left: 5px } .qedge-com-products>.container>.content .productList .columns.is-multiline .column.product-item .qedge-com-product-image-card-text .container .content { padding-bottom: 0 } .qedge-com-products>.container>.content .productList .columns.is-multiline .column.product-item .qedge-com-product-image-card-text .container .content .image-container { height: 160px } .qedge-com-products>.container>.content .productList .columns.is-multiline .column.product-item .qedge-com-product-image-card-text .container .content .title { min-height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 } .qedge-com-products>.container>.content .productList .columns.is-multiline .column.product-item .qedge-com-product-image-card-text .container .content .view-more { height: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: .5px solid #d1d1d1; font-size: 12px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-product-banner.-black>.content .banner-note-content { color: #000 } .qedge-com-product-banner>.content { position: relative } .qedge-com-product-banner>.content .bg-mask-black { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); top: 0; z-index: 25 } .qedge-com-product-banner>.content .qedge-com-motional-image { height: 750px } .qedge-com-product-banner>.content .qedge-com-motional-image .content { height: 100% } .qedge-com-product-banner>.content .qedge-com-motional-image .content img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-product-banner>.content .banner-introduction { position: absolute; top: 0; left: 0; z-index: 100; color: #fff; width: 100%; height: 100% } .qedge-com-product-banner>.content .banner-introduction .introduction { position: absolute; right: calc((100% - 1110px)/2 + 80px); top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100% } .qedge-com-product-banner>.content .banner-introduction .introduction .intro-header, .qedge-com-product-banner>.content .banner-introduction .introduction .more-link { display: none } .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title { font-size: 1.5em; font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 700 } .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title h1, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title h2, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title h3, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title h4, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title h5, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title h6, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title p, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title em, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title i, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title b, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle { font-size: 3em; font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 700; line-height: 70px; margin: 12px 0px; color: #fff } .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle h1, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle h2, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle h3, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle h4, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle h5, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle h6, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle p, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle em, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle i, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle b, .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle.small { font-size: 40px } .qedge-com-product-banner>.content .banner-introduction .introduction .intro { font-size: 1em; font-family: source-han-sans-simplified-c, sans-serif; font-weight: 300; color: #fff } .qedge-com-product-banner>.content .banner-introduction .introduction .intro h1, .qedge-com-product-banner>.content .banner-introduction .introduction .intro h2, .qedge-com-product-banner>.content .banner-introduction .introduction .intro h3, .qedge-com-product-banner>.content .banner-introduction .introduction .intro h4, .qedge-com-product-banner>.content .banner-introduction .introduction .intro h5, .qedge-com-product-banner>.content .banner-introduction .introduction .intro h6, .qedge-com-product-banner>.content .banner-introduction .introduction .intro p, .qedge-com-product-banner>.content .banner-introduction .introduction .intro em, .qedge-com-product-banner>.content .banner-introduction .introduction .intro i, .qedge-com-product-banner>.content .banner-introduction .introduction .intro b, .qedge-com-product-banner>.content .banner-introduction .introduction .intro address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-banner>.content .banner-introduction .introduction .intro.isCenter { text-align: center } .qedge-com-product-banner>.content .banner-introduction .introduction .intro .sub-intro { font-weight: bold } .qedge-com-product-banner>.content .banner-introduction .introduction .motto { display: inline-block; margin-top: 40px; width: 161px; height: 13px; background: url("../images/samples/passion-for-change/en-white.svg") } .qedge-com-product-banner>.content .banner-introduction .introduction.reverse .intro-title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .qedge-com-product-banner>.content .banner-introduction .introduction.reverse .intro-subtitle { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .qedge-com-product-banner>.content .banner-introduction.black-text { color: #000 } .qedge-com-product-banner>.content .banner-introduction.black-text .introduction .intro, .qedge-com-product-banner>.content .banner-introduction.black-text .introduction .intro-subtitle { color: #000 } .qedge-com-product-banner>.content .banner-introduction.isCenter { right: auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-product-banner>.content .banner-introduction.isCenter .introduction { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; right: 0 } .qedge-com-product-banner>.content .banner-introduction.isCenter .introduction .intro-subtitle { text-align: center } .qedge-com-product-banner>.content .banner-introduction.isCenter .introduction .intro { width: 30%; text-align: center } .qedge-com-product-banner>.content .banner-introduction.hightlight { background: rgba(0, 0, 0, .3) } .qedge-com-product-banner>.content .banner-note-content { position: absolute; z-index: 100; bottom: 50px; width: 100%; text-align: center; color: #fff } .qedge-com-product-banner>.content .banner-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 750px; max-width: 1160px; z-index: 100; padding: 0 25px; margin: 0 auto; margin-top: -750px } .qedge-com-product-banner>.content .banner-details img { height: 610px; width: 100%; max-width: 668px; -o-object-fit: cover; object-fit: cover; display: block; position: relative } .qedge-com-product-banner.text-left-showing .banner-introduction { width: 340px; left: calc((100% - 1110px)/2 + 80px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100% } .qedge-com-product-banner.text-left-showing .banner-introduction .introduction { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header { display: block; font-family: source-han-sans-simplified-c, sans-serif; font-weight: 300; font-size: 14px; color: rgba(0, 0, 0, .4); letter-spacing: .5px; padding-bottom: 50px; margin-top: -100px; position: relative; padding-left: 150px } .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header h1, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header h2, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header h3, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header h4, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header h5, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header h6, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header p, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header em, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header i, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header b, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header::before { content: " "; opacity: .4; height: 1px; width: 135px; position: absolute; left: 0; border: 1px solid #979797; top: 12px } .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-subtitle.mgb-10 { margin-bottom: 10px; color: #000 } .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro { font-size: 18px; color: rgba(0, 0, 0, .6) } .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link { display: block; padding-top: 80px } .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a { font-family: source-han-sans-simplified-c, sans-serif; font-weight: 300; font-size: 18px; color: rgba(0, 0, 0, .8) } .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a h1, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a h2, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a h3, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a h4, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a h5, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a h6, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a p, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a em, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a i, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a b, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a .link { font-size: 14px } .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a .link:hover, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a .link:focus, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a .link:active { color: rgba(0, 0, 0, .8) } .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a:hover, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a:focus, .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a:active { color: rgba(0, 0, 0, .8) } .qedge-com-product-banner.text-center .banner-introduction { right: 0; left: 0 } .qedge-com-product-banner.text-center .banner-introduction .introduction { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-product-banner.text-center .banner-introduction .introduction .intro-title { text-align: center; font-size: 1em } .qedge-com-product-banner.text-center .banner-introduction .introduction .intro-title .split { display: inline-block; width: 50px; position: relative } .qedge-com-product-banner.text-center .banner-introduction .introduction .intro-title .split::after { content: " "; height: 20px; width: 2px; border: 1px solid #fff; position: absolute; left: 50%; bottom: 0 } .qedge-com-product-banner.text-center .banner-introduction .introduction .intro-subtitle { margin-bottom: 23px } .qedge-com-product-banner.qedge-com-product-banner-new>.content .qedge-com-product-video-banner { width: 100%; height: 750px; overflow: hidden } .qedge-com-product-banner.qedge-com-product-banner-new>.content .qedge-com-product-video-banner .content { position: relative; width: 100%; height: 100% } .qedge-com-product-banner.qedge-com-product-banner-new>.content .qedge-com-product-video-banner .content .banner-img, .qedge-com-product-banner.qedge-com-product-banner-new>.content .qedge-com-product-video-banner .content .banner-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-product-banner.qedge-com-product-banner-new>.content .qedge-com-product-video-banner .content .banner-img .image-mobile, .qedge-com-product-banner.qedge-com-product-banner-new>.content .qedge-com-product-video-banner .content .banner-video .image-mobile { display: none } .qedge-com-product-banner.qedge-com-product-banner-new>.content .qedge-com-product-video-banner .content img, .qedge-com-product-banner.qedge-com-product-banner-new>.content .qedge-com-product-video-banner .content video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-title { font-size: 16px; color: #fff; text-align: center; font-weight: 400 } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-subtitle { margin-top: 16px; font-size: 48px; color: #fff; text-align: center; font-weight: 700; line-height: 58px } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-title { font-size: 1.5em; font-style: normal; font-weight: 700 } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-title h1, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-title h2, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-title h3, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-title h4, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-title h5, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-title h6, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-title p, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-title em, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-title i, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-title b, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-subtitle { font-size: 3em; font-style: normal; font-weight: 700; line-height: 70px; margin: 12px 0px; color: #fff } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-subtitle h1, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-subtitle h2, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-subtitle h3, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-subtitle h4, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-subtitle h5, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-subtitle h6, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-subtitle p, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-subtitle em, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-subtitle i, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-subtitle b, .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-subtitle address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-subtitle.small { font-size: 40px } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction.introduction-buttom { position: absolute; top: -36px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction.introduction-buttom .show-video { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; color: #fff; font-weight: 500; position: absolute; bottom: 60px } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction.introduction-buttom .show-video .show-text { margin-right: 10px } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction.introduction-buttom .intro { width: auto; font-size: 12px; color: #fff; text-align: center; font-weight: 400; line-height: 1.2 } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction.introduction-buttom .intro.intro-mobile { display: none } html[lang=zh] .qedge-com-product-banner>.content .banner-introduction .introduction .motto { width: 240px; height: 16px; background: url("../images/samples/passion-for-change/cn-white.svg") } @media screen and (max-width: 1024px) { .qedge-com-product-banner>.content { height: 560px; background-color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-product-banner>.content .banner-note-content { padding: 0 20px } .qedge-com-product-banner>.content .qedge-com-motional-image { height: 100% } .qedge-com-product-banner>.content .banner-introduction { height: auto; right: 0; left: 0; width: auto; height: auto; bottom: 0 } .qedge-com-product-banner>.content .banner-introduction .introduction { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 20px; padding-right: 20px; text-align: center; width: 100%; left: 0 } .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title { font-size: 16px; line-height: 26px } .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title .split { width: 13px } .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title .split::after { height: 10px; width: 0px; border-left-width: 0px } .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle { font-size: 24px; line-height: 34px; margin: 8px 0 20px } .qedge-com-product-banner>.content .banner-introduction .introduction .intro { line-height: 34px } .qedge-com-product-banner>.content .banner-introduction .introduction .intro .sub-intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-product-banner>.content .banner-introduction .introduction .intro.isCenter { font-size: 16px; line-height: 26px } .qedge-com-product-banner>.content .banner-introduction.isCenter .introduction .intro { width: 100%; font-size: 14px } .qedge-com-product-banner>.content .banner-details { position: absolute; max-width: none; height: auto; margin-top: 55px } .qedge-com-product-banner>.content .banner-details img { height: auto; max-width: none; max-height: 240px; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain;" } .qedge-com-product-banner>.content .banner-details .banner-introduction { top: 370px } .qedge-com-product-banner>.content .qedge-com-video-banner+.banner-introduction { position: absolute; right: 0; padding: 0 } .qedge-com-product-banner>.content .qedge-com-video-banner+.banner-introduction .introduction { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-product-banner.text-left-showing>.content { background-color: rgba(0, 0, 0, 0) } .qedge-com-product-banner.text-left-showing>.content .banner-introduction { left: 0; right: 0; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-product-banner.text-left-showing>.content .banner-introduction .introduction .intro-header { display: none } .qedge-com-product-banner.text-left-showing>.content .banner-introduction .introduction .intro-subtitle { font-size: 24px; line-height: 34px } .qedge-com-product-banner.text-left-showing>.content .banner-introduction .introduction .more-link { font-size: 16px; line-height: 26px } .qedge-com-product-banner.qedge-com-product-banner-new>.content .qedge-com-product-video-banner { height: 560px } .qedge-com-product-banner.qedge-com-product-banner-new>.content .qedge-com-product-video-banner .content .banner-img .image-pc { display: none } .qedge-com-product-banner.qedge-com-product-banner-new>.content .qedge-com-product-video-banner .content .banner-img .image-mobile { display: inline-block } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-title { font-size: 12px; line-height: 22px } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction .intro-subtitle { margin-top: 10px; font-size: 24px; line-height: 34px } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction.introduction-buttom { bottom: 15px } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction.introduction-buttom .show-video { font-size: 14px; margin-bottom: 35px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction.introduction-buttom .show-video .show-text { margin-right: 5px; font-size: 12px } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction.introduction-buttom .show-video .show-img { width: 10px; height: 10px } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction.introduction-buttom .show-video .show-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction.introduction-buttom .intro { font-size: 8px; text-align: left } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction.introduction-buttom .intro.intro-pc { display: none } .qedge-com-product-banner.qedge-com-product-banner-new>.content .banner-introduction .introduction.introduction-buttom .intro.intro-mobile { display: block } } @media screen and (max-width: 370px) { .qedge-com-product-banner>.content .banner-note-content { bottom: 30px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-product-functionality .container { max-width: 1160px } .qedge-com-product-functionality>.container>.content, .qedge-com-product-functionality>.content { padding: 30px 25px 70px 25px } .qedge-com-product-functionality>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-product-functionality>.content.no-global-padding>.container>.content, .qedge-com-product-functionality>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-product-functionality .qedge-com-news-title .container .content { margin-bottom: 0px; padding-bottom: 60px } .qedge-com-product-functionality .qedge-com-news-title .container .content .description { font-size: 24px; color: #000; letter-spacing: 0; margin-top: 24px } .qedge-com-product-functionality .qedge-com-news-title .container .content .description h1, .qedge-com-product-functionality .qedge-com-news-title .container .content .description h2, .qedge-com-product-functionality .qedge-com-news-title .container .content .description h3, .qedge-com-product-functionality .qedge-com-news-title .container .content .description h4, .qedge-com-product-functionality .qedge-com-news-title .container .content .description h5, .qedge-com-product-functionality .qedge-com-news-title .container .content .description h6, .qedge-com-product-functionality .qedge-com-news-title .container .content .description p, .qedge-com-product-functionality .qedge-com-news-title .container .content .description em, .qedge-com-product-functionality .qedge-com-news-title .container .content .description i, .qedge-com-product-functionality .qedge-com-news-title .container .content .description b, .qedge-com-product-functionality .qedge-com-news-title .container .content .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-functionality .sub-title { width: 66%; font-size: 16px; color: #666; margin-bottom: 55px; margin-top: -35px } .qedge-com-product-functionality .subtitle-unfinished { font-size: 12px; color: #666; margin-bottom: 20px } .qedge-com-product-functionality .container .product-description { padding-bottom: 0; margin-bottom: -30px } .qedge-com-product-functionality .qedge-com-pure-image .content { height: 620px } .qedge-com-product-functionality .qedge-com-pure-image .content img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-product-functionality .qedge-com-pure-image .content .video-js .vjs-text-track-display { bottom: 0em } .qedge-com-product-functionality .qedge-com-pure-image .content .video-js .vjs-big-play-button { top: 42%; left: 45.5%; width: 100px; height: 100px; border-radius: 50%; background-color: rgba(0, 0, 0, 0); border: none } .qedge-com-product-functionality .qedge-com-pure-image .content .video-js .vjs-big-play-button .vjs-icon-placeholder { font-size: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-product-functionality .qedge-com-pure-image .content .video-js .vjs-big-play-button .vjs-icon-placeholder::before { opacity: .7; position: relative } .qedge-com-product-functionality .desc .single-text { margin-top: 10px } .qedge-com-product-functionality .desc .qedge-com-product-functionality-desc>.container>.content .introduction .icon { display: block } .qedge-com-product-functionality.highlight { background: #fafafa; margin-bottom: 0 } .qedge-com-product-functionality.is-service .qedge-com-pure-image .content { height: 500px } .qedge-com-product-functionality.is-service .qedge-com-product-functionality-desc>.container>.content { padding-top: 0 } .qedge-com-product-functionality.is-service .qedge-com-product-functionality-desc>.container>.content .introduction .icon { margin-top: 60px } .qedge-com-product-functionality.is-service .qedge-com-product-functionality-desc>.container>.content .introduction .intro { font-size: 24px } .qedge-com-product-functionality.is-service.highlight { background: #f5f5f5 } .qedge-com-product-functionality.no-controls .qedge-com-pure-image .no-controls-video { width: 100%; height: 100% } .qedge-com-product-functionality.no-controls .qedge-com-pure-image .no-controls-video video { width: 100%; height: 100% } @media screen and (max-width: 1024px) { .qedge-com-product-functionality>.container>.content, .qedge-com-product-functionality>.content { padding: 32px 20px 48px 20px } .qedge-com-product-functionality>.container>.content.product-description { padding-bottom: 0; margin-bottom: 0 } .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .content { padding-bottom: 32px } .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .content .description { font-size: 14px; line-height: 24px; margin-bottom: 32px; letter-spacing: 0 } .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .content .description h1, .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .content .description h2, .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .content .description h3, .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .content .description h4, .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .content .description h5, .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .content .description h6, .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .content .description p, .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .content .description em, .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .content .description i, .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .content .description b, .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .content .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .level.is-mobile { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .level.is-mobile .level-right.event-item, .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .level.is-mobile .content .level-right.spacing, .qedge-com-product-functionality>.container>.content .qedge-com-news-title .content .container .level.is-mobile .level-right.spacing { margin: 0 } .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .level.is-mobile .level-right.event-item .more-text, .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .level.is-mobile .content .level-right.spacing .more-text, .qedge-com-product-functionality>.container>.content .qedge-com-news-title .content .container .level.is-mobile .level-right.spacing .more-text { display: none; font-size: 12px } .qedge-com-product-functionality>.container>.content .qedge-com-news-title .container .level.is-mobile .level-left .level-item.title { font-weight: 400 h1; font-weight-font-weight: 600 } .qedge-com-product-functionality>.container>.content .sub-title { font-size: 14px; line-height: 24px; color: #666; font-weight: 400; margin-bottom: 40px; margin-top: -10px; width: 100% } .qedge-com-product-functionality>.container>.content .qedge-com-pure-image .content { height: auto } .qedge-com-product-functionality>.container>.content .qedge-com-pure-image .content .video-js.no-controls-video { width: 100%; height: 100% } .qedge-com-product-functionality>.container>.content .qedge-com-pure-image .content .video-js .vjs-big-play-button { font-size: 20px; width: 32px; height: 32px; display: block; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0) } .qedge-com-product-functionality>.container>.content .qedge-com-pure-image .content .video-js .vjs-big-play-button .vjs-icon-placeholder { font-size: 20px } .qedge-com-product-functionality>.container>.content .qedge-com-pure-image .content .video-js.vjs-controls-disabled .vjs-big-play-button, .qedge-com-product-functionality>.container>.content .qedge-com-pure-image .content .video-js.vjs-has-started .vjs-big-play-button, .qedge-com-product-functionality>.container>.content .qedge-com-pure-image .content .video-js.vjs-using-native-controls .vjs-big-play-button, .qedge-com-product-functionality>.container>.content .qedge-com-pure-image .content .video-js.vjs-error .vjs-big-play-button { display: none } .qedge-com-product-functionality>.container>.content .desc .columns .column .qedge-com-product-functionality-desc .container .content .introduction { padding-bottom: 8px } .qedge-com-product-functionality>.container>.content .desc .columns .column .qedge-com-product-functionality-desc .container .content .introduction .sect-title { margin-top: 0 } .qedge-com-product-functionality>.container>.content .desc .columns .column:last-child .qedge-com-product-functionality-desc .container .content .introduction { padding-bottom: 0px } .qedge-com-product-functionality.is-service .container .content .qedge-com-news-title .container .content .level { margin-bottom: 8px } .qedge-com-product-functionality.is-service .container .content .qedge-com-news-title .container .content .description { font-size: 14px; line-height: 24px; margin-top: 8px; margin-bottom: 32px; letter-spacing: 0 } .qedge-com-product-functionality.is-service .container .content .qedge-com-news-title .container .content .description h1, .qedge-com-product-functionality.is-service .container .content .qedge-com-news-title .container .content .description h2, .qedge-com-product-functionality.is-service .container .content .qedge-com-news-title .container .content .description h3, .qedge-com-product-functionality.is-service .container .content .qedge-com-news-title .container .content .description h4, .qedge-com-product-functionality.is-service .container .content .qedge-com-news-title .container .content .description h5, .qedge-com-product-functionality.is-service .container .content .qedge-com-news-title .container .content .description h6, .qedge-com-product-functionality.is-service .container .content .qedge-com-news-title .container .content .description p, .qedge-com-product-functionality.is-service .container .content .qedge-com-news-title .container .content .description em, .qedge-com-product-functionality.is-service .container .content .qedge-com-news-title .container .content .description i, .qedge-com-product-functionality.is-service .container .content .qedge-com-news-title .container .content .description b, .qedge-com-product-functionality.is-service .container .content .qedge-com-news-title .container .content .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-functionality.is-service .container .content .qedge-com-pure-image .content { height: auto } .qedge-com-product-functionality.is-service .container .content .desc .columns .column .qedge-com-product-functionality-desc>.container>.content { padding-top: 0 } .qedge-com-product-functionality.is-service .container .content .desc .columns .column .qedge-com-product-functionality-desc>.container>.content .introduction .intro { font-size: 14px; line-height: 24px; font-weight: 400 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-product-functionality-ltr { position: relative } .qedge-com-product-functionality-ltr .container { max-width: 1160px } .qedge-com-product-functionality-ltr>.container>.content, .qedge-com-product-functionality-ltr>.content { padding: 30px 25px 70px 25px } .qedge-com-product-functionality-ltr>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-product-functionality-ltr>.content.no-global-padding>.container>.content, .qedge-com-product-functionality-ltr>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-product-functionality-ltr .full-height { height: 100% } .qedge-com-product-functionality-ltr .reset-margin-top { margin-top: 0 } .qedge-com-product-functionality-ltr>.content { padding-top: 3.5rem; padding-left: 0; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100% } .qedge-com-product-functionality-ltr>.content .text-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 50%; padding-top: 25px; padding-right: 40px; padding-left: calc(50% - 40px - 500px) } .qedge-com-product-functionality-ltr>.content .text-content .qedge-com-news-title { margin-bottom: 2px; width: 100% } .qedge-com-product-functionality-ltr>.content .text-content .qedge-com-news-title .content { margin-bottom: 0 } .qedge-com-product-functionality-ltr>.content .text-content .qedge-com-news-title .content .title h1 { width: 100% } .qedge-com-product-functionality-ltr>.content .text-content .qedge-com-pure-image-mobile { display: none } .qedge-com-product-functionality-ltr>.content .text-content .desc .subtitle { font-size: 24px; color: #000; line-height: 36px; font-weight: 500; margin: 50px 0 20px 0 } .qedge-com-product-functionality-ltr>.content .text-content .desc .direction { color: #666; font-size: 16px; margin-bottom: 60px; text-align: left; line-height: 28px; font-weight: 400 } .qedge-com-product-functionality-ltr>.content .text-content .desc .direction.mt-40 { margin-top: 40px } .qedge-com-product-functionality-ltr>.content .text-content .desc .data-columns { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-product-functionality-ltr>.content .text-content .desc .data-columns .data-column { margin-right: 40px } .qedge-com-product-functionality-ltr>.content .text-content .desc .data-columns .data-column .data-number { font-size: 40px; color: #000; line-height: 36px; font-weight: 500 } .qedge-com-product-functionality-ltr>.content .text-content .desc .data-columns .data-column .data-title { font-size: 16px; color: #666; line-height: 28px; font-weight: 400 } .qedge-com-product-functionality-ltr>.content .text-content .desc .bottom-node { font-size: 12px; color: #666; line-height: 22px; font-weight: 400; position: absolute; bottom: 68px } .qedge-com-product-functionality-ltr>.content .qedge-com-pure-image { width: 50%; padding-top: 10px; -o-object-fit: cover; object-fit: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 0 } .qedge-com-product-functionality-ltr>.content .qedge-com-pure-image .content { min-height: 600px; height: 100%; width: 100% } .qedge-com-product-functionality-ltr>.content .qedge-com-pure-image .content img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-product-functionality-ltr>.content .qedge-com-pure-image .content video { height: auto; width: 100% } .qedge-com-product-functionality-ltr>.content .qedge-com-pure-image .content .video-js { height: 100%; padding: 0 } .qedge-com-product-functionality-ltr>.content .qedge-com-pure-image .content .video-js video { height: 100% } .qedge-com-product-functionality-ltr .bottom-text { max-width: 1110px; margin: 0 auto; font-size: 16px; color: #666; line-height: 28px; font-weight: 400; margin-top: 60px } .qedge-com-product-functionality-ltr.highlight { background: #fafafa; margin-bottom: 0 } .qedge-com-product-functionality-ltr.rtl>.content { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .qedge-com-product-functionality-ltr.rtl>.content .text-content { padding-left: 40px; padding-right: calc(50% - 40px - 500px); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-product-functionality-ltr.rtl>.content .qedge-com-pure-image { padding-left: 0 } .qedge-com-product-functionality-ltr.black-highlight { background: #fff } .qedge-com-product-functionality-ltr.black-highlight>.content { margin-top: 10px; position: relative } .qedge-com-product-functionality-ltr.black-highlight>.content .text-content { padding-bottom: 25px; background-color: #000; position: static } .qedge-com-product-functionality-ltr.black-highlight>.content .text-content .qedge-com-news-title .container .content { padding-top: 0 } .qedge-com-product-functionality-ltr.black-highlight>.content .text-content .qedge-com-news-title .container .content .title { color: #fff } .qedge-com-product-functionality-ltr.black-highlight>.content .text-content .qedge-com-news-title .container .content .subtitle { color: #fff; font-size: 16px } .qedge-com-product-functionality-ltr.black-highlight>.content .text-content .desc .qedge-com-product-functionality-desc>.container>.content { padding-top: 40px } .qedge-com-product-functionality-ltr.black-highlight>.content .text-content .desc .qedge-com-product-functionality-desc .sect-title, .qedge-com-product-functionality-ltr.black-highlight>.content .text-content .desc .qedge-com-product-functionality-desc .intro { color: #fff } .qedge-com-product-functionality-ltr.black-highlight>.content .text-content .desc .qedge-com-product-functionality-desc .note { font-size: 12px; color: #fff; margin-top: 30px } .qedge-com-product-functionality-ltr.black-highlight>.content .text-content .desc .columns.is-multiline .column.is-6:nth-of-type(-n+2) .qedge-com-product-functionality-desc>.container>.content { padding-top: 80px } .qedge-com-product-functionality-ltr.black-highlight>.content .text-content .desc .columns.is-multiline .column.is-6:nth-of-type(-n+2) .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title { margin: 0 0 20px } .qedge-com-product-functionality-ltr.black-highlight>.content .text-content .desc .columns.is-multiline .column.is-6:nth-of-type(3) .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title { margin: 0 0 20px } .qedge-com-product-functionality-ltr.black-highlight>.content .text-content .desc .columns.is-multiline .column.is-6:nth-of-type(4) .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title { margin: 0 0 20px } .qedge-com-product-functionality-ltr.black-highlight>.content .text-content .bottom-node { color: rgba(255, 255, 255, .85); position: absolute; font-size: 12px; line-height: 1.3; bottom: 85px; right: 20px } .qedge-com-product-functionality-ltr.black-highlight>.content .qedge-com-pure-image { padding-top: 0; background: #000; height: auto } .qedge-com-product-functionality-ltr.black-highlight>.content .qedge-com-pure-image .content { padding-top: 0; height: 100% } .qedge-com-product-functionality-ltr.black-highlight>.content .qedge-com-pure-image .content img { height: 100% } .qedge-com-product-functionality-ltr.black-highlight>.content .introduction .icon img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } .qedge-com-product-functionality-ltr.no-top-padding .content { padding-top: 70px } .qedge-com-product-functionality-ltr.no-top-padding .content .text-content { padding-top: 0; padding-bottom: 60px } .qedge-com-product-functionality-ltr.no-top-padding .content .text-content .qedge-com-news-title .container .content { padding-top: 0; margin-top: 0 } .qedge-com-product-functionality-ltr.no-top-padding .content .text-content .qedge-com-news-title .container .content .subtitle { color: #666; font-size: 16px; text-align: left } .qedge-com-product-functionality-ltr.no-top-padding .content .text-content .desc .qedge-com-product-functionality-desc>.container>.content { padding-top: 56px } .qedge-com-product-functionality-ltr.no-top-padding .content .text-content .desc .qedge-com-product-functionality-desc>.container>.content>.introduction .intro { color: #666 } .qedge-com-product-functionality-ltr.no-top-padding .content .text-content .desc .qedge-com-product-functionality-desc>.container>.content>.introduction .note { font-size: 12px; color: #666; margin-top: 30px } .qedge-com-product-functionality-ltr.no-top-padding .content .text-content .desc .columns { margin-top: 0 } .qedge-com-product-functionality-ltr.no-top-padding .content .text-content.reset-padding-top { padding-top: 60px; padding-bottom: 60px } .qedge-com-product-functionality-ltr.no-top-padding .content .qedge-com-pure-image { padding-top: 0 } .qedge-com-product-functionality-ltr.no-top-padding .content .qedge-com-pure-image .content { min-height: 600px; padding-top: 0 } .qedge-com-product-functionality-ltr.no-top-padding .content .qedge-com-pure-image .video-js .vjs-text-track-display { bottom: 0em } .qedge-com-product-functionality-ltr.no-top-padding .content .qedge-com-pure-image .video-js .vjs-big-play-button { top: 42%; left: 45.5%; width: 100px; height: 100px; background-color: rgba(0, 0, 0, 0); border: 0 } .qedge-com-product-functionality-ltr.no-top-padding .content .qedge-com-pure-image .video-js .vjs-big-play-button .vjs-icon-placeholder { font-size: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-product-functionality-ltr.no-top-padding .content .qedge-com-pure-image .video-js .vjs-big-play-button .vjs-icon-placeholder::before { position: relative } .qedge-com-product-functionality-ltr.bg-image { background-position: center center; background-repeat: no-repeat; background-size: cover } .qedge-com-product-functionality-ltr.bold-title .content .text-content .desc .qedge-com-product-functionality-desc>.container>.content { padding-top: 28px } .qedge-com-product-functionality-ltr.bold-title .content .text-content .desc .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title { font-size: 18px; color: #000; letter-spacing: 0; line-height: 30px; font-weight: 500; font-family: source-han-sans-simplified-c, sans-serif; margin: 0 } @media screen and (max-width: 1024px) { .qedge-com-product-functionality-ltr>.container>.content, .qedge-com-product-functionality-ltr>.content { padding: 32px 20px 48px 20px } .qedge-com-product-functionality-ltr>.content { display: block } .qedge-com-product-functionality-ltr>.content .qedge-com-pure-image { display: none } .qedge-com-product-functionality-ltr>.content .vjs-poster::after { content: ""; font-family: VideoJS; font-weight: normal; font-style: normal; position: relative; top: 50%; left: 50%; width: 30px; height: 30px; font-size: 20px; color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: .7 } .qedge-com-product-functionality-ltr>.content .text-content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; padding-top: 0; padding-right: 0 } .qedge-com-product-functionality-ltr>.content .text-content .qedge-com-news-title .content { margin-bottom: 32px } .qedge-com-product-functionality-ltr>.content .text-content .qedge-com-news-title .content .level-left { width: 100% } .qedge-com-product-functionality-ltr>.content .text-content .qedge-com-news-title .content .level-left .title { width: 100% } .qedge-com-product-functionality-ltr>.content .text-content .qedge-com-pure-image-mobile { display: block; width: 100%; padding-top: 0 } .qedge-com-product-functionality-ltr>.content .text-content .qedge-com-pure-image-mobile .content { min-height: unset; height: auto; padding-top: 0 } .qedge-com-product-functionality-ltr>.content .text-content .qedge-com-pure-image-mobile .content img { height: auto; width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-product-functionality-ltr>.content .text-content .qedge-com-pure-image-mobile .content .no-controls-video { width: 100%; height: 100% } .qedge-com-product-functionality-ltr>.content .text-content .desc { max-width: 100%; width: 100% } .qedge-com-product-functionality-ltr>.content .text-content .desc .subtitle { font-size: 16px; font-weight: 600; margin: 20px 0 10px 0 } .qedge-com-product-functionality-ltr>.content .text-content .desc .direction { margin-bottom: 20px } .qedge-com-product-functionality-ltr>.content .text-content .desc .data-columns { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-product-functionality-ltr>.content .text-content .desc .data-columns .data-column { margin-right: 10px } .qedge-com-product-functionality-ltr>.content .text-content .desc .data-columns .data-column .data-number { font-size: 20px; font-weight: 600 } .qedge-com-product-functionality-ltr>.content .text-content .desc .bottom-node { position: unset } .qedge-com-product-functionality-ltr .bottom-text { margin-top: 24px; font-size: 14px } .qedge-com-product-functionality-ltr.rtl>.content .text-content { padding-left: 0px; padding-right: 0 } .qedge-com-product-functionality-ltr.black-highlight { background-color: #000 } .qedge-com-product-functionality-ltr.black-highlight .content { padding-top: 50px } .qedge-com-product-functionality-ltr.black-highlight .content .text-content { padding-bottom: 0; background-color: rgba(0, 0, 0, 0) } .qedge-com-product-functionality-ltr.black-highlight .content .text-content .desc .qedge-com-product-functionality-desc>.container>.content { padding-top: 0px !important } .qedge-com-product-functionality-ltr.black-highlight .content .text-content .bottom-node { bottom: 15px } .qedge-com-product-functionality-ltr.no-top-padding .content { padding-top: 32px } .qedge-com-product-functionality-ltr.no-top-padding .content .text-content .desc .qedge-com-product-functionality-desc>.container>.content { padding-top: 0 } .qedge-com-product-functionality-ltr.no-top-padding .content .text-content .desc .qedge-com-product-functionality-desc>.container>.content .introduction .note { margin-top: 10px } .qedge-com-product-functionality-ltr.no-top-padding .content .text-content .desc .qedge-com-product-functionality-desc>.container>.content .introduction .intro p br { display: none } .qedge-com-product-functionality-ltr.bold-title .column { padding: 0 .75rem } .qedge-com-product-functionality-ltr.bold-title .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title { font-size: 16px; color: #000; letter-spacing: 0; line-height: 26px; font-weight: 500 } .qedge-com-product-functionality-ltr.bold-title .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title br { display: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-product-functionality-desc>.container>.content { padding: 40px 30px 0 0 } .qedge-com-product-functionality-desc>.container>.content .introduction .icon { width: auto; height: 40px } .qedge-com-product-functionality-desc>.container>.content .introduction .icon img { width: auto; height: 40px; -o-object-fit: cover; object-fit: cover } .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title { font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 500; font-size: 24px; margin: 40px 0 20px; line-height: initial } .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title h1, .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title h2, .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title h3, .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title h4, .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title h5, .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title h6, .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title p, .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title em, .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title i, .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title b, .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-functionality-desc>.container>.content .introduction .intro { font-weight: normal; color: #666 } .qedge-com-product-functionality-desc>.container>.content .introduction .intro h1, .qedge-com-product-functionality-desc>.container>.content .introduction .intro h2, .qedge-com-product-functionality-desc>.container>.content .introduction .intro h3, .qedge-com-product-functionality-desc>.container>.content .introduction .intro h4, .qedge-com-product-functionality-desc>.container>.content .introduction .intro h5, .qedge-com-product-functionality-desc>.container>.content .introduction .intro h6, .qedge-com-product-functionality-desc>.container>.content .introduction .intro p, .qedge-com-product-functionality-desc>.container>.content .introduction .intro em, .qedge-com-product-functionality-desc>.container>.content .introduction .intro i, .qedge-com-product-functionality-desc>.container>.content .introduction .intro b, .qedge-com-product-functionality-desc>.container>.content .introduction .intro address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-functionality-desc>.container>.content .introduction .note { font-size: 12px; color: #666; margin-top: 30px } @media screen and (max-width: 1024px) { .qedge-com-product-functionality-desc>.container>.content { padding: 0 } .qedge-com-product-functionality-desc>.container>.content .introduction { padding-top: 24px } .qedge-com-product-functionality-desc>.container>.content .introduction .icon { height: 30px; width: 30px } .qedge-com-product-functionality-desc>.container>.content .introduction .icon img { height: 30px } .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title { font-size: 16px; line-height: 26px; font-weight: 600; margin: 16px 0 8px; margin-top: 0 } .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title p br { display: none } .qedge-com-product-functionality-desc>.container>.content .introduction .intro { font-size: 14px; line-height: 24px; font-weight: 400 } .qedge-com-product-functionality-desc>.container>.content .introduction .intro p br { display: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-product-image-card>.container>.content .image-container { height: auto; width: 100% } .qedge-com-product-image-card>.container>.content .image-container img { -o-object-fit: cover; object-fit: cover; height: auto; width: 100% } .qedge-com-product-image-card>.container>.content .title { font-style: normal; font-weight: 500; font-size: 1.5rem; line-height: initial; padding-top: 20px; margin-bottom: 20px } .qedge-com-product-image-card>.container>.content .title h1, .qedge-com-product-image-card>.container>.content .title h2, .qedge-com-product-image-card>.container>.content .title h3, .qedge-com-product-image-card>.container>.content .title h4, .qedge-com-product-image-card>.container>.content .title h5, .qedge-com-product-image-card>.container>.content .title h6, .qedge-com-product-image-card>.container>.content .title p, .qedge-com-product-image-card>.container>.content .title em, .qedge-com-product-image-card>.container>.content .title i, .qedge-com-product-image-card>.container>.content .title b, .qedge-com-product-image-card>.container>.content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-image-card>.container>.content .learn-more { font-weight: 400 } .qedge-com-product-image-card>.container>.content .learn-more a, .qedge-com-product-image-card>.container>.content .learn-more .link { color: #666; font-weight: 400 } .qedge-com-product-image-card>.container>.content .learn-more .ti-angle-right { display: inline-block; font-size: 15px; color: #666 } .qedge-com-product-image-card>.container>.content .learn-more .ti-angle-right.hover-in { -webkit-animation: hover-in .2s linear 0s 1 normal; animation: hover-in .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .qedge-com-product-image-card>.container>.content .learn-more .ti-angle-right.hover-out { -webkit-animation: hover-out .2s linear 0s 1 normal; animation: hover-out .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .qedge-com-product-image-card>.container>.content .info { font-weight: normal; color: #666; font-size: 16px; background-color: #fff } .qedge-com-product-image-card>.container>.content .info h1, .qedge-com-product-image-card>.container>.content .info h2, .qedge-com-product-image-card>.container>.content .info h3, .qedge-com-product-image-card>.container>.content .info h4, .qedge-com-product-image-card>.container>.content .info h5, .qedge-com-product-image-card>.container>.content .info h6, .qedge-com-product-image-card>.container>.content .info p, .qedge-com-product-image-card>.container>.content .info em, .qedge-com-product-image-card>.container>.content .info i, .qedge-com-product-image-card>.container>.content .info b, .qedge-com-product-image-card>.container>.content .info address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-image-card>.container>.content .note { font-size: 12px; color: #666; margin-top: 10px } .qedge-com-product-image-card:hover .learn-more, .qedge-com-product-image-card:focus .learn-more, .qedge-com-product-image-card:active .learn-more { color: #666 } .qedge-com-product-image-card:hover .learn-more a, .qedge-com-product-image-card:hover .learn-more .link, .qedge-com-product-image-card:focus .learn-more a, .qedge-com-product-image-card:focus .learn-more .link, .qedge-com-product-image-card:active .learn-more a, .qedge-com-product-image-card:active .learn-more .link { color: #666 } .qedge-com-product-image-card.text-center { -webkit-box-shadow: inset 0 0 1px 1px #d1d1d1; box-shadow: inset 0 0 1px 1px #d1d1d1 } .qedge-com-product-image-card.text-center>.container>.content { text-align: center } .qedge-com-product-image-card.text-center>.container>.content .title { padding: 40px 10px 0 10px } .qedge-com-product-image-card.text-center>.container>.content .info { color: #000 } .qedge-com-product-image-card.title-only>.container>.content .image-container img { -o-object-fit: fill; object-fit: fill; font-family: "object-fit: fill;" } .qedge-com-product-image-card.title-only>.container>.content .title { font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 500; font-size: 24px; line-height: 36px; padding-top: 20px } .qedge-com-product-image-card.title-only>.container>.content .title h1, .qedge-com-product-image-card.title-only>.container>.content .title h2, .qedge-com-product-image-card.title-only>.container>.content .title h3, .qedge-com-product-image-card.title-only>.container>.content .title h4, .qedge-com-product-image-card.title-only>.container>.content .title h5, .qedge-com-product-image-card.title-only>.container>.content .title h6, .qedge-com-product-image-card.title-only>.container>.content .title p, .qedge-com-product-image-card.title-only>.container>.content .title em, .qedge-com-product-image-card.title-only>.container>.content .title i, .qedge-com-product-image-card.title-only>.container>.content .title b, .qedge-com-product-image-card.title-only>.container>.content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-image-card.title-only>.container>.content .title .learn-more { padding-top: 20px; font-size: 1rem } .qedge-com-product-cards-section .qedge-com-product-image-card { padding: 20px 0 60px; margin-bottom: 0 } .qedge-com-product-cards-section .qedge-com-product-image-card .container .content .image-container { height: 266px; overflow: hidden } @media screen and (max-width: 1024px) { .qedge-com-product-image-card>.container>.content .image-container { height: auto } .qedge-com-product-image-card>.container>.content .image-container img { -o-object-fit: cover; object-fit: cover } .qedge-com-product-image-card>.container>.content .title { margin-bottom: 0; font-size: 16px } .qedge-com-product-image-card>.container>.content .learn-more a { color: #666 } .qedge-com-product-cards-section .qedge-com-product-image-card { padding: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-product-image-card-text>.container>.content .image-container { height: 266px; width: 100%; background: #fafafa } .qedge-com-product-image-card-text>.container>.content .image-container img { -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain;"; height: 100%; width: 100% } .qedge-com-product-image-card-text>.container>.content .title { font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 500; font-size: 24px; line-height: 36px; padding-top: 20px } .qedge-com-product-image-card-text>.container>.content .title h1, .qedge-com-product-image-card-text>.container>.content .title h2, .qedge-com-product-image-card-text>.container>.content .title h3, .qedge-com-product-image-card-text>.container>.content .title h4, .qedge-com-product-image-card-text>.container>.content .title h5, .qedge-com-product-image-card-text>.container>.content .title h6, .qedge-com-product-image-card-text>.container>.content .title p, .qedge-com-product-image-card-text>.container>.content .title em, .qedge-com-product-image-card-text>.container>.content .title i, .qedge-com-product-image-card-text>.container>.content .title b, .qedge-com-product-image-card-text>.container>.content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-image-card-text>.container>.content .brief { font-size: 14px; line-height: 1.4; padding: 10px 20px; text-align: center } .qedge-com-product-image-card-text:hover, .qedge-com-product-image-card-text:focus, .qedge-com-product-image-card-text:active { color: #666 } .qedge-com-product-image-card-text.text-center { -webkit-box-shadow: inset 0 0 1px 1px #d1d1d1; box-shadow: inset 0 0 1px 1px #d1d1d1 } .qedge-com-product-image-card-text.text-center>.container>.content { text-align: center } .qedge-com-product-image-card-text.text-center>.container>.content .title { padding: 40px 10px 0 10px } .qedge-com-product-image-card-text.text-center>.container>.content .info { color: #000 } @media screen and (max-width: 1024px) { .qedge-com-product-image-card-text>.container>.content .image-container { height: auto } .qedge-com-product-image-card-text>.container>.content .title { font-size: 16px; line-height: 26px; font-weight: 800; padding-top: 16px; margin-bottom: 0px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-product-image-card-with-link .qedge-com-product-image-card.text-center { -webkit-box-shadow: inset 0 0 1px 1px rgba(151, 151, 151, .25); box-shadow: inset 0 0 1px 1px rgba(151, 151, 151, .25) } .qedge-com-product-image-card-with-link .qedge-com-product-image-card.text-center .info { color: #000 } .qedge-com-product-image-card-with-link .qedge-com-product-image-card.text-center .more-link { font-family: source-han-sans-simplified-c, sans-serif; font-weight: 300; font-size: 18px; color: gray; border-top: 1px solid rgba(151, 151, 151, .25); padding: 35px 0 } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-multi-center-image .container { max-width: 1160px } .qedge-com-multi-center-image>.container>.content, .qedge-com-multi-center-image>.content { padding: 30px 25px 70px 25px } .qedge-com-multi-center-image>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-multi-center-image>.content.no-global-padding>.container>.content, .qedge-com-multi-center-image>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-multi-center-image>.container>.content .sub-title { width: 66%; font-size: 16px; color: #666; margin-bottom: 55px; margin-top: -35px } .qedge-com-multi-center-image>.container>.content .content-image .qedge-com-product-image-card { text-align: center } .qedge-com-multi-center-image>.container>.content .content-image .qedge-com-product-image-card .image-container { width: 475px; height: 346px } .qedge-com-multi-center-image>.container>.content .content-image .qedge-com-product-image-card .title { margin-bottom: 0px; margin-right: 20px } .qedge-com-multi-center-image>.container>.content .content-image .qedge-com-product-image-card .info { margin-right: 10px } .qedge-com-multi-center-image>.container>.content .content-image .column { padding-top: 100px; margin-top: -0.75em } .qedge-com-multi-center-image>.container>.content .content-image .column:first-of-type, .qedge-com-multi-center-image>.container>.content .content-image .column:nth-of-type(2) { padding-top: .75em; margin-top: 0 } .qedge-com-multi-center-image>.container>.content .content-image .column:only-child .qedge-com-product-image-card .image-container { width: 100%; height: 529px } .qedge-com-multi-center-image>.container>.content .content-image-inside .qedge-com-product-image-card { text-align: center } .qedge-com-multi-center-image>.container>.content .content-image-inside .qedge-com-product-image-card .image-container { width: 475px; height: 346px } .qedge-com-multi-center-image>.container>.content .content-image-inside .qedge-com-product-image-card .title { margin-bottom: 0px; margin-right: 20px } .qedge-com-multi-center-image>.container>.content .content-image-inside .qedge-com-product-image-card .info { margin-right: 20px } .qedge-com-multi-center-image>.container>.content .content-image-inside .column:only-child .qedge-com-product-image-card .image-container { width: 100%; height: 529px } .qedge-com-multi-center-image>.container>.content .content-image-inside.is-multiline.col-2 .column { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding-top: 100px; margin-top: -0.75em } .qedge-com-multi-center-image>.container>.content .content-image-inside.is-multiline.col-2 .column:first-of-type, .qedge-com-multi-center-image>.container>.content .content-image-inside.is-multiline.col-2 .column:nth-of-type(2) { padding-top: 0; margin-top: 0 } .qedge-com-multi-center-image>.container>.content .footnote { font-size: 12px; color: #000; text-align: justify; line-height: 22px; font-weight: 400; margin-top: 28px } .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card { text-align: left } .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .image-container { width: 540px; height: 411px } .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .image-container .video-js { width: 100%; height: 100% } .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .title { margin-bottom: 0 } .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .title .info { font-size: 16px; text-align: left } .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .info { margin-top: 20px; text-align: left } .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .learn-more { font-size: 1rem; padding-top: 20px } .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .learn-more .ti-angle-right { margin-left: 12px; font-size: 15px } .qedge-com-multi-center-image.text-left>.container>.content .content-image-inside .qedge-com-product-image-card { text-align: left } .qedge-com-multi-center-image.text-left>.container>.content .content-image-inside .qedge-com-product-image-card .image-container { width: 540px; height: 411px } .qedge-com-multi-center-image.text-left>.container>.content .content-image-inside .qedge-com-product-image-card .image-container .video-js { width: 100%; height: 100% } .qedge-com-multi-center-image.text-left>.container>.content .content-image-inside .qedge-com-product-image-card .title { margin-bottom: 0; font-weight: 500; line-height: initial } .qedge-com-multi-center-image.text-left>.container>.content .content-image-inside .qedge-com-product-image-card .info { margin-top: 20px; text-align: left } .qedge-com-multi-center-image.text-left>.container>.content .qedge-com-news-title .container .content .subtitle { width: 66% } .qedge-com-multi-center-image.three-column>.container>.content .content-image .qedge-com-product-image-card .image-container { width: 350px; height: 266px } .qedge-com-multi-center-image.three-column>.container>.content .content-image .qedge-com-product-image-card .title { padding-top: 20px } .qedge-com-multi-center-image.three-column>.container>.content .content-image .qedge-com-product-image-card .info { padding-bottom: 0 } .qedge-com-multi-center-image.three-column>.container>.content .content-image .qedge-com-product-image-card .learn-more { padding-top: 20px; font-size: 1rem } .qedge-com-multi-center-image.three-column>.container>.content .content-image .column:first-of-type, .qedge-com-multi-center-image.three-column>.container>.content .content-image .column:nth-of-type(2), .qedge-com-multi-center-image.three-column>.container>.content .content-image .column:nth-of-type(3) { padding-top: .75em; margin-top: 0 } .qedge-com-multi-center-image.three-column>.container>.content .content-image-inside .qedge-com-product-image-card .image-container { width: 350px; height: 266px } .qedge-com-multi-center-image.three-column>.container>.content .content-image-inside .qedge-com-product-image-card .title { padding-top: 20px } .qedge-com-multi-center-image.three-column>.container>.content .content-image-inside .qedge-com-product-image-card .info { padding-bottom: 0 } .qedge-com-multi-center-image.three-column>.container>.content .content-image-inside .qedge-com-product-image-card .learn-more { padding-top: 20px; font-size: 1rem } .qedge-com-multi-center-image.three-column.maintain-proportion>.container>.content .columns .column { max-width: 33.333333% } .qedge-com-multi-center-image.three-column.maintain-proportion>.container>.content .content-image-inside, .qedge-com-multi-center-image.three-column.maintain-proportion>.container>.content .content-image .column:only-child .qedge-com-product-image-card .image-container { height: auto } .qedge-com-multi-center-image.four-column>.container>.content .content-image .qedge-com-product-image-card .image-container { width: 350px; height: 266px } .qedge-com-multi-center-image.four-column>.container>.content .content-image .qedge-com-product-image-card .title { padding-top: 20px } .qedge-com-multi-center-image.four-column>.container>.content .content-image .qedge-com-product-image-card .info { padding-bottom: 0 } .qedge-com-multi-center-image.four-column>.container>.content .content-image .qedge-com-product-image-card .learn-more { padding-top: 20px; font-size: 1rem } .qedge-com-multi-center-image.four-column>.container>.content .content-image-inside .qedge-com-product-image-card .image-container { width: 250px; height: 195px } .qedge-com-multi-center-image.four-column>.container>.content .content-image-inside .qedge-com-product-image-card .title { padding-top: 20px } .qedge-com-multi-center-image.four-column>.container>.content .content-image-inside .qedge-com-product-image-card .info { padding-bottom: 0; font-size: 16px; color: #666 } .qedge-com-multi-center-image.four-column>.container>.content .content-image-inside .qedge-com-product-image-card .learn-more { padding-top: 20px; font-size: 1rem } .qedge-com-multi-center-image.investor-other .qedge-com-news-title .content { margin-bottom: 30px } .qedge-com-multi-center-image.investor-other .container .content .columns.content-image-inside .qedge-com-product-image-card .image-container { width: 540px; height: 411px; overflow: hidden } .qedge-com-multi-center-image.investor-other .container .content .columns.content-image-inside .qedge-com-product-image-card .image-container img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; display: block } .qedge-com-multi-center-image.multi-center-image-usa>.container>.content .columns { -ms-flex-wrap: wrap; flex-wrap: wrap } .qedge-com-multi-center-image.multi-center-image-usa>.container>.content .columns .column { max-width: 33.333333%; -ms-flex-preferred-size: 33.333333%; flex-basis: 33.333333% } .qedge-com-multi-center-image.multi-center-image-usa>.container>.content .columns .column .qedge-com-product-image-card>.container>.content .image-container { padding-top: 96%; position: relative } .qedge-com-multi-center-image.multi-center-image-usa>.container>.content .columns .column .qedge-com-product-image-card>.container>.content .image-container img { display: block; position: absolute; left: 0; top: 0 !important; margin: 0 !important; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-multi-center-image.multi-center-image-usa>.container>.content .columns .column .qedge-com-product-image-card>.container>.content .title { font-size: 24px; line-height: 36px } .qedge-com-multi-center-image.multi-center-image-usa>.container>.content .columns .column .qedge-com-product-image-card>.container>.content .title .learn-more { padding-top: 10px; font-size: 16px; line-height: 20px } .qedge-com-multi-center-image.full-protfolio .category { padding-bottom: 3rem } .qedge-com-multi-center-image.full-protfolio .category:last-child { padding-bottom: 0 } .qedge-com-multi-center-image.full-protfolio .category .category-name h2 { font-size: 40px; margin-bottom: 0px } .qedge-com-multi-center-image.full-protfolio .category .category-name a.category-link { color: #000 } .qedge-com-multi-center-image.full-protfolio .category .category-name a.category-link:visited { color: #000 } .qedge-com-multi-center-image.full-protfolio .category .category-name a.category-link:hover { color: #0599c8 } .qedge-com-multi-center-image.full-protfolio .category .category-name a.category-link:active { color: #000 } .qedge-com-multi-center-image.full-protfolio .category .columns.content-image-inside { padding-top: 60px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0 } .qedge-com-multi-center-image.full-protfolio .category .columns.content-image-inside .column { max-width: 33%; padding-bottom: 2rem } .qedge-com-multi-center-image.full-protfolio .category .columns.content-image-inside .column:only-child .qedge-com-product-image-card .image-container { height: 266px } .qedge-com-multi-center-image.full-protfolio .category .columns.content-image-inside .column a:visited { color: #666 } .qedge-com-multi-center-image.full-protfolio .category .columns.content-image-inside .column a:hover { color: #0599c8 } .qedge-com-multi-center-image.full-protfolio .category .columns.content-image-inside .column a:active { color: #666 } @media screen and (max-width: 1024px) { .qedge-com-multi-center-image>.container>.content, .qedge-com-multi-center-image>.content { padding: 32px 20px 48px 20px } .qedge-com-multi-center-image>.container>.content .sub-title { width: 100%; font-size: 14px; line-height: 24px; font-weight: 400; color: #666; margin-bottom: 40px; margin-top: -10px } .qedge-com-multi-center-image>.container>.content .content-image .qedge-com-product-image-card .image-container { width: 100%; height: auto } .qedge-com-multi-center-image>.container>.content .content-image .qedge-com-product-image-card .title { padding-top: 24px; font-size: 14px; line-height: 24px; font-weight: 400 } .qedge-com-multi-center-image>.container>.content .content-image .column:only-child .qedge-com-product-image-card .content { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .qedge-com-multi-center-image>.container>.content .content-image .column:only-child .qedge-com-product-image-card .content .image-container { width: 100%; height: auto } .qedge-com-multi-center-image>.container>.content .content-image .column:only-child .qedge-com-product-image-card .content .title { padding-top: 0; font-weight: unset } .qedge-com-multi-center-image>.container>.content .content-image-inside .qedge-com-product-image-card .title { margin-right: 0 } .qedge-com-multi-center-image>.container>.content .content-image-inside .qedge-com-product-image-card .title p br { display: none } .qedge-com-multi-center-image>.container>.content .content-image-inside .qedge-com-product-image-card .info p br { display: none } .qedge-com-multi-center-image>.container>.content .content-image-inside.columns.is-multiline.col-2 .column { padding-top: 60px } .qedge-com-multi-center-image>.container>.content .content-image-inside.columns.is-multiline.col-2 .column:first-of-type { padding-top: 0 } .qedge-com-multi-center-image>.container>.content .footnote { margin-top: 12px } .qedge-com-multi-center-image.text-left>.container>.content .content-image { display: grid; grid-template-columns: 50% 50%; width: 100%; margin: auto } .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .content { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .content .image-container { width: 100%; height: 100% } .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .content .image-container img { display: block; height: 188px } .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .content .title { font-size: 16px; line-height: 26px; font-weight: 600; padding-top: 24px } .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .content .info { font-size: 14px; line-height: 24px; font-weight: 400; color: #666; text-align: left; width: 100%; min-height: 116px } .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .info { margin-top: 0px; margin-right: 0px; padding: 10px } .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .learn-more { padding-bottom: 20px } .qedge-com-multi-center-image.text-left>.container>.content .content-image .column { padding: 0; border: 1px solid #d1d1d1; margin-bottom: 20px; border-radius: 4px } .qedge-com-multi-center-image.text-left>.container>.content .content-image .column:nth-of-type(2n+1) { margin-right: 5px } .qedge-com-multi-center-image.text-left>.container>.content .content-image .column:nth-of-type(2n) { margin-left: 5px } .qedge-com-multi-center-image.text-left>.container>.content .content-image .column .qedge-com-product-image-card .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-multi-center-image.text-left>.container>.content .content-image .column .qedge-com-product-image-card .content .image-container { height: 192px; width: auto } .qedge-com-multi-center-image.text-left>.container>.content .content-image .column .qedge-com-product-image-card .content .image-container img { -o-object-fit: cover; object-fit: cover; width: auto } .qedge-com-multi-center-image.text-left>.container>.content .content-image .column .qedge-com-product-image-card .content .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 84px } .qedge-com-multi-center-image.text-left>.container>.content .content-image-inside .qedge-com-product-image-card .content { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-multi-center-image.text-left>.container>.content .content-image-inside .qedge-com-product-image-card .content .image-container { width: 100%; height: 100% } .qedge-com-multi-center-image.text-left>.container>.content .content-image-inside .qedge-com-product-image-card .content .image-container img { display: block; height: 188px } .qedge-com-multi-center-image.text-left>.container>.content .content-image-inside .qedge-com-product-image-card .content .title { font-size: 16px; line-height: 26px; font-weight: 600; padding-top: 24px } .qedge-com-multi-center-image.text-left>.container>.content .content-image-inside .qedge-com-product-image-card .content .info { font-size: 14px; line-height: 24px; color: #666; font-weight: 400; width: 100%; padding: 0 } .qedge-com-multi-center-image.text-left>.container>.content .qedge-com-news-title .content .title { padding: 40px 0px 12px 0px } .qedge-com-multi-center-image.text-left>.container>.content .qedge-com-news-title .container .content .subtitle { width: 100% } .qedge-com-multi-center-image.-mobileGrid>.container>.content { padding: 32px 20px 48px 20px } .qedge-com-multi-center-image.-mobileGrid>.container>.content .qedge-com-news-title .content .title { padding-top: 20px } .qedge-com-multi-center-image.-mobileGrid>.container>.content .columns.content-image { display: grid; grid-template-columns: 50% 50%; width: 100%; margin: auto } .qedge-com-multi-center-image.-mobileGrid>.container>.content .columns.content-image .column { padding: 0; border: 1px solid #d1d1d1; border-radius: 4px } .qedge-com-multi-center-image.-mobileGrid>.container>.content .columns.content-image .column:nth-of-type(2n+1) { margin-right: 5px } .qedge-com-multi-center-image.-mobileGrid>.container>.content .columns.content-image .column:nth-of-type(2n) { margin-left: 5px } .qedge-com-multi-center-image.-mobileGrid>.container>.content .columns.content-image .column .qedge-com-product-image-card { height: 100% } .qedge-com-multi-center-image.-mobileGrid>.container>.content .columns.content-image .column .qedge-com-product-image-card>.container { height: 100% } .qedge-com-multi-center-image.-mobileGrid>.container>.content .columns.content-image .column .qedge-com-product-image-card .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100% } .qedge-com-multi-center-image.-mobileGrid>.container>.content .columns.content-image .column .qedge-com-product-image-card .content .image-container { height: 192px } .qedge-com-multi-center-image.-mobileGrid>.container>.content .columns.content-image .column .qedge-com-product-image-card .content .image-container img { -o-object-fit: cover; object-fit: cover; width: auto } .qedge-com-multi-center-image.-mobileGrid>.container>.content .columns.content-image .column .qedge-com-product-image-card .content .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0 10px; min-height: 84px } .qedge-com-multi-center-image.-mobileGrid>.container>.content .columns.content-image .column .qedge-com-product-image-card .content .title .learn-more { padding-top: 5px; display: inline; font-size: 12px; font-weight: normal } .qedge-com-multi-center-image.-mobileGrid>.container>.content .columns.content-image .column .qedge-com-product-image-card .content .info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .qedge-com-multi-center-image.investor-other .qedge-com-news-title .content { margin-bottom: 20px } .qedge-com-multi-center-image.investor-other>.container>.content .content-image-inside .qedge-com-product-image-card .content .title { padding-bottom: 8px; padding-top: 20px; font-size: 16px; color: #000; letter-spacing: 0; line-height: 26px; font-weight: 500 } .qedge-com-multi-center-image.investor-other>.container>.content .qedge-com-news-title .content .title { padding-top: 0 } .qedge-com-multi-center-image.three-column.maintain-proportion>.container>.content .columns .column { max-width: none } .qedge-com-multi-center-image.multi-center-image-usa>.container>.content .columns { display: grid; grid-template-columns: 50% 50% } .qedge-com-multi-center-image.multi-center-image-usa>.container>.content .columns .column { max-width: 100% } .qedge-com-multi-center-image.multi-center-image-usa>.container>.content .columns .column .qedge-com-product-image-card .content .title { font-size: 16px; line-height: 26px } .qedge-com-multi-center-image.multi-center-image-usa>.container>.content .columns .column .qedge-com-product-image-card .content .title .learn-more { font-size: 14px; line-height: 20px; padding-top: 10px } .qedge-com-multi-center-image.full-protfolio .category { padding-bottom: 3rem } .qedge-com-multi-center-image.full-protfolio .category .category-name h3 { font-size: 20px } .qedge-com-multi-center-image.full-protfolio .category .columns.content-image-inside .column { max-width: 100% } .qedge-com-multi-center-image.full-protfolio .category .columns.content-image-inside .column .image-container img { -o-object-fit: cover; object-fit: cover } } @media screen and (max-width: 480px) { .qedge-com-multi-center-image.multi-center-image-usa>.container>.content .columns { display: block } .qedge-com-multi-center-image.multi-center-image-usa>.container>.content .columns .column { max-width: 100% } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-split-image-text { padding: 50px 0; background: #f5f5f5 } .qedge-com-split-image-text>.container { max-width: 1110px } .qedge-com-split-image-text>.container>.content { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-split-image-text>.container>.content>img { width: 58.33333%; min-height: 330px; -o-object-fit: cover; object-fit: cover; padding-right: 20px } .qedge-com-split-image-text>.container>.content .qedge-com-product-functionality-desc { width: 41.66667% } .qedge-com-split-image-text>.container>.content .qedge-com-product-functionality-desc .container .content { padding: 0 } .qedge-com-split-image-text>.container>.content .qedge-com-product-functionality-desc .container .content .introduction .sect-title { margin-top: 20px } .qedge-com-split-image-text:first-child { padding-top: 70px } .qedge-com-split-image-text:last-child { padding-bottom: 70px } .qedge-com-split-image-text.text-left .container .content { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .qedge-com-split-image-text.text-left .container .content>img { padding-right: 0; padding-left: 20px } @media screen and (max-width: 1024px) { .qedge-com-split-image-text { backgroud-color: #f5f5f5; padding: 0 } .qedge-com-split-image-text>.container .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 20px 80px } .qedge-com-split-image-text>.container .content img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; height: auto; min-height: unset; padding-right: 0px } .qedge-com-split-image-text>.container .content .qedge-com-product-functionality-desc { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100% } .qedge-com-split-image-text>.container .content .qedge-com-product-functionality-desc .container .content { padding: 0 } .qedge-com-split-image-text>.container .content .qedge-com-product-functionality-desc .container .content .introduction .sect-title { margin: 16px 0 8px; font-weight: 600 } .qedge-com-split-image-text:first-child { padding-top: 80px } .qedge-com-split-image-text.text-left .container .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-split-image-text.text-left .container .content>img { padding-left: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-video-banner>.content.object-fit-polyfill { height: 750px } .qedge-com-video-banner>.content .banner-video { height: 750px; width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-video-banner>.content .banner_bg { width: 100%; display: none } @media screen and (max-width: 1024px) { .qedge-com-video-banner>.content { min-height: 560px; position: relative } .qedge-com-video-banner>.content .banner-video { height: 560px } .qedge-com-video-banner>.content .banner_bg { display: block; height: 560px; position: absolute; left: 0px; top: 0px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-tabs { background: #000; width: 100%; height: 60px; position: relative } .qedge-com-tabs>.content .mod-tab { width: 100%; background: #fff; height: 60px; -webkit-box-shadow: inset 0 -1px 0 0 #e6e6e6; box-shadow: inset 0 -1px 0 0 #e6e6e6 } .qedge-com-tabs>.content .mod-tab .clearfix { clear: both } .qedge-com-tabs>.content .mod-tab .tab-content-group { max-width: 1160px; padding: 0 25px; margin: 0 auto; height: 100%; position: relative; overflow: hidden } .qedge-com-tabs>.content .mod-tab .tab-content-group .mc-left { position: absolute; left: 0; height: 53px; z-index: 10; cursor: pointer; display: none } .qedge-com-tabs>.content .mod-tab .tab-content-group .mc-left img { height: 100% } .qedge-com-tabs>.content .mod-tab .tab-content-group .mc-right { position: absolute; right: 0; height: 53px; z-index: 10; cursor: pointer; display: none } .qedge-com-tabs>.content .mod-tab .tab-content-group .mc-right img { height: 100% } .qedge-com-tabs>.content .mod-tab .tab-content-group .tab-items { height: 100%; display: inline-block; white-space: nowrap; position: absolute } .qedge-com-tabs>.content .mod-tab .tab-content-group .tab-items-button { display: none } .qedge-com-tabs>.content .mod-tab .line { display: none; height: 2px; left: 25px; position: absolute; bottom: 0; background: #0052d9 } .qedge-com-tabs>.content .mod-tab.fixed { position: fixed; z-index: 99; top: 0 } .qedge-com-tabs.fromInnovation .content .mod-tab .mc-left { position: absolute; left: 0; height: 45px; overflow: hidden; width: 65px; z-index: 10; cursor: pointer; display: none } .qedge-com-tabs.fromInnovation .content .mod-tab .mc-left img { height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; width: 105px; left: 0px; max-width: unset } .qedge-com-tabs.fromInnovation .content .mod-tab .mc-right { position: absolute; right: 0; height: 45px; overflow: hidden; width: 65px; z-index: 10; cursor: pointer; display: none } .qedge-com-tabs.fromInnovation .content .mod-tab .mc-right img { height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; width: 105px; right: 0px; max-width: unset } .qedge-com-tabs.fromInnovation .content .mod-tab .tab-content-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around } .qedge-com-tabs.fromInnovation .content .mod-tab .tab-content-group .tab-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-tabs.fromInnovation .qedge-com-tab-item .content .tab-header a { color: #999 } .qedge-com-tabs.fromInnovation .qedge-com-tab-item.active-tab .content .tab-header a { color: #000 } .qedge-com-tabs.user-enabled-mktoweb-button>.content .mod-tab .tab-content-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-tabs.user-enabled-mktoweb-button>.content .mod-tab .tab-content-group .tab-button { background-color: #000; color: #fff; display: block; padding: 6px 16px; position: absolute; right: 0; top: 9px; z-index: 200 } .qedge-com-tabs.user-enabled-mktoweb-button>.content .mod-tab .tab-content-group.clearfix::before, .qedge-com-tabs.user-enabled-mktoweb-button>.content .mod-tab .tab-content-group.clearfix::after { display: none } @media screen and (max-width: 1024px) { .qedge-com-tabs { display: none; height: 45px } .qedge-com-tabs>.content .mod-tab { padding: 0 20px; height: 45px } .qedge-com-tabs>.content .mod-tab .clearfix { height: 45px } .qedge-com-tabs>.content .mod-tab .tab-content-group { padding: 0; overflow-x: auto; overflow-y: hidden } .qedge-com-tabs.fromInnovation { display: block } .qedge-com-tabs.fromInnovation .content .mod-tab .tab-content-group .tab-items { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .qedge-com-tabs.user-enabled-mktoweb-button { display: block } .qedge-com-tabs.user-enabled-mktoweb-button>.content .mod-tab { padding: 15px; height: auto } .qedge-com-tabs.user-enabled-mktoweb-button>.content .mod-tab .tab-content-group { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-tabs.user-enabled-mktoweb-button>.content .mod-tab .tab-content-group .tab-items { display: none } .qedge-com-tabs.user-enabled-mktoweb-button>.content .mod-tab .tab-content-group .tab-items-button .qedge-com-tab-item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-tabs.user-enabled-mktoweb-button>.content .mod-tab .tab-content-group .tab-button { top: unset; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%) } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-tab-item { position: relative; margin-right: 60px; display: inline-block } .qedge-com-tab-item .content .tab-header { padding: 22px 0; line-height: 1em; font-weight: normal; white-space: nowrap; color: #000 } .qedge-com-tab-item .content .tab-header h1, .qedge-com-tab-item .content .tab-header h2, .qedge-com-tab-item .content .tab-header h3, .qedge-com-tab-item .content .tab-header h4, .qedge-com-tab-item .content .tab-header h5, .qedge-com-tab-item .content .tab-header h6, .qedge-com-tab-item .content .tab-header p, .qedge-com-tab-item .content .tab-header em, .qedge-com-tab-item .content .tab-header i, .qedge-com-tab-item .content .tab-header b, .qedge-com-tab-item .content .tab-header address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-tab-item .content .tab-header a { color: #000 } .qedge-com-tab-item .content .tab-header a:hover, .qedge-com-tab-item .content .tab-header a:focus, .qedge-com-tab-item .content .tab-header a:active { color: #000 } .qedge-com-tab-item.active-tab .tab-header { display: inline-block; font-style: normal; font-weight: bold } .qedge-com-tab-item.active-tab .tab-header a { color: #000 } .qedge-com-tab-item.active-tab .tab-header::after { display: none; content: " "; height: 2px; width: 100%; background: #0052d9; position: absolute; left: 0; right: 0; bottom: 0 } .qedge-com-tab-item.active-tab-click .tab-header { display: inline-block; font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 700 } .qedge-com-tab-item.active-tab-click .tab-header a { color: #000 } .qedge-com-tab-item.active-tab-click .tab-header::after { display: none; content: " "; height: 2px; width: 100%; background: #0052d9; position: absolute; left: 0; right: 0; bottom: 0 } @media screen and (max-width: 1024px) { .qedge-com-tab-item { margin-right: 30px } .qedge-com-tab-item .content .tab-header { padding: 12px 0; font-size: 14px } .qedge-com-tab-item.active-tab .tab-header { display: inline-block; font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 700; font-size: 24px } .qedge-com-tab-item.active-tab .tab-header::after { content: " "; height: 2px; width: 100%; background: #0052d9; position: absolute; left: 0; right: 0; bottom: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-services-banner { margin-bottom: 68px } .qedge-com-services-banner .content { height: 100%; position: relative } .qedge-com-services-banner .content .qedge-com-motional-bg-image { height: 750px; position: relative } .qedge-com-services-banner .content .qedge-com-motional-bg-image.smallBanner { height: 500px } .qedge-com-services-banner .content .bg-mask-black { height: 0 } .qedge-com-services-banner .content .banner-details { position: absolute; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; z-index: 30 } .qedge-com-services-banner .content .banner-details .container { max-width: 1160px; margin: 0; width: 100% } .qedge-com-services-banner .content .banner-details .container .content { padding: 0 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-services-banner .content .banner-details .container .content .pre-title { font-size: 40px; color: #000; margin-bottom: 35px; letter-spacing: 1.4px; line-height: 1.125 } .qedge-com-services-banner .content .banner-details .container .content .pre-title h1, .qedge-com-services-banner .content .banner-details .container .content .pre-title h2, .qedge-com-services-banner .content .banner-details .container .content .pre-title h3, .qedge-com-services-banner .content .banner-details .container .content .pre-title h4, .qedge-com-services-banner .content .banner-details .container .content .pre-title h5, .qedge-com-services-banner .content .banner-details .container .content .pre-title h6, .qedge-com-services-banner .content .banner-details .container .content .pre-title p, .qedge-com-services-banner .content .banner-details .container .content .pre-title em, .qedge-com-services-banner .content .banner-details .container .content .pre-title i, .qedge-com-services-banner .content .banner-details .container .content .pre-title b, .qedge-com-services-banner .content .banner-details .container .content .pre-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-services-banner .content .banner-details .container .content .title { font-size: 40px; color: #000; margin-bottom: 150px; letter-spacing: 1.4px } .qedge-com-services-banner .content .banner-details .container .content .title h1, .qedge-com-services-banner .content .banner-details .container .content .title h2, .qedge-com-services-banner .content .banner-details .container .content .title h3, .qedge-com-services-banner .content .banner-details .container .content .title h4, .qedge-com-services-banner .content .banner-details .container .content .title h5, .qedge-com-services-banner .content .banner-details .container .content .title h6, .qedge-com-services-banner .content .banner-details .container .content .title p, .qedge-com-services-banner .content .banner-details .container .content .title em, .qedge-com-services-banner .content .banner-details .container .content .title i, .qedge-com-services-banner .content .banner-details .container .content .title b, .qedge-com-services-banner .content .banner-details .container .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-services-banner .content .banner-details .container .content .description { opacity: .5; font-size: 24px; color: #000 } .qedge-com-services-banner .content .banner-details .container .content .description h1, .qedge-com-services-banner .content .banner-details .container .content .description h2, .qedge-com-services-banner .content .banner-details .container .content .description h3, .qedge-com-services-banner .content .banner-details .container .content .description h4, .qedge-com-services-banner .content .banner-details .container .content .description h5, .qedge-com-services-banner .content .banner-details .container .content .description h6, .qedge-com-services-banner .content .banner-details .container .content .description p, .qedge-com-services-banner .content .banner-details .container .content .description em, .qedge-com-services-banner .content .banner-details .container .content .description i, .qedge-com-services-banner .content .banner-details .container .content .description b, .qedge-com-services-banner .content .banner-details .container .content .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-services-banner.-white .content .banner-details .container .content .pre-title { color: #fff } .qedge-com-services-banner.-white .content .banner-details .container .content .title { color: #fff } .qedge-com-services-banner.-white .content .banner-details .container .content .description { color: #fff; opacity: 1 } .qedge-com-services-banner.-bgmask .bg-mask-black { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); top: 0; z-index: 25 } @media screen and (max-width: 1024px) { .qedge-com-services-banner { margin-bottom: 45px } .qedge-com-services-banner .content .qedge-com-motional-bg-image { height: 560px } .qedge-com-services-banner .content .banner-details .container { height: 65% } .qedge-com-services-banner .content .banner-details .container .content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-services-banner .content .banner-details .container .content .pre-title { font-size: 24px; line-height: 34px; margin-bottom: 15px; letter-spacing: inherit } .qedge-com-services-banner .content .banner-details .container .content .pre-title h1, .qedge-com-services-banner .content .banner-details .container .content .pre-title h2, .qedge-com-services-banner .content .banner-details .container .content .pre-title h3, .qedge-com-services-banner .content .banner-details .container .content .pre-title h4, .qedge-com-services-banner .content .banner-details .container .content .pre-title h5, .qedge-com-services-banner .content .banner-details .container .content .pre-title h6, .qedge-com-services-banner .content .banner-details .container .content .pre-title p, .qedge-com-services-banner .content .banner-details .container .content .pre-title em, .qedge-com-services-banner .content .banner-details .container .content .pre-title i, .qedge-com-services-banner .content .banner-details .container .content .pre-title b, .qedge-com-services-banner .content .banner-details .container .content .pre-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-services-banner .content .banner-details .container .content .title { font-size: 24px; line-height: 34px; font-weight: bold; margin-bottom: 35px; letter-spacing: inherit } .qedge-com-services-banner .content .banner-details .container .content .title h1, .qedge-com-services-banner .content .banner-details .container .content .title h2, .qedge-com-services-banner .content .banner-details .container .content .title h3, .qedge-com-services-banner .content .banner-details .container .content .title h4, .qedge-com-services-banner .content .banner-details .container .content .title h5, .qedge-com-services-banner .content .banner-details .container .content .title h6, .qedge-com-services-banner .content .banner-details .container .content .title p, .qedge-com-services-banner .content .banner-details .container .content .title em, .qedge-com-services-banner .content .banner-details .container .content .title i, .qedge-com-services-banner .content .banner-details .container .content .title b, .qedge-com-services-banner .content .banner-details .container .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-services-banner .content .banner-details .container .content .description { color: #000; font-size: 16px; opacity: 1 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-services-text-info { background-color: #fff } .qedge-com-services-text-info .container { max-width: 1160px; margin: 0 auto; padding: 0 25px } .qedge-com-services-text-info .container .content { margin: -60px 0 60px 0; padding-top: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-services-text-info .container .content .title { font-size: 40px; color: #000; margin-bottom: 60px } .qedge-com-services-text-info .container .content .title h1, .qedge-com-services-text-info .container .content .title h2, .qedge-com-services-text-info .container .content .title h3, .qedge-com-services-text-info .container .content .title h4, .qedge-com-services-text-info .container .content .title h5, .qedge-com-services-text-info .container .content .title h6, .qedge-com-services-text-info .container .content .title p, .qedge-com-services-text-info .container .content .title em, .qedge-com-services-text-info .container .content .title i, .qedge-com-services-text-info .container .content .title b, .qedge-com-services-text-info .container .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-services-text-info .container .content .description { margin-top: 5px; font-size: 20px; opacity: .7; color: #000; line-height: 1.8; margin-bottom: 10px } .qedge-com-services-text-info .container .content .description h1, .qedge-com-services-text-info .container .content .description h2, .qedge-com-services-text-info .container .content .description h3, .qedge-com-services-text-info .container .content .description h4, .qedge-com-services-text-info .container .content .description h5, .qedge-com-services-text-info .container .content .description h6, .qedge-com-services-text-info .container .content .description p, .qedge-com-services-text-info .container .content .description em, .qedge-com-services-text-info .container .content .description i, .qedge-com-services-text-info .container .content .description b, .qedge-com-services-text-info .container .content .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-services-text-info .container .content hr { margin: 20px 0; height: 1px; border-top: 1px solid #eee } .qedge-com-services-text-info .container .content .details { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 10px } .qedge-com-services-text-info .container .content .details .columns { margin: 0; width: 100% } .qedge-com-services-text-info .container .content .details .columns .column { padding: 12px 50px 12px 0 } .qedge-com-services-text-info .container .content .details .columns .column:last-child { padding-right: 0 } .qedge-com-services-text-info.highlight { margin-bottom: 0; background-color: #fbfbfb } .qedge-com-services-text-info.highlight .container { margin-bottom: 140px } .qedge-com-services-text-info.highlight .container .content { padding-top: 110px } @media screen and (max-width: 1024px) { .qedge-com-services-text-info { margin-top: 60px } .qedge-com-services-text-info .container .content { margin-bottom: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; padding-top: 50px } .qedge-com-services-text-info .container .content .title { font-size: 24px; line-height: 34px; margin-bottom: 8px } .qedge-com-services-text-info .container .content .title h1, .qedge-com-services-text-info .container .content .title h2, .qedge-com-services-text-info .container .content .title h3, .qedge-com-services-text-info .container .content .title h4, .qedge-com-services-text-info .container .content .title h5, .qedge-com-services-text-info .container .content .title h6, .qedge-com-services-text-info .container .content .title p, .qedge-com-services-text-info .container .content .title em, .qedge-com-services-text-info .container .content .title i, .qedge-com-services-text-info .container .content .title b, .qedge-com-services-text-info .container .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-services-text-info .container .content hr { border: none; height: 0; margin: 10px 0 } .qedge-com-services-text-info .container .content .description { margin-top: 5px; font-size: 16px; line-height: 26px; opacity: .7; color: #000; margin-bottom: 10px } .qedge-com-services-text-info .container .content .description h1, .qedge-com-services-text-info .container .content .description h2, .qedge-com-services-text-info .container .content .description h3, .qedge-com-services-text-info .container .content .description h4, .qedge-com-services-text-info .container .content .description h5, .qedge-com-services-text-info .container .content .description h6, .qedge-com-services-text-info .container .content .description p, .qedge-com-services-text-info .container .content .description em, .qedge-com-services-text-info .container .content .description i, .qedge-com-services-text-info .container .content .description b, .qedge-com-services-text-info .container .content .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-services-text-info .container .content .details { padding-top: 0 } .qedge-com-services-text-info .container .content .details .columns .column { padding-right: 0 } .qedge-com-services-text-info.highlight { margin-bottom: 0; margin-top: 0; background-color: #fbfbfb } .qedge-com-services-text-info.highlight .container { margin-bottom: 80px } .qedge-com-services-text-info.highlight .container .content { padding-top: 150px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-services-text-info-item .item-title { font-size: 24px; color: #000; letter-spacing: 0; font-weight: bold } .qedge-com-services-text-info-item .item-title h1, .qedge-com-services-text-info-item .item-title h2, .qedge-com-services-text-info-item .item-title h3, .qedge-com-services-text-info-item .item-title h4, .qedge-com-services-text-info-item .item-title h5, .qedge-com-services-text-info-item .item-title h6, .qedge-com-services-text-info-item .item-title p, .qedge-com-services-text-info-item .item-title em, .qedge-com-services-text-info-item .item-title i, .qedge-com-services-text-info-item .item-title b, .qedge-com-services-text-info-item .item-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-services-text-info-item .item-details { margin-left: 0; margin-top: 16px } .qedge-com-services-text-info-item .item-details li { font-size: 16px; color: #666 } .qedge-com-services-text-info-item .item-details li h1, .qedge-com-services-text-info-item .item-details li h2, .qedge-com-services-text-info-item .item-details li h3, .qedge-com-services-text-info-item .item-details li h4, .qedge-com-services-text-info-item .item-details li h5, .qedge-com-services-text-info-item .item-details li h6, .qedge-com-services-text-info-item .item-details li p, .qedge-com-services-text-info-item .item-details li em, .qedge-com-services-text-info-item .item-details li i, .qedge-com-services-text-info-item .item-details li b, .qedge-com-services-text-info-item .item-details li address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } @media screen and (max-width: 1024px) { .qedge-com-services-text-info-item .item-title { font-size: 16px; color: #000; letter-spacing: 0; font-weight: bold } .qedge-com-services-text-info-item .item-title h1, .qedge-com-services-text-info-item .item-title h2, .qedge-com-services-text-info-item .item-title h3, .qedge-com-services-text-info-item .item-title h4, .qedge-com-services-text-info-item .item-title h5, .qedge-com-services-text-info-item .item-title h6, .qedge-com-services-text-info-item .item-title p, .qedge-com-services-text-info-item .item-title em, .qedge-com-services-text-info-item .item-title i, .qedge-com-services-text-info-item .item-title b, .qedge-com-services-text-info-item .item-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-services-text-info-item .item-details { margin-left: 0; list-style: none } .qedge-com-services-text-info-item .item-details li { font-size: 14px; line-height: 24px; color: #666 } .qedge-com-services-text-info-item .item-details li h1, .qedge-com-services-text-info-item .item-details li h2, .qedge-com-services-text-info-item .item-details li h3, .qedge-com-services-text-info-item .item-details li h4, .qedge-com-services-text-info-item .item-details li h5, .qedge-com-services-text-info-item .item-details li h6, .qedge-com-services-text-info-item .item-details li p, .qedge-com-services-text-info-item .item-details li em, .qedge-com-services-text-info-item .item-details li i, .qedge-com-services-text-info-item .item-details li b, .qedge-com-services-text-info-item .item-details li address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-more-text-with-arrow { font-size: 16px; color: #666; letter-spacing: 0; text-align: right } @keyframes hover-in { from { -webkit-transform: translateX(0px); transform: translateX(0px) } to { -webkit-transform: translateX(5px); transform: translateX(5px) } } @keyframes hover-out { from { -webkit-transform: translateX(5px); transform: translateX(5px) } to { -webkit-transform: translateX(0px); transform: translateX(0px) } } .qedge-com-more-text-with-arrow a:hover, .qedge-com-more-text-with-arrow a:focus, .qedge-com-more-text-with-arrow a:active { color: #666 } .qedge-com-more-text-with-arrow .ti-angle-right { display: inline-block; margin-left: 12px; font-size: 15px } .qedge-com-more-text-with-arrow .ti-angle-right.hover-in { -webkit-animation: hover-in .2s linear 0s 1 normal; animation: hover-in .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .qedge-com-more-text-with-arrow .ti-angle-right.hover-out { -webkit-animation: hover-out .2s linear 0s 1 normal; animation: hover-out .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } @media screen and (max-width: 1024px) { .qedge-com-more-text-with-arrow { font-size: 12px } .qedge-com-more-text-with-arrow .ti-angle-right { font-size: 12px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-services-inside-content-item { padding-bottom: 60px; padding-top: 70px } .qedge-com-services-inside-content-item.highlight { background-color: #f5f5f5 } .qedge-com-services-inside-content-item .content { max-width: 1160px; margin: 0 auto; padding: 0 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-services-inside-content-item .content .title { font-size: 40px; color: #000; font-weight: bold; margin-bottom: 15px } .qedge-com-services-inside-content-item .content .title h1, .qedge-com-services-inside-content-item .content .title h2, .qedge-com-services-inside-content-item .content .title h3, .qedge-com-services-inside-content-item .content .title h4, .qedge-com-services-inside-content-item .content .title h5, .qedge-com-services-inside-content-item .content .title h6, .qedge-com-services-inside-content-item .content .title p, .qedge-com-services-inside-content-item .content .title em, .qedge-com-services-inside-content-item .content .title i, .qedge-com-services-inside-content-item .content .title b, .qedge-com-services-inside-content-item .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-services-inside-content-item .content .description { font-size: 24px; color: #000; letter-spacing: 0; margin-bottom: 35px } .qedge-com-services-inside-content-item .content .description h1, .qedge-com-services-inside-content-item .content .description h2, .qedge-com-services-inside-content-item .content .description h3, .qedge-com-services-inside-content-item .content .description h4, .qedge-com-services-inside-content-item .content .description h5, .qedge-com-services-inside-content-item .content .description h6, .qedge-com-services-inside-content-item .content .description p, .qedge-com-services-inside-content-item .content .description em, .qedge-com-services-inside-content-item .content .description i, .qedge-com-services-inside-content-item .content .description b, .qedge-com-services-inside-content-item .content .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-services-inside-content-item .content .qedge-com-motional-bg-image { width: 1110px; height: 500px; margin-bottom: 40px } .qedge-com-services-inside-content-item .content .qedge-com-motional-bg-image .image-replacer { background-size: cover } .qedge-com-services-inside-content-item .content .columns .column { margin-right: 60px } .qedge-com-services-inside-content-item .content .columns .column:last-child { margin-right: 40px } .qedge-com-services-inside-content-item .content .columns .column .column-title { font-weight: bold; margin-bottom: 13px; font-size: 24px; color: #000 } .qedge-com-services-inside-content-item .content .columns .column .column-description { font-size: 24px; color: #666; letter-spacing: 0; text-align: justify } .qedge-com-services-inside-content-item:first-of-type { padding-top: 135px } .qedge-com-services-inside-content-item:last-of-type { padding-bottom: 140px } @media screen and (max-width: 1024px) { .qedge-com-services-inside-content-item:first-of-type { padding-top: 80px } .qedge-com-services-inside-content-item:last-of-type { padding-bottom: 80px } .qedge-com-services-inside-content-item { padding-bottom: 80px; padding-top: 80px; margin-bottom: 0 } .qedge-com-services-inside-content-item .content .title { font-size: 24px; line-height: 34px; margin-bottom: 10px } .qedge-com-services-inside-content-item .content .title h1, .qedge-com-services-inside-content-item .content .title h2, .qedge-com-services-inside-content-item .content .title h3, .qedge-com-services-inside-content-item .content .title h4, .qedge-com-services-inside-content-item .content .title h5, .qedge-com-services-inside-content-item .content .title h6, .qedge-com-services-inside-content-item .content .title p, .qedge-com-services-inside-content-item .content .title em, .qedge-com-services-inside-content-item .content .title i, .qedge-com-services-inside-content-item .content .title b, .qedge-com-services-inside-content-item .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-services-inside-content-item .content .description { font-size: 14px; line-height: 24px; margin-bottom: 35px; letter-spacing: 0 } .qedge-com-services-inside-content-item .content .description h1, .qedge-com-services-inside-content-item .content .description h2, .qedge-com-services-inside-content-item .content .description h3, .qedge-com-services-inside-content-item .content .description h4, .qedge-com-services-inside-content-item .content .description h5, .qedge-com-services-inside-content-item .content .description h6, .qedge-com-services-inside-content-item .content .description p, .qedge-com-services-inside-content-item .content .description em, .qedge-com-services-inside-content-item .content .description i, .qedge-com-services-inside-content-item .content .description b, .qedge-com-services-inside-content-item .content .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-services-inside-content-item .content .qedge-com-motional-bg-image { min-height: 188px; height: auto; width: auto; margin-bottom: 25px } .qedge-com-services-inside-content-item .content .qedge-com-motional-bg-image .image-replacer { background-size: cover } .qedge-com-services-inside-content-item .content .columns .column { margin-right: 5px } .qedge-com-services-inside-content-item .content .columns .column:last-child { margin-right: 5px } .qedge-com-services-inside-content-item .content .columns .column .column-title { font-size: 16px; line-height: 26px; margin-bottom: 10px } .qedge-com-services-inside-content-item .content .columns .column .column-description { font-size: 14px; line-height: 24px; letter-spacing: 0; text-align: justify } .qedge-com-section .container .content .qedge-com-services-inside-content-item:nth-child(1) { padding-top: 50px } .qedge-com-section .container .content .qedge-com-services-inside-content-item:last-child { padding-bottom: 30px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-display-banner { overflow: hidden } .qedge-com-display-banner .video-container { position: relative; height: 750px } .qedge-com-display-banner .video-container video, .qedge-com-display-banner .video-container .video-js { top: 0 !important; margin-top: 0 !important; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-display-banner .video-container .qedge-com-banner-cover-image { position: absolute; top: 0; z-index: 997; height: 100% } .qedge-com-display-banner .video-container .qedge-com-banner-cover-image img { height: 100% } .qedge-com-display-banner .video-container .display-video-modal { width: 100%; height: 100%; position: absolute; top: 0 } .qedge-com-display-banner .video-container .display-video-modal .qedge-com-card-video-play { z-index: 999; background: rgba(0, 0, 0, .4) } .qedge-com-display-banner .video-container .display-video-modal .qedge-com-card-video-play .qedge-com-motional-bg-image { display: none } .qedge-com-display-banner .video-container .display-video-modal .qedge-com-card-video-play .banner-details { z-index: 999; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-display-banner .video-container .display-video-modal .qedge-com-card-video-play .banner-details .banner-title { text-align: center; font-family: source-han-sans-simplified-c, sans-serif; font-size: 48px; letter-spacing: 0; font-weight: 500; text-shadow: none; color: #fff } .qedge-com-display-banner.hasMargin { margin-bottom: 65px } .qedge-com-display-banner.isBottom { margin-top: 80px } .qedge-com-display-banner.isBottom .content .qedge-com-motional-bg-image { height: 420px } .qedge-com-display-banner.isBottom .content .qedge-com-motional-bg-image .image-replacer { top: 0 } .qedge-com-display-banner .content { height: 100%; position: relative } .qedge-com-display-banner .content .qedge-com-motional-bg-image { position: relative; height: 500px } .qedge-com-display-banner .content .banner-details { background: rgba(0, 0, 0, .4); z-index: 10; position: absolute; left: 0; bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100% } .qedge-com-display-banner .content .banner-details.banner-details-uihcloud { background: rgba(0, 0, 0, 0) } .qedge-com-display-banner .content .banner-details.banner-details-nobackground { background: none } .qedge-com-display-banner .content .banner-details .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 56px; color: #fff } .qedge-com-display-banner .content .banner-details .content.isBold { font-weight: bold } .qedge-com-display-banner .content .banner-details .content h1, .qedge-com-display-banner .content .banner-details .content h2, .qedge-com-display-banner .content .banner-details .content h3, .qedge-com-display-banner .content .banner-details .content h4, .qedge-com-display-banner .content .banner-details .content h5, .qedge-com-display-banner .content .banner-details .content h6, .qedge-com-display-banner .content .banner-details .content p, .qedge-com-display-banner .content .banner-details .content em, .qedge-com-display-banner .content .banner-details .content i, .qedge-com-display-banner .content .banner-details .content b, .qedge-com-display-banner .content .banner-details .content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-display-banner .content .banner-details .content .title { font-size: 40px; color: #fff; text-align: center; margin-bottom: 45px } .qedge-com-display-banner .content .banner-details .content .subTitle { font-size: 24px; color: #fff; letter-spacing: 16px; text-align: center; line-height: 36px; font-weight: 400 } .for-uih-cloud-prod .qedge-com-display-banner .content .banner-details .content .subTitle { margin-bottom: 40px; max-width: 730px; letter-spacing: unset } .qedge-com-display-banner .content .banner-details .content .uihDescription { font-size: 24px; color: #fff; letter-spacing: 5px; text-align: center; line-height: 28px } .qedge-com-display-banner .content .banner-details .content .bottomTitle { margin-top: 40px; font-size: 16px; color: #fff; letter-spacing: 0; text-align: center; line-height: 28px; font-weight: 400 } .qedge-com-display-banner .content .banner-details .content .bottomTitle .link { color: #fff } .qedge-com-display-banner .content .banner-details .isNote { text-align: center } .qedge-com-display-banner .content .banner-details .isNote .desc { font-size: 20px; color: #fff; text-align: center; line-height: 1.8 } .qedge-com-display-banner.includeHeader .qedge-com-motional-bg-image { height: calc(60px + 750px) } .qedge-com-display-banner.includeHeader .qedge-com-motional-bg-image.qedge-com-motional-bg-image-uinnovation { width: 100% } .qedge-com-display-banner.includeHeader .content .banner-details .title { margin-bottom: 20px; line-height: 1.46em; font-family: source-han-sans-simplified-c, sans-serif; font-weight: 300 } .qedge-com-display-banner.includeHeader .content .banner-details .title h1, .qedge-com-display-banner.includeHeader .content .banner-details .title h2, .qedge-com-display-banner.includeHeader .content .banner-details .title h3, .qedge-com-display-banner.includeHeader .content .banner-details .title h4, .qedge-com-display-banner.includeHeader .content .banner-details .title h5, .qedge-com-display-banner.includeHeader .content .banner-details .title h6, .qedge-com-display-banner.includeHeader .content .banner-details .title p, .qedge-com-display-banner.includeHeader .content .banner-details .title em, .qedge-com-display-banner.includeHeader .content .banner-details .title i, .qedge-com-display-banner.includeHeader .content .banner-details .title b, .qedge-com-display-banner.includeHeader .content .banner-details .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-display-banner.includeHeader .content .banner-details .subTitle { font-size: 20px; line-height: 1.8em; letter-spacing: normal; font-family: source-han-sans-simplified-c, sans-serif; font-weight: 300 } .qedge-com-display-banner.includeHeader .content .banner-details .subTitle h1, .qedge-com-display-banner.includeHeader .content .banner-details .subTitle h2, .qedge-com-display-banner.includeHeader .content .banner-details .subTitle h3, .qedge-com-display-banner.includeHeader .content .banner-details .subTitle h4, .qedge-com-display-banner.includeHeader .content .banner-details .subTitle h5, .qedge-com-display-banner.includeHeader .content .banner-details .subTitle h6, .qedge-com-display-banner.includeHeader .content .banner-details .subTitle p, .qedge-com-display-banner.includeHeader .content .banner-details .subTitle em, .qedge-com-display-banner.includeHeader .content .banner-details .subTitle i, .qedge-com-display-banner.includeHeader .content .banner-details .subTitle b, .qedge-com-display-banner.includeHeader .content .banner-details .subTitle address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-display-banner.includeHeader .content .banner-details .learnmore { font-size: 16px; color: #fff; text-align: center; margin-top: 70px } .qedge-com-display-banner.includeHeader .content .banner-details .learnmore h1, .qedge-com-display-banner.includeHeader .content .banner-details .learnmore h2, .qedge-com-display-banner.includeHeader .content .banner-details .learnmore h3, .qedge-com-display-banner.includeHeader .content .banner-details .learnmore h4, .qedge-com-display-banner.includeHeader .content .banner-details .learnmore h5, .qedge-com-display-banner.includeHeader .content .banner-details .learnmore h6, .qedge-com-display-banner.includeHeader .content .banner-details .learnmore p, .qedge-com-display-banner.includeHeader .content .banner-details .learnmore em, .qedge-com-display-banner.includeHeader .content .banner-details .learnmore i, .qedge-com-display-banner.includeHeader .content .banner-details .learnmore b, .qedge-com-display-banner.includeHeader .content .banner-details .learnmore address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-display-banner.includeHeader .content .banner-details .learnmore a { color: #fff } .qedge-com-display-banner.for-uih-cloud .content { height: 100%; position: relative } .qedge-com-display-banner.for-uih-cloud .content .qedge-com-motional-bg-image { position: relative; height: 750px } .qedge-com-display-banner.for-uih-cloud .content .banner-details .content .banner-title { text-align: center; padding-bottom: 40px } .qedge-com-display-banner.for-uih-cloud .content .banner-details .content .banner-desc { max-width: 730px; font-size: 16px; color: #fff; letter-spacing: 0; text-align: center; line-height: 28px; font-weight: 400 } .qedge-com-display-banner.for-uih-cloud.isBottom .qedge-com-motional-bg-image { height: 360px } .for-investor .qedge-com-display-banner .content .banner-details .content .title { font-size: 56px; color: #fff; text-align: center; font-weight: 400; margin-bottom: 45px } .for-investor .qedge-com-display-banner .content .banner-details .content .subTitle { font-size: 16px; line-height: 26px; font-size: 24px; color: #fff; letter-spacing: 16px; text-align: center; font-weight: 400 } .for-investor .qedge-com-display-banner .content .banner-details .content .bottomTitle { font-size: 16px; color: #fff; letter-spacing: 0; text-align: center; line-height: 28px; font-weight: 400 } .for-investor .qedge-com-display-banner .content .banner-details .content .bottomTitle .link { color: #fff } .for-investor .qedge-com-display-banner .content .banner-details .isNote { text-align: center } .for-investor .qedge-com-display-banner .content .banner-details .isNote .desc { font-size: 20px; color: #fff; text-align: center; line-height: 1.8 } .for-investor .qedge-com-display-banner .content .banner-bottom-tips { position: absolute; bottom: 0; height: 60px; background: rgba(0, 0, 0, .5); width: 100%; z-index: 11; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .for-investor .qedge-com-display-banner .content .banner-bottom-tips .tips-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 25% } .for-investor .qedge-com-display-banner .content .banner-bottom-tips .tips-detail-title { font-size: 20px; color: rgba(255, 255, 255, .5); text-align: right; font-weight: 400 } .for-investor .qedge-com-display-banner .content .banner-bottom-tips .tips-detail-fee { font-size: 20px; color: #fff; text-align: right; font-weight: 400 } .for-investor .qedge-com-display-banner .content .banner-bottom-tips .tips-detail-line { background: #fff; width: 1px; height: 30px } .for-investor .qedge-com-display-banner .content .banner-bottom-tips .tips-detail-rise { font-size: 20px; color: rgba(255, 255, 255, .5); font-weight: 400 } .for-investor .qedge-com-display-banner .content .qedge-com-tabs { position: absolute; top: 0; z-index: 11 } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container { max-width: 1110px } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab { background: rgba(0, 0, 0, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab .mc-title { font-size: 20px; color: #fff; font-weight: 400; padding: 22px 0; line-height: 1em } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab .tab-content-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: unset; margin: unset } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items .qedge-com-tab-item { margin-right: 40px } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items .qedge-com-tab-item:last-child { margin-right: 0 } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items .qedge-com-tab-item .content .tab-header { font-size: 16px; color: rgba(255, 255, 255, .7); font-weight: 400 } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items .qedge-com-tab-item .content .tab-header>a { color: rgba(255, 255, 255, .7) } .qedge-com-display-banner.csr-aid .content .qedge-com-motional-bg-image { height: 750px } .qedge-com-display-banner.csr-aid .content .qedge-com-motional-bg-image .qedge-com-carousel-banner .video-container video { height: 750px } .qedge-com-display-banner.csr-aid .content .qedge-com-motional-bg-image .qedge-about-banner-titles { z-index: 100 } .qedge-com-display-banner.-vision .banner-details .content p { font-size: 56px } .qedge-com-display-banner.investor-banner .content .banner-details .content.isCenter { font-size: 48px; color: #fff; letter-spacing: 0; text-align: center; line-height: initial; font-weight: 600 } html[lang=zh] .qedge-com-display-banner .content .banner-details .content .uihDescription { letter-spacing: 20px } .uiPolicy-qedge-com-display-banner.hasMargin { margin-bottom: 65px } .uiPolicy-qedge-com-display-banner.isBottom { margin-top: 140px } .uiPolicy-qedge-com-display-banner.isBottom .content .qedge-com-motional-bg-image { height: 360px } .uiPolicy-qedge-com-display-banner .content { height: 100%; position: relative } .uiPolicy-qedge-com-display-banner .content .qedge-com-motional-bg-image { position: relative; height: 500px } .uiPolicy-qedge-com-display-banner .content .banner-details { background: rgba(0, 0, 0, .4); z-index: 10; position: absolute; left: 0; bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100% } .uiPolicy-qedge-com-display-banner .content .banner-details .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 56px; color: #fff } .uiPolicy-qedge-com-display-banner .content .banner-details .content.isBold { font-weight: bold } .uiPolicy-qedge-com-display-banner .content .banner-details .content h1, .uiPolicy-qedge-com-display-banner .content .banner-details .content h2, .uiPolicy-qedge-com-display-banner .content .banner-details .content h3, .uiPolicy-qedge-com-display-banner .content .banner-details .content h4, .uiPolicy-qedge-com-display-banner .content .banner-details .content h5, .uiPolicy-qedge-com-display-banner .content .banner-details .content h6, .uiPolicy-qedge-com-display-banner .content .banner-details .content p, .uiPolicy-qedge-com-display-banner .content .banner-details .content em, .uiPolicy-qedge-com-display-banner .content .banner-details .content i, .uiPolicy-qedge-com-display-banner .content .banner-details .content b, .uiPolicy-qedge-com-display-banner .content .banner-details .content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uiPolicy-qedge-com-display-banner .content .banner-details .content .title { font-size: 48px; color: #fff; text-align: center; margin-bottom: 45px } .uiPolicy-qedge-com-display-banner .content .banner-details .content .subTitle { color: #fff; letter-spacing: 16px; text-align: center; font-weight: normal; font-size: 16px; line-height: 26px } .uiPolicy-qedge-com-display-banner .content .banner-details .isNote { text-align: center } .uiPolicy-qedge-com-display-banner .content .banner-details .isNote .desc { font-size: 20px; color: #fff; text-align: center; line-height: 1.8 } .uiPolicy-qedge-com-display-banner.includeHeader .qedge-com-motional-bg-image { height: calc(60px + 750px) } .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .title { margin-bottom: 20px; line-height: 1.46em; font-family: source-han-sans-simplified-c, sans-serif; font-weight: 300 } .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .title h1, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .title h2, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .title h3, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .title h4, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .title h5, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .title h6, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .title p, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .title em, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .title i, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .title b, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .subTitle { font-size: 20px; line-height: 1.8em; letter-spacing: normal; font-family: source-han-sans-simplified-c, sans-serif; font-weight: 300 } .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .subTitle h1, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .subTitle h2, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .subTitle h3, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .subTitle h4, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .subTitle h5, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .subTitle h6, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .subTitle p, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .subTitle em, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .subTitle i, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .subTitle b, .uiPolicy-qedge-com-display-banner.includeHeader .content .banner-details .subTitle address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uiPolicy-qedge-com-display-banner.investor-banner .content .qedge-com-motional-bg-image { height: 750px } .uiPolicy-qedge-com-display-banner.investor-banner .content .banner-details .content.isCenter { font-weight: 600; font-size: 48px; color: #fff; text-align: center } @media screen and (max-width: 1024px) { .qedge-com-display-banner .video-container { height: 560px } .qedge-com-display-banner .video-container #displayVideo, .qedge-com-display-banner .video-container .qedge-com-banner-cover-image { display: none } .qedge-com-display-banner .video-container .display-video-modal .qedge-com-card-video-play .qedge-com-motional-bg-image { display: block } .qedge-com-display-banner .video-container .display-video-modal .qedge-com-card-video-play .qedge-com-motional-bg-image.bg-image { height: 100% } .qedge-com-display-banner .video-container .display-video-modal .qedge-com-card-video-play .qedge-com-motional-bg-image img { display: block; height: 100% } .qedge-com-display-banner .video-container .display-video-modal .qedge-com-card-video-play .qedge-com-motional-bg-image .image-replacer { top: 0 } .qedge-com-display-banner .video-container .display-video-modal .qedge-com-card-video-play .banner-details { background: none; height: auto; display: block } .qedge-com-display-banner .video-container .display-video-modal .qedge-com-card-video-play .banner-details .content { left: 0; color: #000 } .qedge-com-display-banner .video-container .display-video-modal .qedge-com-card-video-play .banner-details .banner-title { font-size: 24px; line-height: 34px } .qedge-com-display-banner.hasMargin { margin-bottom: 10px } .qedge-com-display-banner.isBottom { margin-top: 90px } .qedge-com-display-banner.for-uih-cloud.isBottom .qedge-com-motional-bg-image { height: 200px } .qedge-com-display-banner .content.isBold { font-weight: bold } .qedge-com-display-banner .content .qedge-com-motional-bg-image { height: 184px } .qedge-com-display-banner .content .qedge-com-motional-bg-image.qedge-com-motional-bg-image-uinnovation { height: 560px } .qedge-com-display-banner .content .banner-details .content { left: 35%; font-size: 20px } .qedge-com-display-banner .content .banner-details .content.isCenter { left: 0; color: #fff; font-size: 30px; padding: 0 20px } .qedge-com-display-banner .content .banner-details .content.jobs { font-size: 16px; line-height: 26px; font-size: 22px; padding: 0 30px } .qedge-com-display-banner .content .banner-details .content .title { font-size: 20px; font-weight: bold; line-height: normal; margin-bottom: 5px; font-size: 24px; line-height: 34px } .qedge-com-display-banner .content .banner-details .content .title h1, .qedge-com-display-banner .content .banner-details .content .title h2, .qedge-com-display-banner .content .banner-details .content .title h3, .qedge-com-display-banner .content .banner-details .content .title h4, .qedge-com-display-banner .content .banner-details .content .title h5, .qedge-com-display-banner .content .banner-details .content .title h6, .qedge-com-display-banner .content .banner-details .content .title p, .qedge-com-display-banner .content .banner-details .content .title em, .qedge-com-display-banner .content .banner-details .content .title i, .qedge-com-display-banner .content .banner-details .content .title b, .qedge-com-display-banner .content .banner-details .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-display-banner .content .banner-details .content .subTitle { letter-spacing: 2px; font-size: 16px } .qedge-com-display-banner .content .banner-details .content .uihDescription { letter-spacing: 2px; font-size: 16px; font-weight: normal } .qedge-com-display-banner .content .banner-details .content .description { font-size: 12px } .qedge-com-display-banner .content .banner-details .content .description h1, .qedge-com-display-banner .content .banner-details .content .description h2, .qedge-com-display-banner .content .banner-details .content .description h3, .qedge-com-display-banner .content .banner-details .content .description h4, .qedge-com-display-banner .content .banner-details .content .description h5, .qedge-com-display-banner .content .banner-details .content .description h6, .qedge-com-display-banner .content .banner-details .content .description p, .qedge-com-display-banner .content .banner-details .content .description em, .qedge-com-display-banner .content .banner-details .content .description i, .qedge-com-display-banner .content .banner-details .content .description b, .qedge-com-display-banner .content .banner-details .content .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-display-banner .content .banner-details .content .banner-desc-uihcloud { width: 85%; margin: 0 auto; font-size: 14px !important } .qedge-com-display-banner.-vision .qedge-com-motional-bg-image { height: 200px } .qedge-com-display-banner.-vision .banner-details .content p { font-size: 24px } .qedge-com-display-banner.investor-banner .content .qedge-com-motional-bg-image { height: 560px } .qedge-com-display-banner.investor-banner .content .banner-details .content.isCenter { font-size: 24px; color: #fff; letter-spacing: 0; text-align: center; line-height: 34px; font-weight: 600 } .uiPolicy-qedge-com-display-banner.hasMargin { margin-bottom: 10px } .uiPolicy-qedge-com-display-banner.isBottom { margin-top: 90px } .uiPolicy-qedge-com-display-banner .content .qedge-com-motional-bg-image { height: 200px } .uiPolicy-qedge-com-display-banner .content .banner-details .content { left: 35% } .uiPolicy-qedge-com-display-banner .content .banner-details .content.isCenter { left: 0; color: #fff; font-size: 30px; font-weight: bold } .uiPolicy-qedge-com-display-banner .content .banner-details .content.jobs { font-size: 16px; line-height: 26px } .uiPolicy-qedge-com-display-banner .content .banner-details .content .title { font-size: 20px; font-weight: bold; line-height: normal; margin-bottom: 5px; font-size: 24px; line-height: 34px } .uiPolicy-qedge-com-display-banner .content .banner-details .content .title h1, .uiPolicy-qedge-com-display-banner .content .banner-details .content .title h2, .uiPolicy-qedge-com-display-banner .content .banner-details .content .title h3, .uiPolicy-qedge-com-display-banner .content .banner-details .content .title h4, .uiPolicy-qedge-com-display-banner .content .banner-details .content .title h5, .uiPolicy-qedge-com-display-banner .content .banner-details .content .title h6, .uiPolicy-qedge-com-display-banner .content .banner-details .content .title p, .uiPolicy-qedge-com-display-banner .content .banner-details .content .title em, .uiPolicy-qedge-com-display-banner .content .banner-details .content .title i, .uiPolicy-qedge-com-display-banner .content .banner-details .content .title b, .uiPolicy-qedge-com-display-banner .content .banner-details .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uiPolicy-qedge-com-display-banner .content .banner-details .content .subTitle { letter-spacing: normal } .uiPolicy-qedge-com-display-banner .content .banner-details .content .description { font-size: 12px } .uiPolicy-qedge-com-display-banner .content .banner-details .content .description h1, .uiPolicy-qedge-com-display-banner .content .banner-details .content .description h2, .uiPolicy-qedge-com-display-banner .content .banner-details .content .description h3, .uiPolicy-qedge-com-display-banner .content .banner-details .content .description h4, .uiPolicy-qedge-com-display-banner .content .banner-details .content .description h5, .uiPolicy-qedge-com-display-banner .content .banner-details .content .description h6, .uiPolicy-qedge-com-display-banner .content .banner-details .content .description p, .uiPolicy-qedge-com-display-banner .content .banner-details .content .description em, .uiPolicy-qedge-com-display-banner .content .banner-details .content .description i, .uiPolicy-qedge-com-display-banner .content .banner-details .content .description b, .uiPolicy-qedge-com-display-banner .content .banner-details .content .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .for-investor .qedge-com-display-banner .content .qedge-com-motional-bg-image { height: 200px } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab .mc-title { font-size: 14px; padding: 0 } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab .tab-content-group { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: visible; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: right; color: #fff; position: relative } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items { display: none; height: auto; position: absolute; top: 0; right: 20px; padding: 0 10px } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items .qedge-com-tab-item { display: block; margin-right: 0px } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items .qedge-com-tab-item .tab-header { height: 45px; line-height: 45px; padding: 0 } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab .tab-content-group .toggle-angle-icon { -webkit-transition: -webkit-transform linear .2s; transition: -webkit-transform linear .2s; transition: transform linear .2s; transition: transform linear .2s, -webkit-transform linear .2s } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab .tab-content-group.-open .tab-items { display: block } .for-investor .qedge-com-display-banner .content .qedge-com-tabs>.content.container .mod-tab .tab-content-group.-open .toggle-angle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .for-investor .qedge-com-display-banner .content .banner-details .content .title { font-size: 16px; margin-bottom: 0 } .for-investor .qedge-com-display-banner .content .banner-details .content .subTitle { font-size: 20px; -webkit-transform: scale(0.5); transform: scale(0.5); letter-spacing: 3.12px } .for-investor .qedge-com-display-banner .content .banner-bottom-tips { height: 45px } .for-investor .qedge-com-display-banner .content .banner-bottom-tips .tips-detail { width: auto } .for-investor .qedge-com-display-banner .content .banner-bottom-tips .tips-detail div { font-size: 14px; margin: 0 5px } .for-investor .qedge-com-display-banner .content .banner-bottom-tips .tips-detail .tips-detail-line { height: 14px } .for-investor .qedge-com-section { padding: 40px 0 } .for-investor .qedge-com-section:nth-of-type(2n) { background: #fbfbfb } } @media screen and (max-width: 375px) { .qedge-com-display-banner .content .banner-details .isNote .desc { font-size: 18px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .spacingHeight { height: var(--pc-height) } .qedge-com-display-cards { position: relative } .qedge-com-display-cards.have-background-color { background-color: #fafafa } .qedge-com-display-cards .container { max-width: 1160px } .qedge-com-display-cards-bg { background-image: linear-gradient(51deg, #00eaff 0%, #0068fa 100%); border-radius: 400px 0 0 400px; height: 60%; width: 100%; position: absolute; bottom: 0; left: 28%; opacity: .1 } .qedge-com-display-cards.highlight { padding-bottom: 60px; margin-bottom: 0 } .qedge-com-display-cards.highlight#tab-2 { background: #fff } .qedge-com-display-cards.highlight.for-uih-cloud-prod .content .qedge-com-motional-bg-image.com-bg { width: 100%; height: 400px; margin-bottom: 140px } .qedge-com-display-cards.highlight-uihcloud { padding-bottom: 150px } .qedge-com-display-cards.highlight-uihcloud .qedge-com-more-text-with-arrow { display: none } .qedge-com-display-cards.noPaddingTop { padding-top: 0 } .qedge-com-display-cards .card-content { max-width: 1160px; margin: -5px auto; padding: 0 25px } .qedge-com-display-cards .card-content.noPadding { padding: 0 } .qedge-com-display-cards .card-content .cards-title { margin-bottom: 60px; padding-top: 70px } .qedge-com-display-cards .card-content .cards-title .content { margin: 0 auto; font-size: 40px; font-weight: 600; line-height: 1.125 } .qedge-com-display-cards .card-content .cards-title .content h1, .qedge-com-display-cards .card-content .cards-title .content h2, .qedge-com-display-cards .card-content .cards-title .content h3, .qedge-com-display-cards .card-content .cards-title .content h4, .qedge-com-display-cards .card-content .cards-title .content h5, .qedge-com-display-cards .card-content .cards-title .content h6, .qedge-com-display-cards .card-content .cards-title .content p, .qedge-com-display-cards .card-content .cards-title .content em, .qedge-com-display-cards .card-content .cards-title .content i, .qedge-com-display-cards .card-content .cards-title .content b, .qedge-com-display-cards .card-content .cards-title .content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-display-cards .card-content .cards-title .subtitle { color: #666; font-size: 16px; text-align: left; line-height: 28px; margin-top: 22px } .qedge-com-display-cards .card-content .qedge-com-display-cards .cards-title { margin-bottom: 0; padding-top: 0 } .qedge-com-display-cards .card-content .content { margin: 0 auto } .qedge-com-display-cards .card-content .content .columns .column { padding-bottom: 0; margin-bottom: 15px } .qedge-com-display-cards .card-content .content .columns .column:first-child { padding-right: 15px } .qedge-com-display-cards .card-content .content .columns .column:nth-child(2) { padding-left: 15px } .qedge-com-display-cards .qedge-com-news-card-item .content { margin-bottom: 60px } .qedge-com-display-cards .qedge-com-news-card-item .content .qedge-com-motional-image .content { margin-bottom: 30px; width: 100% } .qedge-com-display-cards .qedge-com-news-card-item .content .qedge-com-motional-image .content img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-display-cards .qedge-com-news-card-item .content .basic-card { padding-right: 20px } .qedge-com-display-cards .qedge-com-news-card-item .content .basic-card .card-content { width: 100%; -webkit-line-clamp: 10; max-height: 20em } .qedge-com-display-cards#tab-2 .qedge-com-news-card-item>.content { margin-bottom: 60px } .qedge-com-display-cards#tab-2 .qedge-com-news-card-item>.content>.qedge-com-motional-image>.content { height: 411px } .qedge-com-display-cards.solution .qedge-com-display-card-item { -webkit-box-shadow: none; box-shadow: none; border-radius: unset } .qedge-com-display-cards.solution .is-12 .qedge-com-display-card-item { height: 915px } .qedge-com-display-cards.solution .is-12 .qedge-com-display-card-item .content .qedge-com-motional-bg-image { height: 625px } .qedge-com-display-cards.solution .is-12 .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content { padding: 0 } .qedge-com-display-cards.solution .is-12 .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title { text-align: left } .qedge-com-display-cards.solution .is-12 .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc { margin-right: 20px; margin-bottom: 20px } .qedge-com-display-cards.solution .is-6 .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content { padding: 0 } .qedge-com-display-cards.solution .is-6 .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title { text-align: left } .qedge-com-display-cards.solution .is-6 .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc { margin-right: 20px; margin-bottom: 20px } .qedge-com-display-cards.for-uih-cloud-prod .content .columns.column-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .qedge-com-display-cards.for-uih-cloud-prod .content.full-absolute { position: absolute; width: 100% } .qedge-com-display-cards.for-uih-cloud-prod .content.full-absolute .columns .column:last-child { visibility: hidden } .qedge-com-display-cards.for-uih-cloud-prod .content .qedge-com-motional-bg-image.com-bg { height: 811px; width: 100% } .qedge-com-display-cards.for-uih-cloud-prod .content .qedge-com-motional-bg-image.com-bg .image-replacer { background-size: contain; top: 0; height: 100% } .qedge-com-display-cards.for-uih-cloud-prod .content.hidden-left .column:first-child { visibility: hidden } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex .intro { width: 540px } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex .intro .intro-title { font-size: 24px; color: #999; letter-spacing: 0; line-height: 36px; font-weight: 400; margin-bottom: 40px } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex .intro .intro-richText { font-size: 40px; color: #000; letter-spacing: 0; line-height: 50px; font-weight: 400; width: 100% } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex .intro .learn-more { margin-top: 30px } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex .intro .learn-more a { color: #3273dc } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex.is-12 { padding-top: 70px } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex.is-12 .intro { max-width: none; margin: 0 auto; width: auto } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex.is-12 .intro .intro-title { font-size: 40px; font-weight: 600; line-height: 1.125; color: #000; margin-bottom: 50px } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex.is-12 .intro .intro-richText { font-size: 20px; margin-bottom: 60px; line-height: 34px } .qedge-com-display-cards.for-uih-cloud-prod .content .columns.is-multiline.need-positive-sequence .introduction .icon img { height: 100% } .qedge-com-display-cards.for-uih-cloud-prod.highlight { padding-bottom: 0 } .qedge-com-display-cards.for-uih-cloud-prod .introduction .icon { width: 2.5rem; height: 2.5rem; margin-bottom: 40px } .qedge-com-display-cards.for-uih-cloud-prod .introduction .icon img { width: 100% } .qedge-com-display-cards.for-uih-cloud-prod .introduction .sect-title { font-size: 24px; color: #000; letter-spacing: 0; line-height: 36px; font-weight: 400; margin-bottom: 20px } .qedge-com-display-cards.for-uih-cloud-prod .introduction .intro { font-size: 16px; color: #666; letter-spacing: 0; text-align: justify; line-height: 28px; font-weight: 400; margin-bottom: 70px } .qedge-com-display-cards.for-uih-cloud-prod .introcard { width: 10em; height: 10em; -webkit-box-shadow: 0 16px 20px -10px; box-shadow: 0 16px 20px -10px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-bottom: 140px } .qedge-com-display-cards.for-uih-cloud-prod .introcard .icon { width: 2.5rem; height: 2.5rem } .qedge-com-display-cards.for-uih-cloud-prod .introcard .sect-title { font-size: 24px; color: #000; letter-spacing: 0; line-height: 36px; font-weight: 400 } .qedge-com-display-cards.job-explore .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide.jobs { height: 390px; padding: 20px } .qedge-com-display-cards.job-explore .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide.jobs:first-child { margin-left: -20px } .qedge-com-display-cards.job-explore .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide.jobs:last-child { margin-left: -10px } .qedge-com-display-cards.job-explore .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide.jobs .qedge-com-display-card-item { -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .06); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .06); border-radius: 6px } .qedge-com-display-cards.job-explore .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide.jobs .qedge-com-display-card-item:hover { -webkit-box-shadow: 0 2px 20px 5px rgba(0, 0, 0, .06); box-shadow: 0 2px 20px 5px rgba(0, 0, 0, .06) } .qedge-com-display-cards.job-explore .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide.jobs .card-content { padding-left: 20px } .content-description { font-size: 24px; color: #333; text-align: center; padding: 70px 95px 65px 95px; max-width: 1110px; margin: 0 auto } .content-description h1, .content-description h2, .content-description h3, .content-description h4, .content-description h5, .content-description h6, .content-description p, .content-description em, .content-description i, .content-description b, .content-description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } @media screen and (max-width: 1024px) { .spacingHeight { height: var(--mobile-height) } .qedge-com-display-cards.highlight { padding-bottom: 0 } .qedge-com-display-cards .card-content { padding: 0 20px } .qedge-com-display-cards .card-content .content .columns .column .container .content { margin-top: 10px } .qedge-com-display-cards .card-content .qedge-com-display-cards .card-content { padding: 0 } .qedge-com-display-cards .card-content .cards-title { padding-top: 45px; margin-bottom: 30px; margin-left: 0; font-size: 24px; color: #000; letter-spacing: 0; line-height: 34px; font-weight: 600 } .qedge-com-display-cards .card-content .cards-title .content { font-size: 24px; line-height: 34px; color: #000 } .qedge-com-display-cards .card-content .cards-title .content h1, .qedge-com-display-cards .card-content .cards-title .content h2, .qedge-com-display-cards .card-content .cards-title .content h3, .qedge-com-display-cards .card-content .cards-title .content h4, .qedge-com-display-cards .card-content .cards-title .content h5, .qedge-com-display-cards .card-content .cards-title .content h6, .qedge-com-display-cards .card-content .cards-title .content p, .qedge-com-display-cards .card-content .cards-title .content em, .qedge-com-display-cards .card-content .cards-title .content i, .qedge-com-display-cards .card-content .cards-title .content b, .qedge-com-display-cards .card-content .cards-title .content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-display-cards .card-content.content-need-welt { padding: 0 } .qedge-com-display-cards .card-content.content-need-welt .content .column.column-flex.is-12 .intro { padding: 0 25px } .qedge-com-display-cards.highlight-uihcloud { padding-bottom: 60px } .qedge-com-display-cards.highlight-uihcloud .qedge-com-more-text-with-arrow { display: block; padding-bottom: 20px } .qedge-com-display-cards.solution .qedge-com-display-card-item { -webkit-box-shadow: unset; box-shadow: unset; border-radius: unset } .qedge-com-display-cards.solution .is-12 .qedge-com-display-card-item { height: 425px } .qedge-com-display-cards.solution .is-12 .qedge-com-display-card-item .content .qedge-com-motional-bg-image { height: 158px } .qedge-com-display-cards.solution .is-12 .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content { padding: 0 } .qedge-com-display-cards.solution .is-12 .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title { text-align: left } .qedge-com-display-cards.solution .is-12 .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc { margin-right: 20px; margin-bottom: 20px } .qedge-com-display-cards.solution .is-6 .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content { padding: 0 } .qedge-com-display-cards.solution .is-6 .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title { text-align: left; font-size: 16px } .qedge-com-display-cards.solution .is-6 .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc { font-size: 14px; margin-right: 20px; margin-bottom: 20px } .qedge-com-display-cards.for-uih-cloud .card-content .content .columns .column:first-child { padding-right: .75rem } .qedge-com-display-cards.for-uih-cloud .card-content .content .columns .column:nth-child(2) { padding-left: .75rem } .qedge-com-display-cards.for-uih-cloud .card-content .content .columns-uihcloud { -ms-flex-wrap: unset; flex-wrap: unset; font-size: 16px; margin-left: 0 } .qedge-com-display-cards.for-uih-cloud .card-content .content .columns-uihcloud .slick-list { padding: 0 15% 0 0 } .qedge-com-display-cards.for-uih-cloud .card-content .content .columns-uihcloud .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .qedge-com-display-cards.for-uih-cloud .card-content .content .columns-uihcloud .slick-track .column.is-4 { margin: 0 20px 0 0 !important; padding: 0 0 30px 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .qedge-com-display-cards.for-uih-cloud .card-content .content .columns-uihcloud .slick-track .column.is-4 .qedge-com-display-card-item { height: auto } .qedge-com-display-cards.for-uih-cloud .card-content .content .columns-uihcloud .slick-track .column.is-4 .qedge-com-display-card-item .content .qedge-com-motional-wrapper.wrapper-uihcloud { height: 100px; position: relative; top: unset } .qedge-com-display-cards.for-uih-cloud .card-content .content .columns-uihcloud .slick-track .column.is-4 .qedge-com-display-card-item .content .qedge-com-motional-wrapper.wrapper-uihcloud .card-content { padding: 0; padding-left: 16px } .qedge-com-display-cards.for-uih-cloud .card-content .content .columns-uihcloud .slick-track .column.is-4 .qedge-com-display-card-item .content .qedge-com-motional-wrapper.wrapper-uihcloud .card-content .card-title { font-size: 16px } .qedge-com-display-cards.for-uih-cloud .card-content .content .columns-uihcloud .slick-track .column.is-4 .qedge-com-display-card-item .content .qedge-com-motional-wrapper.wrapper-uihcloud .card-content .card-desc { font-size: 14px; display: none } .qedge-com-display-cards.for-uih-cloud .card-content .content .columns-uihcloud .slick-track .column.is-4 .qedge-com-display-card-item .content .qedge-com-motional-wrapper.wrapper-uihcloud .card-content .qedge-com-more-text-with-arrow { margin-bottom: 0 } .qedge-com-display-cards.for-uih-cloud .introduction .icon { width: 30px; height: 30px; margin-bottom: 16px; margin-top: 35px } .qedge-com-display-cards.for-uih-cloud-prod .content .qedge-com-motional-bg-image.com-bg { height: 425px; width: unset } .qedge-com-display-cards.for-uih-cloud-prod .content .columns .column .introduction .intro { margin-bottom: 0 } .qedge-com-display-cards.for-uih-cloud-prod .content .columns.is-multiline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin: 0 } .qedge-com-display-cards.for-uih-cloud-prod .content .columns.is-multiline.need-positive-sequence { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-display-cards.for-uih-cloud-prod .content .columns.is-multiline .column { padding: 0 } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex .intro { width: 100% } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex.is-12 .intro .intro-title { font-size: 24px; margin-bottom: 60px } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex.is-12 .intro .intro-richText { font-size: 14px; line-height: 24px } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex.is-12 .qedge-com-motional-bg-image.com-bg { height: 240px } .qedge-com-display-cards.for-uih-cloud-prod .content .introduction .sect-title { font-size: 16px; color: #000; line-height: 26px; margin-bottom: 8px } .qedge-com-display-cards.for-uih-cloud-prod .content .introduction .intro { font-size: 14px; line-height: 24px } .qedge-com-display-cards.for-uih-cloud-prod.highlight { padding-bottom: 20px } .qedge-com-display-cards.for-uih-cloud-prod.highlight .content .qedge-com-motional-bg-image.com-bg { margin-bottom: 20px } .qedge-com-display-cards#tab-2 .qedge-com-news-card-item>.content>.qedge-com-motional-image>.content { height: 163px } .qedge-com-display-cards#tab-2 .qedge-com-news-card-item>.content>.qedge-com-motional-image>.content img { -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain;"; background-color: #fafafa } .qedge-com-display-cards.job-explore .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide.jobs { padding: 0px } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex .intro .intro-title { font-size: 18px; margin: 40px 0 20px 0 } .qedge-com-display-cards.for-uih-cloud-prod .content .column.column-flex .intro .intro-richText { font-size: 24px; line-height: 35px } .qedge-com-slider.is-service .qedge-com-news-card-item .qedge-com-motional-image .content img { height: 100% } .qedge-com-display-cards .is-service .qedge-com-news-card-item .qedge-com-motional-image .content img { border-radius: 0 } .is-service .qedge-com-news-card-item .qedge-com-motional-image .content { height: 188px } .qedge-com-slider.is-service .qedge-com-news-card-item .qedge-com-motional-image .content { height: 165px } .qedge-com-display-cards .qedge-com-news-card-item .content .basic-card { padding-right: 0 } .qedge-com-display-cards.job-explore .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide.jobs { height: 300px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-display-card-item { position: relative; height: 590px; max-width: 540px; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .06); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .06); border-radius: 0 0 6px 6px } .qedge-com-display-card-item:hover, .qedge-com-display-card-item:focus, .qedge-com-display-card-item:active { cursor: pointer; -webkit-box-shadow: 0 25px 20px -7px rgba(0, 0, 0, .06); box-shadow: 0 25px 20px -7px rgba(0, 0, 0, .06) } .qedge-com-display-card-item:hover .content .qedge-com-motional-bg-image, .qedge-com-display-card-item:focus .content .qedge-com-motional-bg-image, .qedge-com-display-card-item:active .content .qedge-com-motional-bg-image { -webkit-transition: all .5s; transition: all .5s } .qedge-com-display-card-item:hover .content .qedge-com-motional-bg-image .image-replacer, .qedge-com-display-card-item:focus .content .qedge-com-motional-bg-image .image-replacer, .qedge-com-display-card-item:active .content .qedge-com-motional-bg-image .image-replacer { -webkit-transform: scale(1.02); transform: scale(1.02); -webkit-transition-duration: .5s; transition-duration: .5s } .qedge-com-display-card-item.card-item-case { height: 590px } .qedge-com-display-card-item.isTriple { height: 440px } .qedge-com-display-card-item.isTriple .small .image-replacer { background-size: contain } .qedge-com-display-card-item .content .qedge-com-motional-bg-image { border-radius: 6px 6px 0 0; -webkit-transition: all .5s; transition: all .5s; height: 300px; margin-bottom: 50px; overflow: hidden } .qedge-com-display-card-item .content .qedge-com-motional-bg-image.bg-image-case { border-radius: 0 } .qedge-com-display-card-item .content .qedge-com-motional-bg-image.bg-image-case .image-replacer { top: 0 } .qedge-com-display-card-item .content .qedge-com-motional-bg-image .image-replacer { width: 100%; -webkit-transition: -webkit-transform linear 2s; transition: -webkit-transform linear 2s; transition: transform linear 2s; transition: transform linear 2s, -webkit-transform linear 2s; -webkit-transition-duration: .5s; transition-duration: .5s; background-position: top } .qedge-com-display-card-item .content .qedge-com-motional-bg-image.small { height: 180px } .qedge-com-display-card-item .content .qedge-com-motional-bg-image.small .image-replacer { height: 100%; top: 0 } .qedge-com-display-card-item .content .wrapper { border-radius: 0 0 6px 6px; z-index: 100; bottom: 0; position: absolute; background-color: #fff; height: 128px; width: 100% } .qedge-com-display-card-item .content .wrapper .card-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; padding: 0; padding-left: 5px } .qedge-com-display-card-item .content .wrapper .card-content .card-title { margin-top: 25px; color: #000; font-weight: bold; font-size: 24px } .qedge-com-display-card-item .content .wrapper .card-content .card-title h1, .qedge-com-display-card-item .content .wrapper .card-content .card-title h2, .qedge-com-display-card-item .content .wrapper .card-content .card-title h3, .qedge-com-display-card-item .content .wrapper .card-content .card-title h4, .qedge-com-display-card-item .content .wrapper .card-content .card-title h5, .qedge-com-display-card-item .content .wrapper .card-content .card-title h6, .qedge-com-display-card-item .content .wrapper .card-content .card-title p, .qedge-com-display-card-item .content .wrapper .card-content .card-title em, .qedge-com-display-card-item .content .wrapper .card-content .card-title i, .qedge-com-display-card-item .content .wrapper .card-content .card-title b, .qedge-com-display-card-item .content .wrapper .card-content .card-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-display-card-item .content .wrapper .card-content .card-description { opacity: 0; height: 100px; margin-bottom: -80px; -webkit-transition: opacity .05s ease, margin .05s ease; transition: opacity .05s ease, margin .05s ease; font-size: 16px; color: #666 } .qedge-com-display-card-item .content .wrapper .card-content .card-description h1, .qedge-com-display-card-item .content .wrapper .card-content .card-description h2, .qedge-com-display-card-item .content .wrapper .card-content .card-description h3, .qedge-com-display-card-item .content .wrapper .card-content .card-description h4, .qedge-com-display-card-item .content .wrapper .card-content .card-description h5, .qedge-com-display-card-item .content .wrapper .card-content .card-description h6, .qedge-com-display-card-item .content .wrapper .card-content .card-description p, .qedge-com-display-card-item .content .wrapper .card-content .card-description em, .qedge-com-display-card-item .content .wrapper .card-content .card-description i, .qedge-com-display-card-item .content .wrapper .card-content .card-description b, .qedge-com-display-card-item .content .wrapper .card-content .card-description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-display-card-item .content .wrapper .card-content .card-description.showDescription { display: block; -webkit-transition: all .5s; transition: all .5s } .qedge-com-display-card-item .content .wrapper .card-content .qedge-com-more-text-with-arrow { text-align: left; margin-bottom: 5px; padding-top: 5px; width: 100% } .for-uih-cloud .qedge-com-display-card-item { max-width: none } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper { border-radius: 0; z-index: 100; bottom: 0; position: absolute; -webkit-transition: height linear .3s; transition: height linear .3s; background-color: #fff; height: 290px; width: 100% } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper.wrapper-uihcloud { top: 300px; width: 100%; border-radius: 0 0 6px 6px } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 0 30px } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title { margin-top: 64px; font-size: 24px; color: #000; font-weight: bold; text-align: center; margin-bottom: 20px } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title h1, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title h2, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title h3, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title h4, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title h5, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title h6, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title p, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title em, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title i, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title b, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title .qedge-com-more-text-with-arrow-mobile { display: none } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc { -webkit-transition: opacity .05s ease, margin .05s ease; transition: opacity .05s ease, margin .05s ease; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; color: #666 } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc h1, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc h2, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc h3, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc h4, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc h5, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc h6, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc p, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc em, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc i, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc b, .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc.showDescription { display: block; -webkit-transition: all .5s; transition: all .5s } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .qedge-com-more-text-with-arrow { text-align: left; margin-bottom: 35px } .for-uih-cloud .qedge-com-display-card-item .content .lnk-wrapper { position: absolute; width: 50px; height: 50px; background: #eee; bottom: 260px; left: calc(50% - 25px); z-index: 100; border-radius: 50px } .for-uih-cloud .qedge-com-display-card-item .content .lnk-wrapper .lnk { width: 100%; height: 100%; display: block; text-align: center; line-height: 50px; background-color: #fff; border-radius: 50%; -webkit-box-shadow: 0 12px 16px -6px rgba(0, 0, 0, .1); box-shadow: 0 12px 16px -6px rgba(0, 0, 0, .1) } @media screen and (max-width: 1024px) { .qedge-com-display-card-item { height: 257px; -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1); box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1); max-width: none } .qedge-com-display-card-item:hover, .qedge-com-display-card-item:focus, .qedge-com-display-card-item:active { cursor: pointer; -webkit-box-shadow: 0 20px 80px 0 rgba(0, 0, 0, .1); box-shadow: 0 20px 80px 0 rgba(0, 0, 0, .1) } .qedge-com-display-card-item:hover .content .qedge-com-motional-bg-image .image-replacer, .qedge-com-display-card-item:focus .content .qedge-com-motional-bg-image .image-replacer, .qedge-com-display-card-item:active .content .qedge-com-motional-bg-image .image-replacer { -webkit-transform: scale(1); transform: scale(1) } .qedge-com-display-card-item:hover .content .wrapper, .qedge-com-display-card-item:focus .content .wrapper, .qedge-com-display-card-item:active .content .wrapper { position: relative; -webkit-transition: height linear .3s; transition: height linear .3s; background-color: #fff } .qedge-com-display-card-item:hover .content .wrapper .card-content .card-title, .qedge-com-display-card-item:focus .content .wrapper .card-content .card-title, .qedge-com-display-card-item:active .content .wrapper .card-content .card-title { margin-bottom: 24px } .qedge-com-display-card-item:hover .content .wrapper .card-content .card-description, .qedge-com-display-card-item:focus .content .wrapper .card-content .card-description, .qedge-com-display-card-item:active .content .wrapper .card-content .card-description { opacity: 0; margin-top: auto; -webkit-transition: opacity .1s ease .3s, margin .05s ease; transition: opacity .1s ease .3s, margin .05s ease } .qedge-com-display-card-item.isTriple { height: 257px } .qedge-com-display-card-item .content .qedge-com-motional-bg-image { height: 148px; margin-bottom: 0 } .qedge-com-display-card-item .content .qedge-com-motional-bg-image.small { height: 158px } .qedge-com-display-card-item .content .qedge-com-motional-bg-image.bg-image-case { height: 175px } .qedge-com-display-card-item .content .wrapper { height: 100px; position: relative } .qedge-com-display-card-item .content .wrapper .card-content { padding-left: 16px } .qedge-com-display-card-item .content .wrapper .card-content .card-title { margin-top: 16px; margin-bottom: 24px; font-size: 16px; line-height: 26px; color: #000; font-weight: bold } .qedge-com-display-card-item .content .wrapper .card-content .card-title h1, .qedge-com-display-card-item .content .wrapper .card-content .card-title h2, .qedge-com-display-card-item .content .wrapper .card-content .card-title h3, .qedge-com-display-card-item .content .wrapper .card-content .card-title h4, .qedge-com-display-card-item .content .wrapper .card-content .card-title h5, .qedge-com-display-card-item .content .wrapper .card-content .card-title h6, .qedge-com-display-card-item .content .wrapper .card-content .card-title p, .qedge-com-display-card-item .content .wrapper .card-content .card-title em, .qedge-com-display-card-item .content .wrapper .card-content .card-title i, .qedge-com-display-card-item .content .wrapper .card-content .card-title b, .qedge-com-display-card-item .content .wrapper .card-content .card-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-display-card-item .content .wrapper .card-content .card-description { display: none; height: 100px; margin-bottom: -80px; -webkit-transition: opacity .05s ease, margin .05s ease; transition: opacity .05s ease, margin .05s ease; font-size: 16px; color: #666 } .qedge-com-display-card-item .content .wrapper .card-content .card-description h1, .qedge-com-display-card-item .content .wrapper .card-content .card-description h2, .qedge-com-display-card-item .content .wrapper .card-content .card-description h3, .qedge-com-display-card-item .content .wrapper .card-content .card-description h4, .qedge-com-display-card-item .content .wrapper .card-content .card-description h5, .qedge-com-display-card-item .content .wrapper .card-content .card-description h6, .qedge-com-display-card-item .content .wrapper .card-content .card-description p, .qedge-com-display-card-item .content .wrapper .card-content .card-description em, .qedge-com-display-card-item .content .wrapper .card-content .card-description i, .qedge-com-display-card-item .content .wrapper .card-content .card-description b, .qedge-com-display-card-item .content .wrapper .card-content .card-description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-display-card-item .content .wrapper .card-content .card-description.showDescription { display: block; -webkit-transition: all .5s; transition: all .5s } .qedge-com-display-card-item .content .wrapper .card-content .qedge-com-more-text-with-arrow { text-align: left; margin-bottom: 16px } .for-uih-cloud .qedge-com-display-card-item { height: 365px } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper { height: unset; bottom: unset } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper.wrapper-uihcloud { top: 158px } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-title .qedge-com-more-text-with-arrow-mobile { display: block; font-size: 12px } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .card-desc { margin-bottom: 20px; height: 120px } .for-uih-cloud .qedge-com-display-card-item .content .qedge-com-motional-wrapper .card-content .arrow-uihcloud { display: none } .for-uih-cloud .qedge-com-display-card-item .lnk-wrapper { display: none } } .qedge-com-swiper-pure { background-color: #fff !important } .qedge-com-swiper { background-color: #fafafa; padding-bottom: 80px; position: relative } .qedge-com-swiper .swiper-title { min-height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 0 30px 0 } .qedge-com-swiper .swiper-title h4 { font-size: 40px; font-weight: 600; width: 1110px; margin: 0 auto } .qedge-com-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px } .qedge-com-swiper .swiper-container { width: 100%; height: 100%; padding-bottom: 50px } .qedge-com-swiper .swiper-container .swiper-pagination-bullet-active { background: #000 } .qedge-com-swiper .swiper-container .swiper-button-next { right: 20% } .qedge-com-swiper .swiper-container .swiper-button-prev { left: 20% } .qedge-com-swiper .swiper-container .swiper-button-next, .qedge-com-swiper .swiper-container .swiper-button-prev { top: calc(50% - 50px); width: 44px; height: 44px; border-radius: 30px; border: 1px solid #fff; background-color: rgba(0, 0, 0, .2) } .qedge-com-swiper .swiper-container .swiper-button-next:after, .qedge-com-swiper .swiper-container .swiper-button-prev:after { color: #fff; font-family: "themify"; font-size: 20px } .qedge-com-swiper .swiper-container .swiper-button-next:after { content: "" } .qedge-com-swiper .swiper-container .swiper-button-prev:after { content: "" } .qedge-com-swiper .swiper-slide { text-align: center; font-size: 18px; max-width: 920px } .qedge-com-swiper .swiper-slide .slide-title { text-align: left; font-size: 24px; color: #000 } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-csr-descipt-area { background: #fafafa } .qedge-com-csr-descipt-area .descipt-area-container { width: 1110px; margin: 0 auto; padding-bottom: 70px } .qedge-com-csr-descipt-area .descript-title { padding-top: 70px } .qedge-com-csr-descipt-area .descript-title h4 { font-size: 40px; font-weight: 600 } .csr-aid .qedge-com-csr-descipt-area .descript-title { padding-bottom: 60px } .qedge-com-csr-descipt-area .descript-txt { margin-top: 60px; font-size: 20px; color: #000; line-height: 1.8 } .qedge-com-csr-descipt-area .descript-img { margin-top: 60px; width: 1110px; height: 620px; background-repeat: no-repeat; background-position: center; background-size: contain } .qedge-com-csr-descipt-area .is-ancestor { display: grid; grid-template-columns: repeat(2, 50%); grid-auto-rows: 304px; grid-column-gap: 30px; grid-row-gap: 30px; margin-left: 0; margin-right: 0 } .qedge-com-csr-descipt-area .is-ancestor .tile { overflow: hidden } .qedge-com-csr-descipt-area .is-ancestor .tile.tile-large { grid-row-start: 2 span } .qedge-com-csr-descipt-area .is-ancestor .tile .qedge-com-motional-bg-image { width: 100% } .qedge-com-csr-descipt-area .is-ancestor .tile .qedge-com-motional-bg-image .tile-bg { position: absolute; top: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8))); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); z-index: 1 } .qedge-com-csr-descipt-area .is-ancestor .tile .qedge-com-motional-bg-image .tile-bg-title { font-size: 16px; color: #fff; letter-spacing: 0; text-align: justify; line-height: 28px; font-weight: 400; padding: 30px; position: absolute; bottom: 0 } .qedge-com-csr-descipt-area .is-ancestor .tile .qedge-com-motional-bg-image .tile-bg-title-heading { font-size: 24px; color: #fff; letter-spacing: 0; line-height: 36px; font-weight: 400; margin-bottom: 19px } .qedge-com-csr-descipt-area.for-csr-aid .descript-txt { margin-top: 0; margin-bottom: 60px; width: 75% } .qedge-com-csr-descipt-area.for-csr-aid .descript-img { height: 280px; margin-top: 0; margin-bottom: 60px } .qedge-com-csr-descipt-area .csr-column-title { font-size: 40px; color: #000; text-align: center; line-height: 50px; font-weight: 600; padding-bottom: 16px } .qedge-com-csr-descipt-area .csr-column-content { font-size: 16px; color: #666; letter-spacing: 0; text-align: center; line-height: 28px; font-weight: 400; padding: 16px 20px 28px } .qedge-com-csr-descipt-area-pure { background-color: #fff } @media screen and (max-width: 1024px) { .qedge-com-csr-descipt-area .descipt-area-container { width: 100%; padding: 0 20px } .qedge-com-csr-descipt-area .descipt-area-container .descript-title { padding: 0; margin-top: 80px; margin-bottom: 30px } .qedge-com-csr-descipt-area .descipt-area-container .descript-title h4 { font-size: 24px } .qedge-com-csr-descipt-area .descipt-area-container .columns { margin: 0 } .qedge-com-csr-descipt-area .descipt-area-container .columns .column { padding: 0; margin: 30px 0 } .qedge-com-csr-descipt-area .descipt-area-container .columns .column .csr-column-title { text-align: left; font-size: 24px; margin: 10px 0; padding: 0; line-height: 34px } .qedge-com-csr-descipt-area .descipt-area-container .columns .column .csr-column-content { padding: 0; text-align: left; font-size: 14px; line-height: 24px } .qedge-com-csr-descipt-area .descipt-area-container .descript-img { width: 100%; height: 188px; background-size: cover } .qedge-com-csr-descipt-area .descipt-area-container .descript-txt { width: auto; font-size: 14px; line-height: 24px; margin-bottom: 30px } .qedge-com-csr-descipt-area .descipt-area-container .is-ancestor { display: block; margin: 0 } .qedge-com-csr-descipt-area .descipt-area-container .is-ancestor .tile { margin-bottom: 30px } .qedge-com-csr-descipt-area .descipt-area-container .is-ancestor .tile .qedge-com-motional-bg-image .content { margin: 0 } .qedge-com-csr-descipt-area .descipt-area-container .is-ancestor .tile .qedge-com-motional-bg-image .content img { display: block; width: 100%; height: 188px; -o-object-fit: cover; object-fit: cover } .qedge-com-csr-descipt-area .descipt-area-container .is-ancestor .tile .qedge-com-motional-bg-image .tile-bg { position: static; background-image: none } .qedge-com-csr-descipt-area .descipt-area-container .is-ancestor .tile .qedge-com-motional-bg-image .tile-bg .tile-bg-title { position: static; font-size: 14px; line-height: 24px; color: #666; -webkit-box-shadow: 0px -1px 0px 0px #e6e6e6 inset; box-shadow: 0px -1px 0px 0px #e6e6e6 inset; padding: 20px 0 30px } .qedge-com-csr-descipt-area .descipt-area-container .is-ancestor .tile .qedge-com-motional-bg-image .tile-bg .tile-bg-title .tile-bg-title-heading { color: #000; font-size: 16px; line-height: 26px } .qedge-com-csr-descipt-area .descipt-area-container .is-ancestor .tile .qedge-com-motional-bg-image .image-replacer { display: none } .qedge-com-csr-descipt-area.for-csr-aid .tile-bg-title-heading { color: #000; font-size: 16px; font-weight: 500; line-height: 26px; margin: 5px 0 15px } .qedge-com-display-banner .qedge-com-csr-descipt-area:last-of-type { padding-bottom: 80px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-display-content-item .container .content { padding: 0 25px 70px 25px } .qedge-com-display-content-item .container .content .title { font-size: 40px; color: #000; font-weight: bold; margin-bottom: 60px } .qedge-com-display-content-item .container .content .title h1, .qedge-com-display-content-item .container .content .title h2, .qedge-com-display-content-item .container .content .title h3, .qedge-com-display-content-item .container .content .title h4, .qedge-com-display-content-item .container .content .title h5, .qedge-com-display-content-item .container .content .title h6, .qedge-com-display-content-item .container .content .title p, .qedge-com-display-content-item .container .content .title em, .qedge-com-display-content-item .container .content .title i, .qedge-com-display-content-item .container .content .title b, .qedge-com-display-content-item .container .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-display-content-item .container .content .description { font-size: 20px; color: #000; margin-bottom: 55px } .qedge-com-display-content-item .container .content .description h1, .qedge-com-display-content-item .container .content .description h2, .qedge-com-display-content-item .container .content .description h3, .qedge-com-display-content-item .container .content .description h4, .qedge-com-display-content-item .container .content .description h5, .qedge-com-display-content-item .container .content .description h6, .qedge-com-display-content-item .container .content .description p, .qedge-com-display-content-item .container .content .description em, .qedge-com-display-content-item .container .content .description i, .qedge-com-display-content-item .container .content .description b, .qedge-com-display-content-item .container .content .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-display-content-item .container .content .qedge-com-motional-bg-image { height: 620px; max-width: 1110px; top: 60px } .qedge-com-display-content-item .container .content .qedge-com-motional-bg-image .image-replacer { width: 100% } .qedge-com-display-content-item.hasBgColor { background: #fafafa } .qedge-com-display-content-item.hasBgColor .container .content { padding-top: 70px; padding-bottom: 140px } @media screen and (max-width: 1024px) { .qedge-com-display-content-item .container .content { margin-bottom: 40px; padding: 30px 25px 40px 25px } .qedge-com-display-content-item .container .content .title { font-size: 24px; line-height: 34px; margin-bottom: 30px } .qedge-com-display-content-item .container .content .description { font-size: 14px; line-height: 24px; text-align: justify; margin-bottom: 25px } .qedge-com-display-content-item .container .content .qedge-com-motional-bg-image { height: 100%; padding-bottom: 56.25% } .qedge-com-display-content-item.hasBgColor .container .content { margin-bottom: 0; padding-bottom: 80px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-banner-wrap { width: 100%; height: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-banner-wrap .warp-content { text-align: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .qedge-com-banner-wrap .warp-content h2 { font-size: 56px; color: #fff } .qedge-com-banner-wrap .warp-content .desc { font-size: 20px; color: #fff; text-align: center; line-height: 1.8 } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-swiper-banner { padding-top: 0 } .qedge-com-swiper-banner .swiper .banner-swiper-container { position: relative } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper { height: auto } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide { height: 750px; position: relative } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide .banner-introduction { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 100 } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide .banner-introduction .container { width: 100%; max-width: 1160px; padding: 0 25px; margin: 0 auto; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide .banner-introduction .container .introduction { width: 500px } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide .banner-introduction .container .introduction .intro-subtitle { font-size: 56px; margin-bottom: 20px; color: #fff } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide .banner-introduction .container .introduction .intro { font-size: 20px; color: #fff } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-img { height: 100% } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-img img, .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-img video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination { position: absolute; bottom: 50px; width: 100% } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination .swiper-pagination-bullet { width: 200px; height: 2px; background-color: #fff; margin: 0; border-radius: 0 } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination.-white .swiper-pagination-bullet { background-color: #555657 } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination.-white .swiper-pagination-bullet-active { background-color: #fff } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination-container { position: relative; width: 600px; margin: auto } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination-container .swiper-pagination .swiper-pagination-bullet { background-color: #fff; opacity: .2; position: relative } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination-container .swiper-pagination .swiper-pagination-bullet:after { content: ""; position: absolute; left: 0; top: -9px; height: 20px; width: 100% } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination-container .swiper-pagination-animation-bar { position: absolute; bottom: 61px; z-index: 20; width: 200px; height: 2px; background: #fff; -webkit-transition: left linear .3s; transition: left linear .3s } .content .software-details-desc p { font-size: 20px } .content .software-details-desc.small-size p { font-size: 18px } .qedge-com-product-functionality.tab-content.bg-dark>.container>.content { padding-bottom: 10px } .qedge-com-product-functionality.tab-content.bg-dark>.container>.content .qedge-com-news-title { margin-top: 100px } .qedge-com-product-functionality.tab-content.bg-dark>.container>.content .software-details-download { margin-bottom: 140px } .software-details-download { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 100px } .software-details-download .text-section, .software-details-download .image-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100% } .software-details-download .text-section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; width: 420px } .software-details-download .text-section h2 { font-weight: 100; font-size: 24px; margin-bottom: 40px; width: 100% } .software-details-download .text-section .down-btn-wrapper { width: 100% } .software-details-download .text-section .down-btn-wrapper .down-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-indent: 18px; background: #000; border: 2px solid #fff; color: #fff; width: 160px; height: 40px; line-height: 40px; font-size: 16px } .software-details-download .text-section .down-btn-wrapper .down-btn span.ti-angle-right { margin-left: 32px; -webkit-transition: margin-left linear .2s; transition: margin-left linear .2s; -webkit-transform: scale(0.5); transform: scale(0.5) } .software-details-download .text-section .down-btn-wrapper .down-btn:hover span.ti-angle-right { margin-left: 36px } .software-details-download .image-section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 540px; position: relative } .software-details-download .image-section .image-swiper-container { width: 100%; overflow: hidden } .software-details-download .image-section .image-swiper-container .swiper-body { position: relative; margin: auto } .software-details-download .image-section .image-swiper-container .swiper-body .swiper-wrapper-in-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: -webkit-transform ease .3s; transition: -webkit-transform ease .3s; transition: transform ease .3s; transition: transform ease .3s, -webkit-transform ease .3s } .software-details-download .image-section .image-swiper-container .swiper-body .image-wrapper { width: 100%; height: 280px } .software-details-download .image-section .image-swiper-container .swiper-body .image-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .software-details-download .image-section .swiper-pagination-details-download { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; right: 0; bottom: -32px; z-index: 10 } .software-details-download .image-section .swiper-pagination-details-download .swiper-pagination-bullet { background-color: #fff; border: 1px solid #fff; border-radius: 50%; margin: 0 4px } html[lang=ja] .software-details-download .text-section .down-btn-wrapper .down-btn { width: 190px } @media screen and (max-width: 1024px) { .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide { height: 560px; background: #000; text-align: center } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide .banner-introduction { position: static; color: #fff; height: 200px; padding-top: 39px; -webkit-box-sizing: border-box; box-sizing: border-box } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide .banner-introduction .container { display: block } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide .banner-introduction .container .introduction { width: auto } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide .banner-introduction .container .introduction .intro-subtitle { font-size: 24px; margin-bottom: 10px } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide .banner-introduction .container .introduction .intro { font-size: 12px; line-height: 1.5 } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-img { height: 308px; margin-top: 51px } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-img img { width: auto; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 80% 0; object-position: 80% 0; font-family: "object-fit: cover;object-position: 80% 0;" } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination .swiper-pagination-bullet { width: 70px; height: 1px } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination-container { width: 100% } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination-container .swiper-pagination .swiper-pagination-bullet { width: 70px } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination-container .swiper-pagination-animation-wrapper { margin: auto; position: relative; width: 210px } .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination-container .swiper-pagination-animation-wrapper .swiper-pagination-animation-bar { width: 70px; height: 1px } .qedge-com-product-functionality.tab-content.bg-dark .content { padding-bottom: 80px } .content .software-details-desc p { font-size: 14px; line-height: 1.8 } .content .software-details-desc.small-size p { font-size: 14px } .software-details-download { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-bottom: 0 } .software-details-download .text-section, .software-details-download .image-section { width: calc(100vw - 40px); height: auto } .software-details-download .text-section { margin-top: 24px } .software-details-download .text-section h2 { font-size: 14px; margin-bottom: 24px; padding-right: 40px } .software-details-download .text-section .down-btn-wrapper .down-btn { width: 140px; height: 36px; line-height: 36px; border-width: 1px } .software-details-download .text-section .down-btn-wrapper .down-btn span.ti-angle-right, .software-details-download .text-section .down-btn-wrapper .down-btn:hover span.ti-angle-right { margin-left: 10px } .software-details-download .image-section { -webkit-box-shadow: 0 0 0 1px #333; box-shadow: 0 0 0 1px #333 } .software-details-download .image-section .swiper-body .image-wrapper { width: 100%; height: 255px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .software-details-download .image-section .swiper-body .image-wrapper img { height: auto } .software-details-download .image-section .swiper-pagination-details-download { top: auto; font-size: 14px; bottom: -44px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } html[lang=zh] .software-details-download .text-section .down-btn-wrapper .down-btn span.ti-angle-right { margin-left: 20px } html[lang=ja] .software-details-download .text-section .down-btn-wrapper .down-btn { width: 160px } } .qedge-com-slider-in-tab { padding: 60px 0; text-align: center } .qedge-com-slider-in-tab h2 { font-size: 24px; color: #000; font-weight: normal } .qedge-com-slider-in-tab .slider-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 40px; overflow: hidden; position: relative } .qedge-com-slider-in-tab .slider-list.has-arrow-control { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 30px; padding-right: 30px } .qedge-com-slider-in-tab .slider-list .arrow { color: #222; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; bottom: 0; z-index: 10; cursor: pointer; -webkit-transition: color linear .3s; transition: color linear .3s } .qedge-com-slider-in-tab .slider-list .arrow.arrow-left { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.85)), color-stop(70%, rgba(255, 255, 255, 0.45)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.45) 70%, rgba(255, 255, 255, 0) 100%); left: 0; padding-right: 30px } .qedge-com-slider-in-tab .slider-list .arrow.arrow-right { background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.85)), color-stop(70%, rgba(255, 255, 255, 0.45)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to left, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.45) 70%, rgba(255, 255, 255, 0) 100%); right: 0; padding-left: 30px } .qedge-com-slider-in-tab .slider-list ul { margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-transition: left linear .3s; transition: left linear .3s } .qedge-com-slider-in-tab .slider-list ul li { color: rgba(0, 0, 0, .5); font-size: 18px; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; padding: 20px 30px; border-bottom: 1px solid rgba(0, 0, 0, .2); cursor: pointer } .qedge-com-slider-in-tab .slider-list ul li.active { color: #000 } .qedge-com-slider-in-tab .slider-list ul li.highlight-line { -webkit-transition: left linear .3s; transition: left linear .3s } .qedge-com-slider-in-tab .slider-list ul .highlight-line { position: absolute; background: #000; bottom: 0; left: 0; height: 1px; padding: 0; width: 0 } .qedge-com-slider-in-tab .slider-body { width: auto } .qedge-com-slider-in-tab .slider-body .slider-intro { color: #666; font-size: 14px; margin-bottom: 20px; text-align: left } .qedge-com-slider-in-tab .slider-body .slider-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: -webkit-transform ease .5s; transition: -webkit-transform ease .5s; transition: transform ease .5s; transition: transform ease .5s, -webkit-transform ease .5s } .qedge-com-slider-in-tab .slider-body .slider-item { opacity: 0; -webkit-transition: opacity ease .8s; transition: opacity ease .8s } .qedge-com-slider-in-tab .slider-body .slider-item .image-wrapper { margin: auto; font-size: 0 } .qedge-com-slider-in-tab .slider-body .slider-item .image-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-slider-in-tab .slider-body .slider-item .image-wrapper.image-border { border: 1px solid #333; padding: 3.9% 1.3% } .qedge-com-slider-in-tab .slider-body .slider-item.current { opacity: 1 } .qedge-com-slider-in-tab .slider-body .slider-desc { margin-top: 20px; text-align: left } .qedge-com-slider-in-tab .slider-body .slider-desc h3 { font-weight: normal } .bg-dark .qedge-com-slider-in-tab h2 { color: #fff } .bg-dark .slider-list ul li { color: rgba(255, 255, 255, .5); border-bottom: 1px solid rgba(255, 255, 255, .2) } .bg-dark .slider-list ul li.active { color: rgba(255, 255, 255, .98) } .bg-dark .slider-list ul .highlight-line { background: rgba(255, 255, 255, .99) } .bg-dark .slider-list .arrow { color: rgba(255, 255, 255, .5) } .bg-dark .slider-list .arrow:hover { color: #fff } .bg-dark .slider-list .arrow.arrow-left { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.85)), color-stop(70%, rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.45) 70%, rgba(0, 0, 0, 0) 100%) } .bg-dark .slider-list .arrow.arrow-right { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.85)), color-stop(70%, rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.45) 70%, rgba(0, 0, 0, 0) 100%) } @media screen and (max-width: 1024px) { .qedge-com-slider-in-tab { padding: 20px 0 } .qedge-com-slider-in-tab h2 { font-size: 16px; font-weight: bold; margin-bottom: 10px; line-height: 26px } .qedge-com-slider-in-tab .slider-list { margin-bottom: 30px } .qedge-com-slider-in-tab .slider-list ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .qedge-com-slider-in-tab .slider-list ul li { font-size: 14px; font-weight: bold; line-height: 24px; padding: 8px 15px; white-space: nowrap } .qedge-com-slider-in-tab .slider-list::-webkit-scrollbar { height: 6px } .qedge-com-slider-in-tab .slider-body .slider-wrapper .slider-item .image-wrapper { height: auto } .qedge-com-slider-in-tab .slider-body .slider-wrapper .slider-item .image-wrapper.image-border { padding: 28px 2px } .qedge-com-slider-in-tab .slider-body .slider-wrapper .slider-item .slider-desc { margin-top: 25px } .qedge-com-slider-in-tab .slider-body .slider-wrapper .slider-item .slider-desc h3 { font-size: 16px; line-height: 26px; font-weight: bold } .qedge-com-slider-in-tab .slider-body .slider-wrapper .slider-item .slider-desc p { font-size: 14px; font-weight: 400; color: #666; line-height: 24px } .qedge-com-slider-in-tab .slider-body .slider-wrapper .slider-item .slider-container .qedge-com-swiper-in-tab .swiper-body .swiper-item .swiper-desc .title { font-weight: 500 } .qedge-com-slider-in-tab .slider-body .slider-wrapper .slider-item .slider-container .qedge-com-swiper-in-tab .swiper-body .swiper-item .swiper-desc .desc { font-weight: 400 } .bg-dark .qedge-com-slider-in-tab .slider-list ul li { color: #666 } .bg-dark .qedge-com-slider-in-tab .slider-list ul li.active { color: #fff } .bg-dark .qedge-com-slider-in-tab .slider-body .slider-wrapper .slider-item .slider-desc p { color: #999 } } .qedge-com-swiper-in-tab { overflow: inherit; padding-bottom: 30px } .qedge-com-swiper-in-tab .swiper-intro { margin-bottom: 20px; text-align: left } .qedge-com-swiper-in-tab .swiper-body { overflow: inherit; position: relative; margin: auto } .qedge-com-swiper-in-tab .swiper-body .swiper-wrapper-in-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: -webkit-transform ease .3s; transition: -webkit-transform ease .3s; transition: transform ease .3s; transition: transform ease .3s, -webkit-transform ease .3s } .qedge-com-swiper-in-tab .swiper-body .swiper-item .image-wrapper { width: auto; height: auto; margin: auto } .qedge-com-swiper-in-tab .swiper-body .swiper-item .image-wrapper img { display: block; width: 100% } .qedge-com-swiper-in-tab .swiper-body .swiper-item .image-wrapper.image-border { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #333; padding: 3.9% 1.3% } .qedge-com-swiper-in-tab .swiper-body .swiper-desc { margin-top: 20px; text-align: left } .qedge-com-swiper-in-tab .swiper-body .swiper-desc .title { font-size: 24px; line-height: 35px; margin-bottom: 10px; font-weight: 500 } .qedge-com-swiper-in-tab .swiper-body .swiper-desc .title h1, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .title h2, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .title h3, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .title h4, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .title h5, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .title h6, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .title p, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .title em, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .title i, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .title b, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-swiper-in-tab .swiper-body .swiper-desc .desc { font-size: 16px; line-height: 24px; -ms-word-wrap: break-word; word-wrap: break-word; word-break: break-word } .qedge-com-swiper-in-tab .swiper-body .swiper-desc .desc h1, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .desc h2, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .desc h3, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .desc h4, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .desc h5, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .desc h6, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .desc p, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .desc em, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .desc i, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .desc b, .qedge-com-swiper-in-tab .swiper-body .swiper-desc .desc address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-swiper-in-tab .swiper-pagination-in-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; right: 0; bottom: 0 } .qedge-com-swiper-in-tab .swiper-pagination-in-tab .page-index-dot { cursor: pointer; width: 10px; height: 10px; margin: 5px 15px; border-radius: 5px; background: rgba(0, 0, 0, .2) } .qedge-com-swiper-in-tab .swiper-pagination-in-tab .page-index-dot.current { background: #000 } .qedge-com-swiper-in-tab .swiper-navigation-btns { position: absolute; left: 0; right: 0; top: 50% } .qedge-com-swiper-in-tab .swiper-navigation-btns .cursor-switch { cursor: pointer; width: 44px; height: 44px; border-radius: 22px; border: 1px solid #bcbcbc; background: rgba(102, 102, 102, .5) } .qedge-com-swiper-in-tab .swiper-navigation-btns .cursor-switch:after { color: #fff; font-size: 16px } .qedge-com-swiper-in-tab .swiper-navigation-btns .cursor-switch:hover { border-color: #fff; background-color: rgba(102, 102, 102, .8) } .qedge-com-swiper-in-tab .swiper-navigation-btns .cursor-switch.swiper-button-disabled { visibility: hidden } .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-button-prev { left: 10px } .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-button-next { right: 10px } .qedge-com-swiper-in-tab.bg-dark .swiper-pagination-in-tab .page-index-dot { background: rgba(255, 255, 255, .2) } .qedge-com-swiper-in-tab.bg-dark .swiper-pagination-in-tab .page-index-dot.current { background: rgba(255, 255, 255, .99) } .qedge-com-swiper-in-tab.user-enabled-single-mode .swiper-body .swiper-item { opacity: 1 } .qedge-com-swiper-in-tab.user-enabled-single-mode .swiper-body .swiper-item.swiper-slide-active { opacity: 1 } @media screen and (max-width: 1024px) { .qedge-com-swiper-in-tab .swiper-body .swiper-slide { max-width: 100% } .qedge-com-swiper-in-tab .swiper-body .swiper-item .image-wrapper { height: auto } .qedge-com-swiper-in-tab .swiper-body .swiper-item .image-wrapper.image-border { padding: 28px 2px } .qedge-com-swiper-in-tab .swiper-body .swiper-item .swiper-desc { margin-top: 24px } .qedge-com-swiper-in-tab .swiper-body .swiper-item .swiper-desc .title { font-size: 16px; line-height: 26px; font-weight: 600; margin-bottom: 8px } .qedge-com-swiper-in-tab .swiper-body .swiper-item .swiper-desc .desc { font-size: 14px; line-height: 24px; color: #666 } .qedge-com-swiper-in-tab .swiper-body .page-index-dot { margin: 0 11px } .qedge-com-swiper-in-tab .swiper-pagination-in-tab { position: inherit; top: 24px; font-size: 14px } .qedge-com-swiper-in-tab .swiper-pagination-in-tab .swiper-button-prev, .qedge-com-swiper-in-tab .swiper-pagination-in-tab .swiper-button-next { display: none } .qedge-com-swiper-in-tab.image-as-dot .swiper-pagination-in-tab { bottom: -80px } .qedge-com-swiper-in-tab.image-as-dot .swiper-pagination-in-tab .page-index-dot { background: rgba(0, 0, 0, 0); width: 60px; height: 60px; padding: 6px 2px; border: 1px solid #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 2px; margin: 0 5px } .qedge-com-swiper-in-tab.image-as-dot .swiper-pagination-in-tab .page-index-dot img { height: 40px; width: 40px } .qedge-com-swiper-in-tab.image-as-dot .swiper-pagination-in-tab .page-index-dot.current { background: rgba(0, 0, 0, 0); border: 1px solid #fff } .qedge-com-swiper-in-tab.image-as-dot .swiper-pagination-in-tab .page-index-dot.current img { -webkit-transform: scale(1.3); transform: scale(1.3) } .qedge-com-swiper-in-tab.image-as-dot .swiper-pagination-in-tab .page-index-dot:hover, .qedge-com-swiper-in-tab.image-as-dot .swiper-pagination-in-tab .page-index-dot:focus, .qedge-com-swiper-in-tab.image-as-dot .swiper-pagination-in-tab .page-index-dot:active { border: 1px solid #fff } .qedge-com-swiper-in-tab.image-as-dot .swiper-pagination-in-tab .page-index-dot:hover img, .qedge-com-swiper-in-tab.image-as-dot .swiper-pagination-in-tab .page-index-dot:focus img, .qedge-com-swiper-in-tab.image-as-dot .swiper-pagination-in-tab .page-index-dot:active img { -webkit-transform: scale(1.3); transform: scale(1.3) } .qedge-com-swiper-in-tab .swiper-navigation-btns { top: 30vw } .qedge-com-swiper-in-tab .swiper-navigation-btns .cursor-switch { font-size: 14px; width: 33px; height: 33px; margin-top: -16px } .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-button-prev { left: 10px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-rt-swiper-with-title>.container>.content, .qedge-com-rt-swiper-with-title>.content { padding: 30px 25px 70px 25px } .qedge-com-rt-swiper-with-title>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-rt-swiper-with-title>.content.no-global-padding>.container>.content, .qedge-com-rt-swiper-with-title>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-rt-swiper-with-title .content .qedge-com-news-title .container { max-width: 1110px; margin: 0 auto } .qedge-com-rt-swiper-with-title .content .qedge-com-news-title .container .content { margin-bottom: 0; color: #fff } .qedge-com-rt-swiper-with-title .content .qedge-com-news-title .container .content .title { color: #fff } .qedge-com-rt-swiper-with-title.black-bg { background: #000 } @media screen and (max-width: 1024px) { .qedge-com-rt-swiper-with-title>.container>.content, .qedge-com-rt-swiper-with-title>.content { padding: 32px 20px 48px 20px } .qedge-com-rt-swiper-with-title .qedge-com-news-title .content { margin-bottom: 0px } .qedge-com-rt-swiper-with-title .content { padding-bottom: 0 } .qedge-com-rt-swiper-with-title .content .qedge-com-slider-in-tab { padding-bottom: 80px; padding-top: 0 } .qedge-com-rt-swiper-with-title .content .qedge-com-slider-in-tab .qedge-com-swiper-in-tab .swiper-body .swiper-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-rt-swiper-with-title .content .qedge-com-slider-in-tab .qedge-com-swiper-in-tab .swiper-body .swiper-item .image-wrapper { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .qedge-com-rt-swiper-with-title .content .qedge-com-slider-in-tab .qedge-com-swiper-in-tab .swiper-body .swiper-item .swiper-desc { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 8px } .qedge-com-rt-swiper-with-title .content .qedge-com-slider-in-tab .qedge-com-swiper-in-tab .swiper-body .swiper-item .swiper-desc .title { margin-bottom: 32px; font-weight: 400 } .qedge-com-rt-swiper-with-title .content .qedge-com-slider-in-tab .qedge-com-swiper-in-tab .swiper-body .swiper-item .swiper-desc .desc { margin-bottom: 24px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-csr-home-banner-text { height: 100vh } .qedge-com-csr-home-banner-text .content { padding: 0px !important; margin-bottom: 0; height: 84%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-csr-home-banner-text .content .title { font-size: 56px; color: #fff; font-weight: bold; margin-bottom: 20px } .qedge-com-csr-home-banner-text .content .title h1, .qedge-com-csr-home-banner-text .content .title h2, .qedge-com-csr-home-banner-text .content .title h3, .qedge-com-csr-home-banner-text .content .title h4, .qedge-com-csr-home-banner-text .content .title h5, .qedge-com-csr-home-banner-text .content .title h6, .qedge-com-csr-home-banner-text .content .title p, .qedge-com-csr-home-banner-text .content .title em, .qedge-com-csr-home-banner-text .content .title i, .qedge-com-csr-home-banner-text .content .title b, .qedge-com-csr-home-banner-text .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-csr-home-banner-text .content .description { font-size: 20px; color: #fff; text-align: center; line-height: 1.8; max-width: 920px } .qedge-com-csr-home-banner-text .content .description h1, .qedge-com-csr-home-banner-text .content .description h2, .qedge-com-csr-home-banner-text .content .description h3, .qedge-com-csr-home-banner-text .content .description h4, .qedge-com-csr-home-banner-text .content .description h5, .qedge-com-csr-home-banner-text .content .description h6, .qedge-com-csr-home-banner-text .content .description p, .qedge-com-csr-home-banner-text .content .description em, .qedge-com-csr-home-banner-text .content .description i, .qedge-com-csr-home-banner-text .content .description b, .qedge-com-csr-home-banner-text .content .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-csr-home-banner-text .slider-direction { height: 16%; position: relative } @media screen and (max-width: 1024px) { .qedge-com-csr-home-banner-text { padding: 0 30px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-csr-home-content { position: relative } .qedge-com-csr-home-content .container { max-width: 920px; margin: 0 auto; position: relative } .qedge-com-csr-home-content .container .content { padding: 60px 0 } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-csr-home-content-item { margin-bottom: 80px } .qedge-com-csr-home-content-item .display-content { border-radius: 6px 6px 0 0; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 100px 100px 90px 100px; margin-bottom: 0 } .qedge-com-csr-home-content-item .display-content .title { font-size: 40px; margin-bottom: 30px; color: #000 } .qedge-com-csr-home-content-item .display-content .title h1, .qedge-com-csr-home-content-item .display-content .title h2, .qedge-com-csr-home-content-item .display-content .title h3, .qedge-com-csr-home-content-item .display-content .title h4, .qedge-com-csr-home-content-item .display-content .title h5, .qedge-com-csr-home-content-item .display-content .title h6, .qedge-com-csr-home-content-item .display-content .title p, .qedge-com-csr-home-content-item .display-content .title em, .qedge-com-csr-home-content-item .display-content .title i, .qedge-com-csr-home-content-item .display-content .title b, .qedge-com-csr-home-content-item .display-content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-csr-home-content-item .display-content .description { margin-bottom: 20px; font-size: 20px; color: #000; text-align: center; line-height: 1.8; max-width: 720px } .qedge-com-csr-home-content-item .display-content .description h1, .qedge-com-csr-home-content-item .display-content .description h2, .qedge-com-csr-home-content-item .display-content .description h3, .qedge-com-csr-home-content-item .display-content .description h4, .qedge-com-csr-home-content-item .display-content .description h5, .qedge-com-csr-home-content-item .display-content .description h6, .qedge-com-csr-home-content-item .display-content .description p, .qedge-com-csr-home-content-item .display-content .description em, .qedge-com-csr-home-content-item .display-content .description i, .qedge-com-csr-home-content-item .display-content .description b, .qedge-com-csr-home-content-item .display-content .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-csr-home-content-item .display-image { width: 100%; height: 380px } .qedge-com-csr-home-content-item .display-image img { border-radius: 0 0 6px 6px; width: 100%; -o-object-fit: cover; object-fit: cover; display: block; height: 100% } @media screen and (max-width: 1024px) { .qedge-com-csr-home-content-item .display-content { padding: 50px 30px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes a_banner_s_line { 0% { transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; opacity: 1 } 20% { transform: scale(1, 0.01); -webkit-transform: scale(1, 0.01); -ms-transform: scale(1, 0.01); -moz-transform: scale(1, 0.01); -o-transform: scale(1, 0.01); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; opacity: 1 } 30% { transform: scale(1, 0.01); -webkit-transform: scale(1, 0.01); -ms-transform: scale(1, 0.01); -moz-transform: scale(1, 0.01); -o-transform: scale(1, 0.01); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; opacity: 0 } 31% { transform: scale(1, 0.01); -webkit-transform: scale(1, 0.01); -ms-transform: scale(1, 0.01); -moz-transform: scale(1, 0.01); -o-transform: scale(1, 0.01); transform-origin: 50% 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; opacity: 0 } 50% { transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform-origin: 50% 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; opacity: 1 } 100% { transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; opacity: 1 } } .qedge-com-slider-tips { display: block; width: 30px; height: 57px; position: absolute; left: 50%; margin-left: -15px; z-index: 2; bottom: 65px } .qedge-com-slider-tips .s_line { display: block; width: 2px; height: 47px; border-radius: 2px; position: absolute; left: 50%; margin-left: -1px; top: 0px; background: #fff; -webkit-animation: a_banner_s_line 3s .3s linear both infinite } .qedge-com-slider-tips .txt { display: block; width: 100%; position: absolute; left: 0; text-align: center; bottom: 0px; font-size: 12px; letter-spacing: 2px; color: #fff } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-uInnovation-home-card { margin-top: 70px } .qedge-com-uInnovation-home-card>.container>.content .qedge-com-motional-image img { width: 100%; height: 627px; -o-object-fit: cover; object-fit: cover } .qedge-com-uInnovation-home-card>.container>.content .qedge-com-motional-image.effect-zoom .content img { -webkit-transition: -webkit-transform linear .5s; transition: -webkit-transform linear .5s; transition: transform linear .5s; transition: transform linear .5s, -webkit-transform linear .5s } .qedge-com-uInnovation-home-card>.container>.content .flags { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 20px 0 } .qedge-com-uInnovation-home-card>.container>.content .flags .flag { background: #ccc; border-radius: 0 0 0 .4px; font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 700; font-size: 12px; color: #fff; letter-spacing: 0; text-align: center; margin-right: 10px; line-height: 17px; padding: 4px 5px 2px; -webkit-transition: all linear .2s; transition: all linear .2s } .qedge-com-uInnovation-home-card>.container>.content .flags .flag h1, .qedge-com-uInnovation-home-card>.container>.content .flags .flag h2, .qedge-com-uInnovation-home-card>.container>.content .flags .flag h3, .qedge-com-uInnovation-home-card>.container>.content .flags .flag h4, .qedge-com-uInnovation-home-card>.container>.content .flags .flag h5, .qedge-com-uInnovation-home-card>.container>.content .flags .flag h6, .qedge-com-uInnovation-home-card>.container>.content .flags .flag p, .qedge-com-uInnovation-home-card>.container>.content .flags .flag em, .qedge-com-uInnovation-home-card>.container>.content .flags .flag i, .qedge-com-uInnovation-home-card>.container>.content .flags .flag b, .qedge-com-uInnovation-home-card>.container>.content .flags .flag address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-uInnovation-home-card>.container>.content .flags .flag:hover, .qedge-com-uInnovation-home-card>.container>.content .flags .flag:active, .qedge-com-uInnovation-home-card>.container>.content .flags .flag:focus { background: #000 } .qedge-com-uInnovation-home-card>.container>.content .flags .flag a { color: #fff } .qedge-com-uInnovation-home-card>.container>.content .flags-mobile { display: none } .qedge-com-uInnovation-home-card>.container>.content .title { font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 500; font-size: 24px; color: #000; letter-spacing: 0; margin-bottom: 10px; position: relative; font-weight: 500 } .qedge-com-uInnovation-home-card>.container>.content .title h1, .qedge-com-uInnovation-home-card>.container>.content .title h2, .qedge-com-uInnovation-home-card>.container>.content .title h3, .qedge-com-uInnovation-home-card>.container>.content .title h4, .qedge-com-uInnovation-home-card>.container>.content .title h5, .qedge-com-uInnovation-home-card>.container>.content .title h6, .qedge-com-uInnovation-home-card>.container>.content .title p, .qedge-com-uInnovation-home-card>.container>.content .title em, .qedge-com-uInnovation-home-card>.container>.content .title i, .qedge-com-uInnovation-home-card>.container>.content .title b, .qedge-com-uInnovation-home-card>.container>.content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-uInnovation-home-card>.container>.content .title a { color: #000 } .qedge-com-uInnovation-home-card>.container>.content .title a:hover { color: #000 } .qedge-com-uInnovation-home-card>.container>.content .title span { display: inline-block; position: relative; line-height: 36px } .qedge-com-uInnovation-home-card>.container>.content .details { font-weight: normal; font-size: 16px; color: #666; letter-spacing: 0; text-align: justify; line-height: 28px; margin: 10px 0 20px; overflow: hidden; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; height: 28px } .qedge-com-uInnovation-home-card>.container>.content .details h1, .qedge-com-uInnovation-home-card>.container>.content .details h2, .qedge-com-uInnovation-home-card>.container>.content .details h3, .qedge-com-uInnovation-home-card>.container>.content .details h4, .qedge-com-uInnovation-home-card>.container>.content .details h5, .qedge-com-uInnovation-home-card>.container>.content .details h6, .qedge-com-uInnovation-home-card>.container>.content .details p, .qedge-com-uInnovation-home-card>.container>.content .details em, .qedge-com-uInnovation-home-card>.container>.content .details i, .qedge-com-uInnovation-home-card>.container>.content .details b, .qedge-com-uInnovation-home-card>.container>.content .details address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-uInnovation-home-card>.container>.content .details-mobile { display: none } .qedge-com-uInnovation-home-card>.container>.content .timestap { font-family: source-han-sans-simplified-c, sans-serif; font-weight: 300; font-size: 16px; color: #666; letter-spacing: 0; text-align: justify; line-height: 28px } .qedge-com-uInnovation-home-card>.container>.content .timestap h1, .qedge-com-uInnovation-home-card>.container>.content .timestap h2, .qedge-com-uInnovation-home-card>.container>.content .timestap h3, .qedge-com-uInnovation-home-card>.container>.content .timestap h4, .qedge-com-uInnovation-home-card>.container>.content .timestap h5, .qedge-com-uInnovation-home-card>.container>.content .timestap h6, .qedge-com-uInnovation-home-card>.container>.content .timestap p, .qedge-com-uInnovation-home-card>.container>.content .timestap em, .qedge-com-uInnovation-home-card>.container>.content .timestap i, .qedge-com-uInnovation-home-card>.container>.content .timestap b, .qedge-com-uInnovation-home-card>.container>.content .timestap address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-uInnovation-home-card>.container>.content .timestaps-pc { display: none } .qedge-com-uInnovation-home-card>.container>.content .timestaps-mobile { display: none } .qedge-com-uInnovation-home-card.medium>.container>.content .qedge-com-motional-image img { height: 412px } .qedge-com-uInnovation-home-card.small>.container>.content .qedge-com-motional-image img { height: 198px } .qedge-com-uInnovation-home-card:first-child { margin-top: 26px } .qedge-com-uInnovation-home-card:last-child { margin-bottom: calc(20px - 1.5rem) } @media screen and (max-width: 1024px) { .qedge-com-uInnovation-home-card { margin-top: 32px } .qedge-com-uInnovation-home-card>.container .content .qedge-com-motional-image img { height: 188px; -o-object-fit: cover; object-fit: cover } .qedge-com-uInnovation-home-card>.container .content .flags { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px } .qedge-com-uInnovation-home-card>.container .content .flags .flag { float: left } .qedge-com-uInnovation-home-card>.container .content .flags-pc { display: none } .qedge-com-uInnovation-home-card>.container .content .flags-mobile { display: inline-block } .qedge-com-uInnovation-home-card>.container .content .title { font-size: 24px; line-height: 34px; margin-top: 24px; margin-bottom: 10px; font-size: 16px; line-height: 22px } .qedge-com-uInnovation-home-card>.container .content .details { font-size: 16px; line-height: 26px; margin: 0px; font-size: 14px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 16px } .qedge-com-uInnovation-home-card>.container .content .details-mobile { border-bottom: 1px solid #e4e4e4; margin-top: 24px; display: block } .qedge-com-uInnovation-home-card>.container .content .timestap { font-family: source-han-sans-simplified-c, sans-serif; font-weight: 300; font-size: 12px; color: #666; letter-spacing: 0; text-align: justify; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-uInnovation-home-card>.container .content .timestap h1, .qedge-com-uInnovation-home-card>.container .content .timestap h2, .qedge-com-uInnovation-home-card>.container .content .timestap h3, .qedge-com-uInnovation-home-card>.container .content .timestap h4, .qedge-com-uInnovation-home-card>.container .content .timestap h5, .qedge-com-uInnovation-home-card>.container .content .timestap h6, .qedge-com-uInnovation-home-card>.container .content .timestap p, .qedge-com-uInnovation-home-card>.container .content .timestap em, .qedge-com-uInnovation-home-card>.container .content .timestap i, .qedge-com-uInnovation-home-card>.container .content .timestap b, .qedge-com-uInnovation-home-card>.container .content .timestap address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-uInnovation-home-card>.container .content .timestaps-pc { display: none } .qedge-com-uInnovation-home-card>.container .content p.timestap-mobile { display: none } .qedge-com-uInnovation-home-card.medium>.container>.content .qedge-com-motional-image img { height: 188px } .qedge-com-uInnovation-home-card.small>.container>.content .qedge-com-motional-image img { height: 188px } .qedge-com-uInnovation-home-card:first-child { margin-top: 0px } .qedge-com-uInnovation-home-card:last-child { margin-bottom: 32px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-uInnovation-banner>.container>.content { padding-top: 40px; padding-bottom: 70px } .qedge-com-uInnovation-banner>.container>.content .qedge-com-motional-image { position: relative; left: 18%; width: 82%; top: 2px } .qedge-com-uInnovation-banner>.container>.content .qedge-com-motional-image.have-not-image { visibility: hidden; height: 0 } .qedge-com-uInnovation-banner>.container>.content .qedge-com-motional-image img { width: 100%; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain;" } .qedge-com-uInnovation-banner>.container>.content .qedge-com-motional-image .content { margin-bottom: 0 } .qedge-com-uInnovation-banner>.container>.content .qedge-com-motional-image .picture-interpretation { font-size: 16px; color: #999; letter-spacing: 0; text-align: right; font-weight: 400; margin-top: 8px } .qedge-com-uInnovation-banner>.container>.content .banner-details { margin-bottom: 30px } .qedge-com-uInnovation-banner>.container>.content .banner-details .marks { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 24px; color: #666 } .qedge-com-uInnovation-banner>.container>.content .banner-details .marks h1, .qedge-com-uInnovation-banner>.container>.content .banner-details .marks h2, .qedge-com-uInnovation-banner>.container>.content .banner-details .marks h3, .qedge-com-uInnovation-banner>.container>.content .banner-details .marks h4, .qedge-com-uInnovation-banner>.container>.content .banner-details .marks h5, .qedge-com-uInnovation-banner>.container>.content .banner-details .marks h6, .qedge-com-uInnovation-banner>.container>.content .banner-details .marks p, .qedge-com-uInnovation-banner>.container>.content .banner-details .marks em, .qedge-com-uInnovation-banner>.container>.content .banner-details .marks i, .qedge-com-uInnovation-banner>.container>.content .banner-details .marks b, .qedge-com-uInnovation-banner>.container>.content .banner-details .marks address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-uInnovation-banner>.container>.content .banner-details .marks .prev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-uInnovation-banner>.container>.content .banner-details .marks .next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .qedge-com-uInnovation-banner>.container>.content .banner-details .marks .next::before { content: ""; display: block; -webkit-transform: rotate(50deg); transform: rotate(50deg); -webkit-transform-origin: bottom; transform-origin: bottom; background: #d8d8d8; height: 80px; width: 1px; position: relative; left: -45px; top: -10px } .qedge-com-uInnovation-banner>.container>.content .banner-details .marks>* { padding-right: 20px } .qedge-com-uInnovation-banner>.container>.content .banner-details .title { margin: 70px 0 0; font-size: 40px; line-height: 58px; font-weight: normal; width: 730px } .qedge-com-uInnovation-banner>.container>.content .banner-details .title h1, .qedge-com-uInnovation-banner>.container>.content .banner-details .title h2, .qedge-com-uInnovation-banner>.container>.content .banner-details .title h3, .qedge-com-uInnovation-banner>.container>.content .banner-details .title h4, .qedge-com-uInnovation-banner>.container>.content .banner-details .title h5, .qedge-com-uInnovation-banner>.container>.content .banner-details .title h6, .qedge-com-uInnovation-banner>.container>.content .banner-details .title p, .qedge-com-uInnovation-banner>.container>.content .banner-details .title em, .qedge-com-uInnovation-banner>.container>.content .banner-details .title i, .qedge-com-uInnovation-banner>.container>.content .banner-details .title b, .qedge-com-uInnovation-banner>.container>.content .banner-details .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-uInnovation-banner>.container>.content .banner-details .title p:last-child { display: none } .qedge-com-uInnovation-banner>.container>.content .banner-details .intro { color: #666; margin-top: 20px; max-width: 720px } .qedge-com-uInnovation-banner>.container>.content .banner-details .intro .intro-p1 { font-size: 24px; margin-bottom: 10px } .qedge-com-uInnovation-banner>.container>.content .banner-details .timestap { color: #999; position: relative; top: 60px } .qedge-com-uInnovation-banner>.container>.content .banner-details .timestap h1, .qedge-com-uInnovation-banner>.container>.content .banner-details .timestap h2, .qedge-com-uInnovation-banner>.container>.content .banner-details .timestap h3, .qedge-com-uInnovation-banner>.container>.content .banner-details .timestap h4, .qedge-com-uInnovation-banner>.container>.content .banner-details .timestap h5, .qedge-com-uInnovation-banner>.container>.content .banner-details .timestap h6, .qedge-com-uInnovation-banner>.container>.content .banner-details .timestap p, .qedge-com-uInnovation-banner>.container>.content .banner-details .timestap em, .qedge-com-uInnovation-banner>.container>.content .banner-details .timestap i, .qedge-com-uInnovation-banner>.container>.content .banner-details .timestap b, .qedge-com-uInnovation-banner>.container>.content .banner-details .timestap address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-uInnovation-banner>.container>.content .banner-details .timestap .timestap-mobile { display: none } .qedge-com-uInnovation-banner>.container>.content .banner-details .timestap .marks { display: none } .qedge-com-uInnovation-banner.medium>.container>.content .qedge-com-motional-image img { height: 412px } @media screen and (max-width: 1024px) { .qedge-com-uInnovation-banner>.container .content { padding-top: 0; padding-bottom: 0 } .qedge-com-uInnovation-banner>.container .content .qedge-com-motional-image { top: 0; width: 100%; left: 0 } .qedge-com-uInnovation-banner>.container .content .qedge-com-motional-image img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover } .qedge-com-uInnovation-banner>.container .content .qedge-com-motional-image.have-not-image { height: 0px } .qedge-com-uInnovation-banner>.container .content .qedge-com-motional-image .picture-interpretation { font-size: 14px } .qedge-com-uInnovation-banner>.container .content .banner-details .marks { font-size: 14px; line-height: 24px; display: none } .qedge-com-uInnovation-banner>.container .content .banner-details .title { font-size: 24px; line-height: 34px; margin-top: 24px; font-size: 22px; width: auto } .qedge-com-uInnovation-banner>.container .content .banner-details .title p:first-child { display: none } .qedge-com-uInnovation-banner>.container .content .banner-details .title p:last-child { display: block } .qedge-com-uInnovation-banner>.container .content .banner-details .timestap { margin-top: 16px; margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .timestap-pc { display: none } .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .timestap-mobile { display: block; padding-right: 15px } .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 28px; color: #666 } .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks h1, .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks h2, .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks h3, .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks h4, .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks h5, .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks h6, .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks p, .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks em, .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks i, .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks b, .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks .prev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks .next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks .next::before { content: ""; -webkit-transform: rotate(35deg); transform: rotate(35deg); -webkit-transform-origin: bottom; transform-origin: bottom; background: #666; height: 14px; width: 1px; position: relative; left: -11px; top: -10px } .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .marks>* { padding-right: 12px } .qedge-com-uInnovation-banner>.container .content .banner-details .timestap.have-no-position { position: static } html:lang(ja) .qedge-com-uInnovation-banner>.container .content .banner-details .timestap .timestap-mobile { -ms-flex-negative: 0; flex-shrink: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-uInnovation-basic-card { margin: 140px 0; position: relative } .qedge-com-uInnovation-basic-card .text-mask { position: absolute; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), color-stop(60%, rgba(0, 0, 0, 0.1))); background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1) 60%); top: 0; z-index: 25 } .qedge-com-uInnovation-basic-card .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-motional-image .content img { -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain;"; width: 100%; height: auto } .qedge-com-uInnovation-basic-card .container .content, .qedge-com-uInnovation-basic-card>.content { position: relative; margin-bottom: 0 } .qedge-com-uInnovation-basic-card .container .content .qedge-com-motional-image .content, .qedge-com-uInnovation-basic-card>.content .qedge-com-motional-image .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin-bottom: 0 } .qedge-com-uInnovation-basic-card .container .content .qedge-com-motional-image .content img, .qedge-com-uInnovation-basic-card>.content .qedge-com-motional-image .content img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-uInnovation-basic-card .container .content .qedge-com-motional-image .content .vjs-poster, .qedge-com-uInnovation-basic-card>.content .qedge-com-motional-image .content .vjs-poster { background-size: cover } .qedge-com-uInnovation-basic-card .container .content .qedge-com-motional-image .picture-interpretation, .qedge-com-uInnovation-basic-card>.content .qedge-com-motional-image .picture-interpretation { font-size: 16px; color: #999; letter-spacing: 0; text-align: left; font-weight: 400; margin-top: 8px } .qedge-com-uInnovation-basic-card .container .content .qedge-com-motional-image .picture-interpretation.interpretation-left, .qedge-com-uInnovation-basic-card>.content .qedge-com-motional-image .picture-interpretation.interpretation-left { text-align: left } .qedge-com-uInnovation-basic-card .container .content .index-mobile, .qedge-com-uInnovation-basic-card>.content .index-mobile { display: none } .qedge-com-uInnovation-basic-card .container .content .index-pc, .qedge-com-uInnovation-basic-card .container .content .index, .qedge-com-uInnovation-basic-card>.content .index-pc, .qedge-com-uInnovation-basic-card>.content .index { line-height: 1.5em; position: relative } .qedge-com-uInnovation-basic-card .container .content .index-pc::before, .qedge-com-uInnovation-basic-card .container .content .index-pc::after, .qedge-com-uInnovation-basic-card .container .content .index::before, .qedge-com-uInnovation-basic-card .container .content .index::after, .qedge-com-uInnovation-basic-card>.content .index-pc::before, .qedge-com-uInnovation-basic-card>.content .index-pc::after, .qedge-com-uInnovation-basic-card>.content .index::before, .qedge-com-uInnovation-basic-card>.content .index::after { content: " "; display: block; position: absolute } .qedge-com-uInnovation-basic-card .container .content .index-pc::before, .qedge-com-uInnovation-basic-card .container .content .index::before, .qedge-com-uInnovation-basic-card>.content .index-pc::before, .qedge-com-uInnovation-basic-card>.content .index::before { background-color: #fff; bottom: 4px; left: 24px; height: 1em; -webkit-transform: rotate(20deg); transform: rotate(20deg); width: 1px } .qedge-com-uInnovation-basic-card .container .content .index-pc::after, .qedge-com-uInnovation-basic-card .container .content .index::after, .qedge-com-uInnovation-basic-card>.content .index-pc::after, .qedge-com-uInnovation-basic-card>.content .index::after { background-color: #fff; content: " "; display: block; height: 1px; right: 0; bottom: 4px; left: 3em } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card .container, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card .container { max-width: 1160px } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container>.content, .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.content, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container>.content, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.content { padding: 30px 25px 70px 25px } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.content.no-global-padding, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.content.no-global-padding>.container>.content, .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.content.no-global-padding .content, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.content.no-global-padding>.container>.content, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content { width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #fff; padding-top: 200px; padding-bottom: 200px; z-index: 25 } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content h1, .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content h2, .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content h3, .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content h4, .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content h5, .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content h6, .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content p, .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content em, .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content i, .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content b, .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content address, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content h1, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content h2, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content h3, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content h4, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content h5, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content h6, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content p, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content em, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content i, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content b, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction { margin-top: 80px } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title { color: #fff; font-size: 24px; font-weight: normal; line-height: 1.8; margin: 0 } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title.subtitles, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title.subtitles { display: none } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle { color: #666; color: #666; font-size: 24px; line-height: 35px; margin: 20px 0 0 } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle.blackText, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle.blackText { color: #000 } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title { margin-bottom: 40px } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse { margin-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .subtitle, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .subtitle { margin-bottom: 0; margin-top: 0 } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .subtitles, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .subtitles { display: none } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .details, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .details { color: #666 } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .details p, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .details p { padding-top: 30px } .qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .details p:first-child, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .details p:first-child { padding-top: 0 } .qedge-com-uInnovation-basic-card.imageBackground>.content .qedge-com-uInnovation-basic-text-card>.container>.content .introduction .subtitle { color: #fff } .qedge-com-uInnovation-basic-card.imageBackground>.content .qedge-com-uInnovation-basic-text-card>.container>.content .introduction .details { color: #fff } .qedge-com-uInnovation-basic-card.imageBackground>.content .qedge-com-uInnovation-basic-text-card>.container>.content .introduction .details .details-pc { display: block } .qedge-com-uInnovation-basic-card.imageBackground>.content .qedge-com-uInnovation-basic-text-card>.container>.content .introduction .details .details-mobile { display: none } .qedge-com-uInnovation-basic-card.imageBackground.textRight>.content .qedge-com-uInnovation-basic-text-card>.container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-uInnovation-basic-card:last-of-type.imageBackground { margin-bottom: 0 } .qedge-com-uInnovation-basic-card:first-of-type { margin-top: 0 } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-motional-image .content { position: relative; width: calc(100% - (100% - 1110px)/2) } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-motional-image .content img { height: 600px } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-motional-image .content .note { margin-top: 10px; font-size: 14px; color: #999; font-family: source-han-sans-simplified-c, sans-serif } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-motional-image .content.content-nophoto { display: none } .qedge-com-uInnovation-basic-card.upDown>.content .index { color: #999 } .qedge-com-uInnovation-basic-card.upDown>.content .index::before, .qedge-com-uInnovation-basic-card.upDown>.content .index::after { background-color: #d8d8d8 } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content { padding-top: 0; padding-bottom: 0; width: 100%; color: #000 } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title { width: calc((100% - 30px)/4); margin-bottom: 0; margin-right: 20px } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.half-interspace { width: calc((100% - 30px)/2) } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.title-reverse .title { font-size: 24px; padding-right: 20px } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.title-reverse .subtitle { font-size: 24px; line-height: 50px } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { width: calc((100% - 30px)/2); -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title { color: #000; font-size: 24px } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle { margin-top: 20px; margin-bottom: 0; color: #666; font-size: 40px; line-height: 1.4 } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titlePC { display: block } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titleMobile { display: none } .qedge-com-uInnovation-basic-card.upDown.imageRightEdge { margin-top: 60px } .qedge-com-uInnovation-basic-card.upDown.imageRightEdge>.content .qedge-com-motional-image .content { width: calc(100% - (100% - 1110px)/2); left: calc((100% - 1110px)/2) } .qedge-com-uInnovation-basic-card.leftRight>.content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-motional-image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: calc((100% - 30px)/2 + 30px) } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-motional-image .content { height: 100%; position: relative } .qedge-com-uInnovation-basic-card.leftRight>.content .index { color: #999 } .qedge-com-uInnovation-basic-card.leftRight>.content .index::before, .qedge-com-uInnovation-basic-card.leftRight>.content .index::after { background-color: #d8d8d8 } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc((100% - 30px)/2); padding-left: calc((100% - 1160px)/2) } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content { padding-top: 40px; padding-bottom: 40px; padding-right: 95px; width: 100%; color: #000 } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { margin: 40px 0 0 } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title { color: #000 } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title .starrLight-titlePC { display: block } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title .starrLight-titleMobile { display: none } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle { margin-top: 30px; margin-bottom: 0 } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titlePC { display: block } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titleMobile { display: none } .qedge-com-uInnovation-basic-card.leftRight.imageLeft .qedge-com-motional-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .qedge-com-uInnovation-basic-card.leftRight.imageLeft .qedge-com-motional-image .uinnovation-video { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-uInnovation-basic-card.leftRight.imageLeft .qedge-com-motional-image .uinnovation-video .vjs-big-play-button { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: none; background-color: rgba(0, 0, 0, 0) } .qedge-com-uInnovation-basic-card.leftRight.imageLeft .qedge-com-motional-image .picture-interpretation { text-align: right } .qedge-com-uInnovation-basic-card.leftRight.imageLeft .qedge-com-uInnovation-basic-text-card { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 0; padding-right: calc((100% - 1160px)/2) } .qedge-com-uInnovation-basic-card.leftRight.imageLeft .qedge-com-uInnovation-basic-text-card>.container .content { padding-right: 25px; padding-left: 95px } .qedge-com-uInnovation-basic-card.around .container { max-width: 1160px } .qedge-com-uInnovation-basic-card.around>.container>.content, .qedge-com-uInnovation-basic-card.around>.content { padding: 30px 25px 70px 25px } .qedge-com-uInnovation-basic-card.around>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-uInnovation-basic-card.around>.content.no-global-padding>.container>.content, .qedge-com-uInnovation-basic-card.around>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-uInnovation-basic-card.around>.container>.content { padding-top: 0; padding-bottom: 0 } .qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-motional-image .content { position: relative; width: 100% } .qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-motional-image .content img { height: 600px } .qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-motional-image .content .video-js .vjs-text-track-display { bottom: 0em } .qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-motional-image .content .video-js .vjs-big-play-button { top: 42%; left: 45.5%; width: 100px; height: 100px; border-radius: 50%; background-color: rgba(0, 0, 0, 0); border: none } .qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-motional-image .content .video-js .vjs-big-play-button .vjs-icon-placeholder { font-size: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-motional-image .content .video-js .vjs-big-play-button .vjs-icon-placeholder::before { opacity: .7; position: relative } .qedge-com-uInnovation-basic-card.around>.container>.content .index { color: #999; margin-bottom: 80px } .qedge-com-uInnovation-basic-card.around>.container>.content .index::before, .qedge-com-uInnovation-basic-card.around>.container>.content .index::after { background-color: #d8d8d8 } .qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content { padding: 0; width: 100%; color: #000 } .qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction { color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title .title { color: #000 } .qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title .subtitle { color: #666; margin: 0 } .qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { width: 66% } .qedge-com-uInnovation-basic-card.text-top .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.title-reverse .title { font-size: 32px; letter-spacing: 0; line-height: 42px } .qedge-com-uInnovation-basic-card.text-top .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.title-reverse .subtitle { font-size: 24px; color: #000; letter-spacing: 0 } .qedge-com-uInnovation-basic-card.text-top .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { font-size: 16px; color: #666; letter-spacing: 0; line-height: 28px } .qedge-com-uInnovation-basic-card.text-top .content .qedge-com-motional-image { margin-top: 80px } .qedge-com-uInnovation-basic-card.text-top.image-middle>.container>.content .index { margin-bottom: 0 } .qedge-com-uInnovation-basic-card.text-top .content .qedge-com-motional-image .picture-interpretation { text-align: right } .qedge-com-uInnovation-basic-card.text-top.image-right>.content .qedge-com-motional-image .picture-interpretation { text-align: left } .qedge-com-uInnovation-basic-card.video>.container>.content { padding: 0 } .qedge-com-uInnovation-basic-card.video .picture-interpretation { font-size: 16px; color: #999; letter-spacing: 0; text-align: right; font-weight: 400; margin-top: 8px } .qedge-com-uInnovation-basic-card.customer-story { margin: 30px 0 } .qedge-com-uInnovation-basic-card.customer-story>.container { max-width: 730px } .qedge-com-uInnovation-basic-card.customer-story>.container .vjs-poster { background-size: cover; background-repeat: no-repeat } @media screen and (max-width: 1024px) { .qedge-com-uInnovation-basic-card { margin: 80px 0px 0px } .qedge-com-uInnovation-basic-card .text-mask { display: none } .qedge-com-uInnovation-basic-card>.container>.content, .qedge-com-uInnovation-basic-card>.content { padding: 0px 20px } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-motional-image .content, .qedge-com-uInnovation-basic-card>.content .qedge-com-motional-image .content { position: inherit } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-motional-image .content img, .qedge-com-uInnovation-basic-card>.content .qedge-com-motional-image .content img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-motional-image .picture-interpretation, .qedge-com-uInnovation-basic-card>.content .qedge-com-motional-image .picture-interpretation { text-align: right; font-size: 14px } .qedge-com-uInnovation-basic-card>.container>.content .index-mobile, .qedge-com-uInnovation-basic-card>.content .index-mobile { font-size: 16px; line-height: 26px; display: block; color: #999; line-height: 1.5em; margin-bottom: 32px; position: relative } .qedge-com-uInnovation-basic-card>.container>.content .index-mobile::before, .qedge-com-uInnovation-basic-card>.container>.content .index-mobile::after, .qedge-com-uInnovation-basic-card>.content .index-mobile::before, .qedge-com-uInnovation-basic-card>.content .index-mobile::after { content: " "; display: block; position: absolute } .qedge-com-uInnovation-basic-card>.container>.content .index-mobile::before, .qedge-com-uInnovation-basic-card>.content .index-mobile::before { background-color: #d8d8d8; bottom: 4px; left: 24px; height: 1em; -webkit-transform: rotate(20deg); transform: rotate(20deg); width: 1px } .qedge-com-uInnovation-basic-card>.container>.content .index-mobile::after, .qedge-com-uInnovation-basic-card>.content .index-mobile::after { background-color: #d8d8d8; content: " "; display: block; height: 1px; right: 0; bottom: 4px; left: 3em } .qedge-com-uInnovation-basic-card>.container>.content .index-pc, .qedge-com-uInnovation-basic-card>.content .index-pc { font-size: 16px; line-height: 26px; display: none } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container>.content, .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.content, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container>.content, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.content { padding: 32px 20px 48px 20px } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content { width: 100%; padding: 0 } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction { margin-top: 24px; margin-bottom: 24px; color: #666 } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title { margin-bottom: 0px } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .title-mobile, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .title-mobile { display: none } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .subtitles, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .subtitles { display: block; font-size: 22px } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .subtitle.blackText, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .subtitle.blackText { font-size: 22px; line-height: 34px; margin-bottom: 16px } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title { font-size: 24px; line-height: 34px; color: #000; margin-bottom: 16px; font-size: 22px } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title.subtitles, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title.subtitles { display: block } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title .starrLight-titlePC, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title .starrLight-titlePC { display: none } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title .starrLight-titleMobile, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title .starrLight-titleMobile { display: block } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title-pc, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title-pc { display: none } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle { font-size: 16px; line-height: 26px; color: #666 } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle.blackText, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle.blackText { color: #000; font-size: 22px; line-height: 34px; margin-bottom: 16px } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle.title-pc, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle.title-pc { display: none } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { font-size: 14px; line-height: 24px } .qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details p, .qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details p { color: #666 } .qedge-com-uInnovation-basic-card:first-of-type { margin-top: 32px } .qedge-com-uInnovation-basic-card.imageBackground>.content .qedge-com-uInnovation-basic-text-card>.container>.content .introduction .subtitle { color: #666; margin-top: 0px; margin-bottom: 24px } .qedge-com-uInnovation-basic-card.imageBackground>.content .qedge-com-uInnovation-basic-text-card>.container>.content .introduction .details { color: #666 } .qedge-com-uInnovation-basic-card.imageBackground>.content .qedge-com-uInnovation-basic-text-card>.container>.content .introduction .details .details-pc { display: none } .qedge-com-uInnovation-basic-card.imageBackground>.content .qedge-com-uInnovation-basic-text-card>.container>.content .introduction .details .details-mobile { display: block } .qedge-com-uInnovation-basic-card.upDown.imageRightEdge>.content .qedge-com-motional-image .content { position: inherit; left: inherit; width: auto } .qedge-com-uInnovation-basic-card.leftRight>.content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card { width: 100%; padding-left: 0 } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content { padding: 0 0 40px 0 } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction { margin-top: 24px } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle { margin-top: 0px; margin-bottom: 24px } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titlePC { display: none } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titleMobile { display: block } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { margin-top: 0 } .qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-motional-image { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .qedge-com-uInnovation-basic-card.leftRight.imageLeft .qedge-com-uInnovation-basic-text-card>.container>.content { padding-bottom: 0 } .qedge-com-uInnovation-basic-card.upDown .content { position: inherit; left: inherit; width: auto } .qedge-com-uInnovation-basic-card.upDown .content .qedge-com-motional-image { width: 100% } .qedge-com-uInnovation-basic-card.upDown .content .qedge-com-motional-image .content { width: 100% } .qedge-com-uInnovation-basic-card.upDown .content .qedge-com-motional-image .content img { height: auto } .qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content { padding-top: 0px } .qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title { width: 100% } .qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.half-interspace { width: 100% } .qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.title-reverse .title { font-size: 22px } .qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.title-reverse .subtitle { font-size: 16px; line-height: 26px } .qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { width: 100% } .qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle { margin-top: 0px; margin-bottom: 24px } .qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titlePC { display: none } .qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titleMobile { display: block } .qedge-com-uInnovation-basic-card.around>.container .content .index { margin-bottom: 40px } .qedge-com-uInnovation-basic-card.around>.container .content .qedge-com-motional-image .content { position: relative; width: 100% } .qedge-com-uInnovation-basic-card.around>.container .content .qedge-com-motional-image .content .Dealer { margin-bottom: 32px } .qedge-com-uInnovation-basic-card.around>.container .content .qedge-com-motional-image .content img { height: auto } .qedge-com-uInnovation-basic-card.around>.container .content .qedge-com-motional-image .content .video-js .vjs-big-play-button { font-size: 20px; width: 32px; height: 32px } .qedge-com-uInnovation-basic-card.around>.container .content .qedge-com-motional-image .content .video-js .vjs-big-play-button .vjs-icon-placeholder { font-size: 20px } .qedge-com-uInnovation-basic-card.around>.container .content .qedge-com-motional-image .content .vjs-poster::after { content: ""; font-family: VideoJS; font-weight: normal; font-style: normal; position: relative; top: 37%; left: 43%; width: 100%; height: 100%; font-size: 50px; color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .qedge-com-uInnovation-basic-card.around>.container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 24px } .qedge-com-uInnovation-basic-card.around>.container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { width: 100% } .qedge-com-uInnovation-basic-card.text-top .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.title-reverse .title { font-size: 22px } .qedge-com-uInnovation-basic-card.text-top .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.title-reverse .subtitle { font-size: 22px; margin-bottom: 16px } .qedge-com-uInnovation-basic-card.text-top .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { font-size: 14px } .qedge-com-uInnovation-basic-card.text-top .content .qedge-com-motional-image { margin-top: 0 } .qedge-com-uInnovation-basic-card.text-top.image-right>.content .qedge-com-motional-image .picture-interpretation { text-align: right } .qedge-com-uInnovation-basic-card.leftRight.imageLeft .qedge-com-motional-image .picture-interpretation br { display: none } .qedge-com-uInnovation-basic-card.customer-story { padding: 0 20px; margin: 16px 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-social-job-home-banner { margin-bottom: 65px } .qedge-com-social-job-home-banner .content { height: 100%; position: relative } .qedge-com-social-job-home-banner .content .qedge-com-motional-bg-image { position: relative; height: 500px } .qedge-com-social-job-home-banner .content .banner-details { background: rgba(0, 0, 0, .3); z-index: 10; position: absolute; left: 0; bottom: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 232px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100% } .qedge-com-social-job-home-banner .content .banner-details .title { font-size: 40px; color: #fff; letter-spacing: 0; text-align: center; margin-bottom: 0 } .qedge-com-social-job-home-banner .content .banner-details .title h1, .qedge-com-social-job-home-banner .content .banner-details .title h2, .qedge-com-social-job-home-banner .content .banner-details .title h3, .qedge-com-social-job-home-banner .content .banner-details .title h4, .qedge-com-social-job-home-banner .content .banner-details .title h5, .qedge-com-social-job-home-banner .content .banner-details .title h6, .qedge-com-social-job-home-banner .content .banner-details .title p, .qedge-com-social-job-home-banner .content .banner-details .title em, .qedge-com-social-job-home-banner .content .banner-details .title i, .qedge-com-social-job-home-banner .content .banner-details .title b, .qedge-com-social-job-home-banner .content .banner-details .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-social-job-home-banner .content .banner-details .search-box { padding-bottom: 50px } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group { width: 920px; height: 56px; padding-left: 20px; padding-right: 20px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-trigger { margin: 0 10px; background: rgba(0, 0, 0, 0); border: 0; height: 56px; width: 40px; position: absolute } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-trigger .ti-search { font-size: 15px; color: #fff } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .sure-trigger { height: 56px; width: 100px; background-color: rgba(255, 255, 255, .4); border: none; margin-left: 10px; color: #fff } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .clear-trigger { margin: 0 10px; background: rgba(0, 0, 0, 0); border: 0; height: 56px; width: 40px; position: absolute; top: 0; right: 120px } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .clear-trigger .ti-close { font-size: 15px; color: #fff } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input { padding-left: 50px; background: rgba(255, 255, 255, .4); border: 1px solid rgba(255, 255, 255, .5); width: 100%; height: 100%; font-size: 16px; color: #fff; opacity: .9; -webkit-transition: all .3s; transition: all .3s } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input:hover { border-color: #f0f0f0; -webkit-transition: all .3s; transition: all .3s } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input:focus { outline: none; -webkit-box-shadow: 0 0 3px #f0f0f0; box-shadow: 0 0 3px #f0f0f0; -webkit-transition: all .3s; transition: all .3s; opacity: 1 } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input::-webkit-input-placeholder { color: #fff; font-size: 16px; opacity: 1 } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input::-moz-placeholder { color: #fff; font-size: 16px; opacity: 1 } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input:-ms-input-placeholder { color: #fff; font-size: 16px; opacity: 1 } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input::-ms-input-placeholder { color: #fff; font-size: 16px; opacity: 1 } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input::placeholder { color: #fff; font-size: 16px; opacity: 1 } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input::-ms-input-placeholder { color: #fff; font-size: 16px } @media screen and (max-width: 1024px) { .qedge-com-social-job-home-banner { margin-bottom: 0 } .qedge-com-social-job-home-banner .content .qedge-com-motional-bg-image { height: 200px } .qedge-com-social-job-home-banner .content .banner-details { padding-top: 60px } .qedge-com-social-job-home-banner .content .banner-details .title { font-size: 16px; line-height: 26px } .qedge-com-social-job-home-banner .content .banner-details .search-box { padding-bottom: 25px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group { width: 100%; height: 40px } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-trigger { margin: 0; background: rgba(0, 0, 0, 0); border: 0; height: 40px; width: 40px; position: absolute } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-trigger .ti-search { font-size: 10px; color: #fff } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input { padding-left: 40px; font-size: 14px } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input::-webkit-input-placeholder { font-size: 14px; opacity: 1 } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input::-moz-placeholder { font-size: 14px; opacity: 1 } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input:-ms-input-placeholder { font-size: 14px; opacity: 1 } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input::-ms-input-placeholder { font-size: 14px; opacity: 1 } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input::placeholder { font-size: 14px; opacity: 1 } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .search-input::-ms-input-placeholder { font-size: 14px } .qedge-com-social-job-home-banner .content .banner-details .search-box .input-group .sure-trigger { height: 100% } .qedge-com-social-job-home-banner .content .banner-details .search-box.sticky { -webkit-transition: .3s; transition: .3s; position: fixed; top: 45px; padding-top: 10px; background: #fff; width: 100%; padding-right: 0; z-index: 100 } .qedge-com-social-job-home-banner .content .banner-details .search-box.sticky .input-group .search-trigger .ti-search { font-size: 13px; color: #000 } .qedge-com-social-job-home-banner .content .banner-details .search-box.sticky .input-group .search-input { background: #fff; border: none; -webkit-box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .1); box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .1); opacity: 1; border-radius: 2px; color: #000; font-size: 14px } .qedge-com-social-job-home-banner .content .banner-details .search-box.sticky .input-group .search-input::-webkit-input-placeholder { color: #999 } .qedge-com-social-job-home-banner .content .banner-details .search-box.sticky .input-group .search-input::-moz-placeholder { color: #999 } .qedge-com-social-job-home-banner .content .banner-details .search-box.sticky .input-group .search-input:-ms-input-placeholder { color: #999 } .qedge-com-social-job-home-banner .content .banner-details .search-box.sticky .input-group .search-input::-ms-input-placeholder { color: #999 } .qedge-com-social-job-home-banner .content .banner-details .search-box.sticky .input-group .search-input::placeholder { color: #999 } .qedge-com-social-job-home-banner .content .banner-details .search-box.sticky .input-group .search-input::-ms-input-placeholder { color: #999 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-social-job-home-search-box .search-box-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px } .qedge-com-social-job-home-search-box .search-box-heading .filterTitle { font-size: 16px; color: #000 } .qedge-com-social-job-home-search-box .search-box-heading .filterTitle h1, .qedge-com-social-job-home-search-box .search-box-heading .filterTitle h2, .qedge-com-social-job-home-search-box .search-box-heading .filterTitle h3, .qedge-com-social-job-home-search-box .search-box-heading .filterTitle h4, .qedge-com-social-job-home-search-box .search-box-heading .filterTitle h5, .qedge-com-social-job-home-search-box .search-box-heading .filterTitle h6, .qedge-com-social-job-home-search-box .search-box-heading .filterTitle p, .qedge-com-social-job-home-search-box .search-box-heading .filterTitle em, .qedge-com-social-job-home-search-box .search-box-heading .filterTitle i, .qedge-com-social-job-home-search-box .search-box-heading .filterTitle b, .qedge-com-social-job-home-search-box .search-box-heading .filterTitle address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-social-job-home-search-box .search-box-heading .removeFilter { font-size: 16px; color: #1890ff } .qedge-com-social-job-home-search-box .search-city { display: none } @media screen and (max-width: 1024px) { .qedge-com-social-job-home-search-box { padding-bottom: 54px } .qedge-com-social-job-home-search-box.sticky { padding-bottom: 0 } .qedge-com-social-job-home-search-box .search-box-heading { display: none } .qedge-com-social-job-home-search-box .search-box-body { padding: 0 20px; position: absolute; background: #fff; width: 100% } .qedge-com-social-job-home-search-box .search-box-body .content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-bottom: 0 !important } .qedge-com-social-job-home-search-box.sticky .search-box-body { position: fixed; z-index: 500; top: 105px; background: #fff; width: 100%; -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1) } .qedge-com-social-job-home-search-box .search-city { display: block; position: fixed; left: 0; right: 0; top: 100vh; bottom: 0; z-index: 1000; background: #fff; -webkit-transition: top ease .4s; transition: top ease .4s } .qedge-com-social-job-home-search-box .search-city.-show { top: 0 } .qedge-com-social-job-home-search-box .search-city .search-city-indexed-list { position: relative; overflow: hidden; background-color: #fafafa } .qedge-com-social-job-home-search-box .search-city .search-city-indexed-list .search-city-indexed-list-search { border-bottom: solid 1px #e3e3e3; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 10px; position: relative } .qedge-com-social-job-home-search-box .search-city .search-city-indexed-list .search-city-indexed-list-search input { height: 40px; outline: none; padding-left: 40px; border-radius: 0px; margin: 0px; background-color: #fafafa; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: 0; -webkit-box-shadow: 1px 1px 8px #cdcdcd; box-shadow: 1px 1px 8px #cdcdcd } .qedge-com-social-job-home-search-box .search-city .search-city-indexed-list .search-city-indexed-list-search .search-trigger { border: 0; background: rgba(0, 0, 0, 0); position: absolute; width: 40px; text-align: center } .qedge-com-social-job-home-search-box .search-city .search-city-indexed-list .search-city-indexed-list-search .cancel-select-city { padding-left: 8px; padding-right: 10px; color: #999 } .qedge-com-social-job-home-search-box .search-city .search-city-indexed-list .search-city-indexed-list-inner { margin: 0px; padding: 0px; overflow-y: auto; border: none } .qedge-com-social-job-home-search-box .search-city .search-city-indexed-list .search-city-indexed-list-inner::-webkit-scrollbar { width: 0px; height: 0px; visibility: hidden } .qedge-com-social-job-home-search-box .search-city .search-city-indexed-list .search-city-indexed-list-inner .search-city-indexed-list-group { padding-top: 3px; padding-bottom: 3px; padding-left: 15px; background-color: #fafafa; font-size: 12px; color: #9b9b9b; margin: 0 } .qedge-com-social-job-home-search-box .search-city .search-city-indexed-list .search-city-indexed-list-inner .search-city-table-view { position: relative; margin-top: 0; margin-bottom: 0; padding-left: 0; margin-left: 0; list-style: none; background-color: #fff } .qedge-com-social-job-home-search-box .search-city .search-city-indexed-list .search-city-indexed-list-inner .search-city-table-view .search-city-table-view-cell { padding: 13px 15px; border-bottom: 1px solid #ebebeb; margin: 0 } #search-box-and-list .container .content { padding: 0 0 48px 0 } #search-box-and-list .container .content .columns { margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } #search-box-and-list .container .content .columns .column { width: 100%; padding: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-social-job-home-search-box-item { padding: 30px 0 30px 0; border-top: 1px solid #e6e6e6; position: relative } .qedge-com-social-job-home-search-box-item .card-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 22px } .qedge-com-social-job-home-search-box-item .card-heading:hover, .qedge-com-social-job-home-search-box-item .card-heading:active { text-decoration: none } .qedge-com-social-job-home-search-box-item .card-heading .title { color: #000; font-size: 24px; margin-bottom: 0 } .qedge-com-social-job-home-search-box-item .card-heading .title h1, .qedge-com-social-job-home-search-box-item .card-heading .title h2, .qedge-com-social-job-home-search-box-item .card-heading .title h3, .qedge-com-social-job-home-search-box-item .card-heading .title h4, .qedge-com-social-job-home-search-box-item .card-heading .title h5, .qedge-com-social-job-home-search-box-item .card-heading .title h6, .qedge-com-social-job-home-search-box-item .card-heading .title p, .qedge-com-social-job-home-search-box-item .card-heading .title em, .qedge-com-social-job-home-search-box-item .card-heading .title i, .qedge-com-social-job-home-search-box-item .card-heading .title b, .qedge-com-social-job-home-search-box-item .card-heading .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-social-job-home-search-box-item .card-heading .toggle { -webkit-transition: .25s; transition: .25s } .qedge-com-social-job-home-search-box-item .card-heading .toggle .signs { position: relative; width: 15px; height: 1px; background: #000 } .qedge-com-social-job-home-search-box-item .card-heading .toggle .signs:after { -webkit-transition: .25s; transition: .25s; -webkit-transform: rotate(90deg); transform: rotate(90deg); display: block; content: ""; width: 15px; height: 1px; background: #000; position: absolute; z-index: -1; transition: .25s } .qedge-com-social-job-home-search-box-item .card-heading .toggle.open .signs:after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .qedge-com-social-job-home-search-box-item .card-body { max-height: 0; overflow: hidden; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s } .qedge-com-social-job-home-search-box-item .card-body .filt-list { margin-left: 1.6em; font-weight: 200; list-style-type: none; padding: 0 } .qedge-com-social-job-home-search-box-item .card-body .filt-list.release-time { margin-left: 0 } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item { margin-top: 0 } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item.all { margin-left: -1.6em } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .checkbox { font-size: 16px; color: #000; display: block; line-height: 2.5; position: relative; padding-left: 30px; width: 100% } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .checkbox::before { border: 1px solid #000; background-color: #fff; content: " "; display: block; font-size: 14px; line-height: 12px; text-align: center; width: 15px; height: 15px; position: absolute; left: 0; top: 50%; margin-top: -8px; -webkit-transition: all .3s; transition: all .3s } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .checkbox:hover, .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .checkbox:active { text-decoration: none } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .checkbox.active::before { background-color: #000; border-color: #000; content: "✓"; color: #fff; font-weight: bold; -webkit-transition: all .2s; transition: all .2s } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .checkbox.type-radio::before { border-radius: 50%; content: " " } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .checkbox.type-radio::after { background-color: rgba(255, 255, 255, .85); content: " "; display: block; height: .5em; width: .5em; border-radius: 50%; position: absolute; top: 50%; left: .25em; margin-top: -0.25em; z-index: 5 } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .link { font-size: 16px; color: #000; display: block; line-height: 2.5; position: relative; width: 100%; -webkit-transition: all .3s; transition: all .3s } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .link:hover, .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .link:active { text-decoration: none } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .link.active { font-weight: bold; -webkit-transition: all .3s; transition: all .3s } .qedge-com-social-job-home-search-box-item .card-body .filt-list.level-1>.list-item.group-all { position: relative } .qedge-com-social-job-home-search-box-item .card-body .filt-list.level-1>.list-item.group-all:before { content: ""; position: absolute; width: 0px; height: 0px; left: -20px; top: 16px; border-color: rgba(0, 0, 0, 0); border-width: 4px 5px; border-style: solid; border-left-color: #000; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease } .qedge-com-social-job-home-search-box-item .card-body .filt-list.level-1>.list-item.group-all:hover:before { border-left-color: #1890ff } .qedge-com-social-job-home-search-box-item .card-body .filt-list.level-1>.list-item.group-all>.filt-list.level-2 { display: none } .qedge-com-social-job-home-search-box-item .card-body .filt-list.level-1>.list-item.group-all.-open:before { -webkit-transform: rotate(90deg) translateY(50%); transform: rotate(90deg) translateY(50%); top: 18px } .qedge-com-social-job-home-search-box-item .card-body .filt-list.level-1>.list-item.group-all.-open>.filt-list.level-2 { display: block; margin-top: 0 } .qedge-com-social-job-home-search-box-item .card-body .filt-list.for-workplace { margin-left: 0; padding-bottom: 30px } .qedge-com-social-job-home-search-box-item .card-body .filt-list.for-workplace .all { margin-left: 0 } .qedge-com-social-job-home-search-box-item .card-body .filt-list.f-col-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap } .qedge-com-social-job-home-search-box-item .card-body .filt-list.f-col-3 .list-item { min-width: 32%; margin-right: 1%; white-space: nowrap } .qedge-com-social-job-home-search-box-item .card-body .filt-search { margin-top: 20px } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group { padding: 0 1px 1px 0 } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .search-trigger { margin: 0 10px; position: relative; background: rgba(0, 0, 0, 0); border: 0; height: 42px; z-index: 1000; position: relative } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .friendSearchContainer .smartInput-input { padding: .5rem; padding-left: 2rem; border-radius: unset; padding-left: 45px } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .friendSearchContainer .smartInput-input:focus { outline: none } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .friendSearchContainer .friendSearchList { width: 100%; overflow: auto } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .friendSearchContainer .friendSearchList li { padding: 12px 20px } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .friendSearchContainer ::-webkit-scrollbar { width: 8px } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .friendSearchContainer ::-webkit-scrollbar-track { display: none } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .friendSearchContainer ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .3); border-radius: 4px } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .search-input { font-size: 16px; margin-left: -43px; padding-left: 42px; height: 40px; width: 100%; border: 1px solid #e6e6e6; color: #000; -webkit-transition: all .3s; transition: all .3s } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .search-input:hover { border-color: #c8c8c8; -webkit-transition: all .3s; transition: all .3s } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .search-input:focus { outline: none; -webkit-box-shadow: 0 0 3px #c8c8c8; box-shadow: 0 0 3px #c8c8c8; -webkit-transition: all .3s; transition: all .3s } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .search-input::-webkit-input-placeholder { color: #999; font-size: 16px; opacity: 1 } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .search-input::-moz-placeholder { color: #999; font-size: 16px; opacity: 1 } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .search-input:-ms-input-placeholder { color: #999; font-size: 16px; opacity: 1 } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .search-input::-ms-input-placeholder { color: #999; font-size: 16px; opacity: 1 } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .search-input::placeholder { color: #999; font-size: 16px; opacity: 1 } .qedge-com-social-job-home-search-box-item .card-body .filt-search .search-group .search-input::-ms-input-placeholder { color: #999; font-size: 16px } .qedge-com-social-job-home-search-box-item.active .card-body { -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; max-height: 2000px } .qedge-com-social-job-home-search-box-item.active .card-body .filt-search .search-trigger { position: absolute } @media screen and (max-width: 1024px) { .qedge-com-social-job-home-search-box-item { position: static; padding: 0; margin: 10px 0 0 0; border-top: none; border-bottom: none; width: 33.33% } .qedge-com-social-job-home-search-box-item .card-heading { padding-bottom: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-social-job-home-search-box-item .card-heading .title { font-size: 14px; line-height: 24px; color: #666 } .qedge-com-social-job-home-search-box-item .card-heading .title.open { color: #000 } .qedge-com-social-job-home-search-box-item .card-heading .toggle { -webkit-transition: .1s; transition: .1s } .qedge-com-social-job-home-search-box-item .card-heading .toggle.open .signs { top: -5px; border-top: 5px solid rgba(0, 0, 0, 0); border-bottom: 5px solid #000 } .qedge-com-social-job-home-search-box-item .card-heading .toggle .signs { display: inline-block; margin: 0px 5px 0 7px; border: 4px solid rgba(0, 0, 0, 0); border-top: 5px solid #666; width: 5px; height: 5px; background: none } .qedge-com-social-job-home-search-box-item .card-heading .toggle .signs:after { display: none } .qedge-com-social-job-home-search-box-item .card-body { display: none; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; max-height: 2000px; position: absolute; left: -20px; right: -20px; background: #fff } .qedge-com-social-job-home-search-box-item .card-body .filt-list { margin-top: 0; margin-left: 0 } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item.-more { text-align: center } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item.-more a { font-size: 14px; color: #000; padding: 12px 0; display: block } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .checkbox { font-size: 14px; color: #666; padding-left: 0; line-height: 24px; padding: 12px 20px } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .checkbox::before { background: none; border: none; width: 0; height: 0 } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .checkbox.active { -webkit-transition: .3s; transition: .3s; font-weight: bold; color: #000; font-size: 15px } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .checkbox.active::before { content: ""; color: rgba(0, 0, 0, 0); background: none; border-color: rgba(0, 0, 0, 0) } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .link { font-size: 14px; color: #666; line-height: 24px; padding: 12px 20px } .qedge-com-social-job-home-search-box-item .card-body .filt-list .list-item .link.active { color: #000; -webkit-transition: .3s; transition: .3s; font-size: 15px } .qedge-com-social-job-home-search-box-item .card-body .filt-list.level-1 { background: #fafafa; position: relative; margin-left: 0; padding-left: 20px } .qedge-com-social-job-home-search-box-item .card-body .filt-list.level-1 .list-item { width: 50%; margin-left: -1.2rem } .qedge-com-social-job-home-search-box-item .card-body .filt-list.level-1 .list-item.group-all { position: static } .qedge-com-social-job-home-search-box-item .card-body .filt-list.level-1 .list-item.group-all:before { content: none } .qedge-com-social-job-home-search-box-item .card-body .filt-list.level-1 .list-item.group-all ul.filt-list.level-2 { position: absolute; left: 50%; width: 100%; top: 0 } .qedge-com-social-job-home-search-box-item .card-body .filt-list.level-1 .list-item .link+.filt-list.level-2 { display: none } .qedge-com-social-job-home-search-box-item .card-body .filt-list.level-1 .list-item .link.active { background: #fff } .qedge-com-social-job-home-search-box-item .card-body .filt-list.level-1 .list-item .link.active+.filt-list.level-2 { display: block; background: #fff; position: absolute; top: 0; bottom: 0; left: 50%; width: 100% } .qedge-com-social-job-home-search-box-item .card-body .filt-search { display: none } .qedge-com-social-job-home-search-box-item.active .card-heading .title { color: #000 } .qedge-com-social-job-home-search-box-item.active .card-body { display: block } .qedge-com-social-job-home-search-box-item.active .card-body .view-more-city { color: #999; font-size: 12px; position: absolute; bottom: 0; z-index: 10; text-align: center; width: 100%; padding: 10px 0; background-color: #fff } .qedge-com-social-job-home-search-box-item:first-child .card-heading { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .qedge-com-social-job-home-search-box-item:last-child .card-heading { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-social-job-home-search-results { padding-left: 10px } .qedge-com-social-job-home-search-results .ajax-loading { padding: 120px 30px } .qedge-com-social-job-home-search-results .ajax-loading .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-social-job-home-search-results .ajax-loading .content img { display: block; height: 30px; margin-right: 10px } .qedge-com-social-job-home-search-results .search-content { border-left: 1px solid #e6e6e6; padding-left: 30px; margin-bottom: 15px } .qedge-com-social-job-home-search-results .search-content .title { padding-left: 20px; font-size: 24px; color: #000; margin-bottom: 25px } .qedge-com-social-job-home-search-results .search-content .title h1, .qedge-com-social-job-home-search-results .search-content .title h2, .qedge-com-social-job-home-search-results .search-content .title h3, .qedge-com-social-job-home-search-results .search-content .title h4, .qedge-com-social-job-home-search-results .search-content .title h5, .qedge-com-social-job-home-search-results .search-content .title h6, .qedge-com-social-job-home-search-results .search-content .title p, .qedge-com-social-job-home-search-results .search-content .title em, .qedge-com-social-job-home-search-results .search-content .title i, .qedge-com-social-job-home-search-results .search-content .title b, .qedge-com-social-job-home-search-results .search-content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-social-job-home-search-results .search-paginations { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-social-job-home-search-results .search-paginations .qedge-com-pagination .container .content { padding: 20px 0 70px } @media screen and (max-width: 1024px) { .qedge-com-social-job-home-search-results { padding: 20px 20px } .qedge-com-social-job-home-search-results.sticky { padding-top: 150px } .qedge-com-social-job-home-search-results.shadow { -webkit-transition: .5s; transition: .5s; background-color: rgba(0, 0, 0, .5) } .qedge-com-social-job-home-search-results.shadow .search-content .results .qedge-com-social-job-home-search-results-item { border-bottom: 1px solid rgba(0, 0, 0, 0) } .qedge-com-social-job-home-search-results .search-content { border-left: none; padding-left: 0 } .qedge-com-social-job-home-search-results .search-content .title { margin-bottom: 5px; font-size: 20px; line-height: 26px; padding-left: 0 } .qedge-com-social-job-home-search-results .search-paginations .qedge-com-pagination .container .content { padding: 10px 0 20px !important } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-social-job-home-search-results-item { padding: 25px 20px 20px; -webkit-transition: all linear .1s; transition: all linear .1s; display: block } .qedge-com-social-job-home-search-results-item .item-title { font-size: 16px; color: #000; margin-bottom: 10px; font-weight: bold; line-height: 1.125 } .qedge-com-social-job-home-search-results-item .item-title h1, .qedge-com-social-job-home-search-results-item .item-title h2, .qedge-com-social-job-home-search-results-item .item-title h3, .qedge-com-social-job-home-search-results-item .item-title h4, .qedge-com-social-job-home-search-results-item .item-title h5, .qedge-com-social-job-home-search-results-item .item-title h6, .qedge-com-social-job-home-search-results-item .item-title p, .qedge-com-social-job-home-search-results-item .item-title em, .qedge-com-social-job-home-search-results-item .item-title i, .qedge-com-social-job-home-search-results-item .item-title b, .qedge-com-social-job-home-search-results-item .item-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-social-job-home-search-results-item .item-labels { margin: 16px 0 20px 0 } .qedge-com-social-job-home-search-results-item .item-labels li { list-style: none; display: inline-block; padding: 0px 6px 0 8px; border-left: 1px solid #000; line-height: 18px; font-size: 16px; color: #000 } .qedge-com-social-job-home-search-results-item .item-labels li h1, .qedge-com-social-job-home-search-results-item .item-labels li h2, .qedge-com-social-job-home-search-results-item .item-labels li h3, .qedge-com-social-job-home-search-results-item .item-labels li h4, .qedge-com-social-job-home-search-results-item .item-labels li h5, .qedge-com-social-job-home-search-results-item .item-labels li h6, .qedge-com-social-job-home-search-results-item .item-labels li p, .qedge-com-social-job-home-search-results-item .item-labels li em, .qedge-com-social-job-home-search-results-item .item-labels li i, .qedge-com-social-job-home-search-results-item .item-labels li b, .qedge-com-social-job-home-search-results-item .item-labels li address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-social-job-home-search-results-item .item-labels li:first-child { border: 0px solid #000; padding-left: 0 } .qedge-com-social-job-home-search-results-item .item-descriptions { margin: 16px 0 0 0; font-size: 16px; color: #666; line-height: 1.8; text-align: justify; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 6em; overflow: hidden } .qedge-com-social-job-home-search-results-item .item-descriptions h1, .qedge-com-social-job-home-search-results-item .item-descriptions h2, .qedge-com-social-job-home-search-results-item .item-descriptions h3, .qedge-com-social-job-home-search-results-item .item-descriptions h4, .qedge-com-social-job-home-search-results-item .item-descriptions h5, .qedge-com-social-job-home-search-results-item .item-descriptions h6, .qedge-com-social-job-home-search-results-item .item-descriptions p, .qedge-com-social-job-home-search-results-item .item-descriptions em, .qedge-com-social-job-home-search-results-item .item-descriptions i, .qedge-com-social-job-home-search-results-item .item-descriptions b, .qedge-com-social-job-home-search-results-item .item-descriptions address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-social-job-home-search-results-item .item-descriptions li { list-style: none; font-size: 16px; color: #666; line-height: 1.8; text-align: justify; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; max-height: 4em; overflow: hidden } .qedge-com-social-job-home-search-results-item .item-descriptions li h1, .qedge-com-social-job-home-search-results-item .item-descriptions li h2, .qedge-com-social-job-home-search-results-item .item-descriptions li h3, .qedge-com-social-job-home-search-results-item .item-descriptions li h4, .qedge-com-social-job-home-search-results-item .item-descriptions li h5, .qedge-com-social-job-home-search-results-item .item-descriptions li h6, .qedge-com-social-job-home-search-results-item .item-descriptions li p, .qedge-com-social-job-home-search-results-item .item-descriptions li em, .qedge-com-social-job-home-search-results-item .item-descriptions li i, .qedge-com-social-job-home-search-results-item .item-descriptions li b, .qedge-com-social-job-home-search-results-item .item-descriptions li address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-social-job-home-search-results-item:hover, .qedge-com-social-job-home-search-results-item:focus, .qedge-com-social-job-home-search-results-item:active { -webkit-box-shadow: 0 4px 16px -4px rgba(0, 0, 0, .1); box-shadow: 0 4px 16px -4px rgba(0, 0, 0, .1) } @media screen and (max-width: 1024px) { .qedge-com-social-job-home-search-results-item { padding: 30px 0 25px 0; border-bottom: 1px solid #eee } .qedge-com-social-job-home-search-results-item .item-title { margin-bottom: 0; font-size: 16px; line-height: 26px } .qedge-com-social-job-home-search-results-item .item-labels { margin: 10px 0 !important } .qedge-com-social-job-home-search-results-item .item-labels li { border-left: 1px solid #666; color: #666 } .qedge-com-social-job-home-search-results-item .item-descriptions { margin: 0; font-size: 14px; line-height: 24px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-header+[class^=qedge-com].qedge-com-ui-banner>.content { position: relative; height: 810px } .qedge-com-section.qedge-com-ui-section { padding-top: 60px; position: relative } .qedge-com-section.qedge-com-ui-section .video-js { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .qedge-com-section.qedge-com-ui-section.-bottom-20 .qedge-com-ui-subtitle { margin-bottom: 20px } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-title .main, .qedge-com-section.qedge-com-ui-section .qedge-com-ui-title .normal { font-size: 40px; font-weight: bold } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-title .main { color: #5a4eaa; background: -webkit-linear-gradient(left, #5A4EAA 25%, #C86371 50%, #EE7D51 75%, #F67847 100%); -webkit-background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0) } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-title .extra { font-size: 20px; margin-left: 24px; color: #000; opacity: .6 } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-subtitle { opacity: .6; font-size: 20px; color: #000; margin: 60px 0 } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-subtitle.subtitle-opacity { opacity: 1 } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-content .uai-v-slider { list-style: none; margin: 30px 0 } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-content .qedge-com-ui-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 20px; margin-top: 20px; opacity: .6 } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-content .qedge-com-ui-line p { opacity: .6; font-size: 20px; color: #fff } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-content .qedge-com-ui-line a { font-size: 16px; color: #000 } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-content .uai-swiper-container .slide-inner.hover-show { display: none } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-content .uai-swiper-container .swiper-slide:hover .slide-inner:not(.hover-show) { display: none } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-content .uai-swiper-container .swiper-slide:hover .hover-show { display: block } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-content .swiper-button-container { position: relative; margin-top: 40px; height: 40px; text-align: right } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-content .swiper-button-container.swiper-button-container-uai { visibility: hidden } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-content .swiper-button-container .swiper-button { position: static; display: inline-block; width: 70px; background: rgba(0, 0, 0, .06); height: 38px; text-align: center } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-content .swiper-button-container .swiper-button:after { font-size: 20px; color: #333 } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-content .swiper-button-container .swiper-button-next { margin-left: 20px; margin-right: 150px } .qedge-com-section.qedge-com-ui-section.bg-gray { background: #fbfbfb } .qedge-com-section.qedge-com-ui-section.-bg-image { height: 600px; padding-top: 110px } .qedge-com-section.qedge-com-ui-section.-bg-image .extra-white { font-size: 20px; margin-left: 24px; color: #fff; opacity: .6 } .qedge-com-section.qedge-com-ui-section.-bg-image .white-slash { font-size: 20px; margin-left: 24px; color: #fff; opacity: .6 } .qedge-com-section.qedge-com-ui-section.-bg-image .qedge-com-ui-subtitle { color: #fff } .qedge-com-section.qedge-com-ui-section.-normal { height: 500px } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-image { position: absolute; top: 0; z-index: -1; width: 100% } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-image img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-image.image-mobile { display: none } @media screen and (min-width: 1024px) { .uai-v-slider { position: relative } .uai-v-slider li { width: 384px; margin: 0; border-left: 2px solid rgba(151, 151, 151, .7); cursor: pointer } .uai-v-slider li .uai-v-slider-title { width: 100%; height: 100px; line-height: 100px; opacity: .7; font-size: 20px; color: #000; text-indent: 24px } .uai-v-slider li .uai-image-container { display: none; position: absolute; left: 384px; top: 0; width: 715px; height: 402px } .uai-v-slider li .uai-image-container img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain;" } .uai-v-slider li.active .uai-v-slider-title { font-size: 24px; color: #000; opacity: 1 } .uai-v-slider li.active .uai-image-container { display: block } .uai-v-slider li.active-slider { position: absolute; left: 0; top: 0; width: 2px; border: none; height: 100px; cursor: initial; background: #000; -webkit-transition: top ease .5s; transition: top ease .5s } .uai-v-slider li+li { margin-top: 0 } } @media screen and (max-width: 1024px) { .qedge-com-header+[class^=qedge-com].qedge-com-ui-banner>.content { height: 560px } .qedge-com-header+[class^=qedge-com].qedge-com-ui-banner>.content .banner-details { position: absolute; top: 0; height: 100% } .qedge-com-header+[class^=qedge-com].qedge-com-ui-banner>.content .banner-details .content { height: 560px } .qedge-com-header+[class^=qedge-com].qedge-com-ui-banner>.content .banner-details .content .ui-title { margin-top: 50px } .qedge-com-header+[class^=qedge-com].qedge-com-ui-banner>.content .banner-details .content .ui-subtitle { margin-top: 20px; font-size: 24px } .qedge-com-header+[class^=qedge-com].qedge-com-ui-banner>.content .banner-details .content .ui-link { margin-top: 240px } .qedge-com-section.qedge-com-ui-section .uai-v-slider { margin: 30px 0 0 } .qedge-com-section.qedge-com-ui-section .uai-v-slider li { position: relative; margin-bottom: 70px; padding-top: 0px } .qedge-com-section.qedge-com-ui-section .uai-v-slider li .uai-v-slider-title { position: absolute; bottom: -40px; font-weight: bold; font-size: 16px } .qedge-com-section.qedge-com-ui-section .uai-v-slider li:last-child { margin-bottom: 0; padding-top: 0 } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-title .main { font-size: 24px } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-title .extra { font-size: 14px } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-title .extra-white { font-size: 14px } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-title .normal { font-size: 24px } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-subtitle { margin-top: 30px; margin-bottom: 8px; font-size: 14px; color: #000; letter-spacing: 0; line-height: 24px; font-weight: 400; opacity: 1 } .qedge-com-section.qedge-com-ui-section.bg-gray { background: #fbfbfb; padding-top: 30px } .qedge-com-section.qedge-com-ui-section.-bg-image { height: 560px; padding-top: 30px; overflow: hidden } .qedge-com-section.qedge-com-ui-section.-bg-image .qedge-com-ui-subtitle { color: #fff; opacity: 1 } .qedge-com-section.qedge-com-ui-section.-bg-image .qedge-com-ui-line { margin-top: 240px; height: auto; display: block } .qedge-com-section.qedge-com-ui-section.-bg-image .qedge-com-ui-line p { font-size: 14px; opacity: 1 } .qedge-com-section.qedge-com-ui-section.-normal { height: 354px } .qedge-com-section.qedge-com-ui-section.-normal .qedge-com-ui-line { margin-top: 8px; height: auto; display: block } .qedge-com-section.qedge-com-ui-section.-normal .qedge-com-ui-line p { font-size: 16px; opacity: 1 } .qedge-com-section.qedge-com-ui-section.-normal .qedge-com-ui-line a { font-size: 12px } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-image.image-mobile { display: block } .qedge-com-section.qedge-com-ui-section .qedge-com-ui-image.image-pc { display: none } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container { margin-bottom: 20px } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container.-mobile .swiper-wrapper .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container.-mobile .swiper-wrapper .swiper-slide .slide-inner { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container.-mobile .swiper-wrapper .swiper-slide .slide-title { padding-top: 0; margin-bottom: 10px; font-size: 16px } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container { display: none } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-pagination-in-tab { text-align: center; white-space: nowrap; overflow: scroll } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-pagination-in-tab .page-index-dot { display: inline-block; height: 64px; width: 64px; margin: 0 5px } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-pagination-in-tab .page-index-dot img { height: 100%; width: 100% } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-pagination-in-tab .page-index-dot.current { position: relative } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-pagination-in-tab .page-index-dot.current::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, .5) } .qedge-com-ui-content { margin-top: 80px } .qedge-com-ui-content .uai-swiper-container .swiper-slide { width: 100% !important } .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-inner:not(.hover-show) { display: none } .qedge-com-ui-content .uai-swiper-container .swiper-slide .hover-show { display: block !important } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-contact-banner { padding-top: 0 !important } .qedge-com-contact-banner .content { height: 100%; position: relative } .qedge-com-contact-banner .content .qedge-com-motional-bg-image { position: relative; height: 500px } .qedge-com-contact-banner .content .banner-details { padding-bottom: 85px; z-index: 10; position: absolute; left: 0; bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100% } .qedge-com-contact-banner .content .banner-details .banner-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff } .qedge-com-contact-banner .content .banner-details .banner-content h1, .qedge-com-contact-banner .content .banner-details .banner-content h2, .qedge-com-contact-banner .content .banner-details .banner-content h3, .qedge-com-contact-banner .content .banner-details .banner-content h4, .qedge-com-contact-banner .content .banner-details .banner-content h5, .qedge-com-contact-banner .content .banner-details .banner-content h6, .qedge-com-contact-banner .content .banner-details .banner-content p, .qedge-com-contact-banner .content .banner-details .banner-content em, .qedge-com-contact-banner .content .banner-details .banner-content i, .qedge-com-contact-banner .content .banner-details .banner-content b, .qedge-com-contact-banner .content .banner-details .banner-content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-contact-banner .content .banner-details .banner-content .title { font-size: 40px; font-weight: bold; color: #fff; text-align: center; margin-bottom: 20px } .qedge-com-contact-banner .content .banner-details .banner-content .subTitle { color: #fff; font-size: 20px; text-align: center; font-weight: normal } @media screen and (max-width: 1024px) { .qedge-com-contact-banner .content .qedge-com-motional-bg-image { height: 200px } .qedge-com-contact-banner .content .banner-details { padding-bottom: 50px } .qedge-com-contact-banner .content .banner-details .banner-content .title { font-size: 16px; line-height: 26px; font-weight: 500; margin-bottom: 8px } .qedge-com-contact-banner .content .banner-details .banner-content .subTitle { font-size: 12px; line-height: 22px } .qedge-com-contact-banner .content .banner-details .banner-content a { color: #fff } .qedge-com-contact-banner .content .banner-details .banner-content a:hover, .qedge-com-contact-banner .content .banner-details .banner-content a:active, .qedge-com-contact-banner .content .banner-details .banner-content a:visited { color: #fff } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-contact-container { background: #fafafa } .qedge-com-contact-form { max-width: 1160px; margin: 0 auto; padding: 0 25px; margin-top: -171px; z-index: 20; position: relative; padding-bottom: 70px } .qedge-com-contact-form .qedge-com-form .content form { padding-bottom: 0 } .qedge-com-contact-form .qedge-com-form .content form .field { margin-bottom: 36px } .qedge-com-contact-form .qedge-com-form .content form .field .label:not(:last-child) { margin-bottom: 9px } .qedge-com-contact-form .qedge-com-form .content form .columns .column:last-child { padding-bottom: 0 } .qedge-com-contact-form .qedge-com-form .content form .columns .column:last-child .field { margin-bottom: 60px } .qedge-com-contact-form .qedge-com-slick-tabs .content .tab-contents .form-button { margin-top: 0 } @media screen and (max-width: 1024px) { .qedge-com-contact-form { margin-top: -105px; padding-bottom: 40px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .mktoForm { width: 100% !important; background-color: #fff; padding: 7% 10% 40px 10%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .mktoForm .mktoFormRow:has(input[type=hidden]) { display: none } .mktoForm .mktoFormRow { padding: .75rem; width: 33.333333% } .mktoForm .mktoFormRow.show { display: block } .mktoForm .mktoFormRow .mktoFormCol { width: 100%; margin-bottom: 5px !important } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLabel { width: 100% !important; font-weight: 400; font-size: 20px; color: #666; letter-spacing: 0; line-height: 34px } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLabel::after { display: inline-block !important; content: "*" !important; font-size: 1.2rem !important; color: #d0021b !important; margin-left: .4rem !important } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLabel .mktoAsterix { display: none } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=text], .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=number], .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=email], .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=password], .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=search], .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=tel], .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=url], .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField .button, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #Country, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #State, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #inquiryReason, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #Comment_Capture__c, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField textarea { width: 100% !important; height: 2.2rem; border: none; border-radius: 0; border-bottom: 1px solid #cacaca; font-size: 20px; color: #000; letter-spacing: 0; line-height: 34px; font-weight: 400; -webkit-box-shadow: none; box-shadow: none; padding: 0; -webkit-transition: all linear .3s; transition: all linear .3s } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=text] #Country option, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=number] #Country option, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=email] #Country option, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=password] #Country option, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=search] #Country option, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=tel] #Country option, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=url] #Country option, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField .button #Country option, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #Country #Country option, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #State #Country option, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #inquiryReason #Country option, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #Comment_Capture__c #Country option, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField textarea #Country option { padding: 4px 8px 4px 22px } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=text] #Country option:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=number] #Country option:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=email] #Country option:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=password] #Country option:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=search] #Country option:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=tel] #Country option:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=url] #Country option:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField .button #Country option:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #Country #Country option:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #State #Country option:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #inquiryReason #Country option:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #Comment_Capture__c #Country option:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField textarea #Country option:hover { background-color: #ccc } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=text]:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=text]:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=text]:active, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=number]:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=number]:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=number]:active, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=email]:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=email]:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=email]:active, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=password]:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=password]:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=password]:active, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=search]:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=search]:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=search]:active, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=tel]:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=tel]:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=tel]:active, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=url]:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=url]:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=url]:active, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField .button:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField .button:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField .button:active, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #Country:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #Country:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #Country:active, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #State:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #State:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #State:active, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #inquiryReason:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #inquiryReason:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #inquiryReason:active, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #Comment_Capture__c:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #Comment_Capture__c:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #Comment_Capture__c:active, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField textarea:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField textarea:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField textarea:active { outline: none } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=text]:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=number]:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=email]:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=password]:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=search]:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=tel]:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=url]:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField .button:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #Country:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #State:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #inquiryReason:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #Comment_Capture__c:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField textarea:focus { border-bottom-color: #000 } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap #Comment_Capture__c { width: 100% !important; height: 2.2rem; border: none; border-radius: 0; border-bottom: 1px solid #cacaca; font-size: 20px; color: #000; letter-spacing: 0; line-height: 34px; font-weight: 400; -webkit-box-shadow: none; box-shadow: none; padding: 0; -webkit-transition: all linear .3s; transition: all linear .3s } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap #Comment_Capture__c:hover, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap #Comment_Capture__c:focus, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap #Comment_Capture__c:active { outline: none } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap #Comment_Capture__c:focus { border-bottom-color: #000 } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoError { position: absolute; left: 0px !important; top: 100% !important; line-height: 1; padding-top: 10px } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoError .mktoErrorArrowWrap { display: none } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoError .mktoErrorMsg { display: inline; line-height: 1; left: 0; font-family: "Roboto", Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 400; right: initial; margin-top: 0; background-color: rgba(0, 0, 0, 0); background-image: none; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #d0021b; padding: 0; text-shadow: none; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out } .mktoForm .mktoFormRow .mktoOffset { display: none } .mktoForm .mktoFormRow .mktoCheckboxList.mktoInvalid { border: 0 } .mktoForm .mktoFormRow .mktoCheckboxList label { font-size: 15px; font-family: source-han-sans-simplified-c, sans-serif; line-height: 28.8px } .mktoForm .mktoFormRow .mktoCheckboxList input[type=checkbox]+label:before { margin-top: .7em; -webkit-box-shadow: none; box-shadow: none; color: #000; border: 1px solid #000 } .mktoForm .mktoFormRow:nth-child(6), .mktoForm .mktoFormRow:nth-child(9) { width: 66.666666% } .mktoForm .mktoFormRow:nth-child(7), .mktoForm .mktoFormRow:nth-child(10), .mktoForm .mktoFormRow:nth-child(11) { width: 100% } .mktoForm .mktoButtonRow { width: 100%; margin-top: 40px; margin-bottom: 60px } .mktoForm .mktoButtonRow .mktoButtonWrap { margin-left: 0px !important; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .mktoForm .mktoButtonRow .mktoButtonWrap.mktoRound button.mktoButton { min-width: 286px; min-height: 70px; background-color: #000; font-size: 26px; color: #fff; margin-top: 0px; opacity: 1 } .qedge-com-card-submit-info { background-color: #fff } @media screen and (max-width: 1024px) { .mktoForm { padding: 0 25px } .mktoForm .mktoFormRow { padding: 10px 12px; width: 100% } .mktoForm .mktoFormRow.show { display: block; width: 100% } .mktoForm .mktoFormRow .mktoFormCol { padding: 5px; margin: 0px !important } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLabel:not(:last-child) { margin-bottom: 9px } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLabel { font-size: 16px; color: #666; line-height: 24px } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLabel::after { font-size: 16px !important } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLabel .mktoAsterix { display: none } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=text], .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=number], .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=email], .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=password], .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=search], .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=tel], .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField input[type=url], .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField .button, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #Country, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField #inquiryReason, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField textarea { font-size: 14px; color: #000; line-height: 24px; border-bottom: .5px solid #e6e6e6 } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoError { padding: 0px 10px } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoError .mktoErrorMsg { font-size: 14px } .mktoForm .mktoFormRow:nth-child(5), .mktoForm .mktoFormRow:nth-child(6) { width: 100% } .mktoForm .mktoButtonRow { width: 100%; margin-top: 0; margin-bottom: 40px; padding: 10px 10px 22px } .mktoForm .mktoButtonRow .mktoButtonWrap.mktoRound button.mktoButton { margin-top: 10px; min-width: auto; min-height: auto; width: 134px; height: 36px; border-radius: 0px; font-size: 16px; margin-bottom: 10px; line-height: normal; display: inline-block; padding: 6px 0px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-swiper-arrow-top-right { position: relative; margin-bottom: 50px } .qedge-com-swiper-arrow-top-right .container { max-width: 1160px } .qedge-com-swiper-arrow-top-right>.container>.content, .qedge-com-swiper-arrow-top-right>.content { padding: 30px 25px 70px 25px } .qedge-com-swiper-arrow-top-right>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-swiper-arrow-top-right>.content.no-global-padding>.container>.content, .qedge-com-swiper-arrow-top-right>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-swiper-arrow-top-right:not(:last-of-type) { margin-bottom: 0px } .qedge-com-swiper-arrow-top-right.tab-content .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-title { font-size: 24px; color: #000; font-weight: 500 } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content { margin-top: 20px; position: relative; margin-bottom: 50px } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-inner { height: 411px; width: 540px; display: block } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-title { color: #666; padding-top: 25px; line-height: 1.2; background-color: #fff } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-title h1, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-title h2, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-title h3, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-title h4, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-title h5, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-title h6, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-title p, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-title em, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-title i, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-title b, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .qedge-com-product-image-card>.container>.content .title { padding-top: 20px; padding-bottom: 20px; background-color: #fff; margin-bottom: 0 } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .qedge-com-product-image-card>.container>.content .note { margin-top: 20px; background-color: #fff } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .product-card { background-color: #fafafa; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .product-card .image { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; width: 50%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .product-card .image img { display: block; height: 250px; width: 250px; -o-object-fit: cover; object-fit: cover } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .product-card .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 20px 20px 20px 10px; width: 50% } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .product-card .info .title { font-size: 20px; font-weight: 400; line-height: 28px; margin-bottom: 15px } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .product-card .info p { color: gray; line-height: 26px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .product-card .info .links a { color: gray; display: inline-block; position: relative; padding-right: 1.5em } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .product-card .info .links a::after { font-family: themify; content: ""; position: absolute; right: 0; bottom: -1px } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container { position: absolute; width: calc(100% - 40px); top: 50%; left: 20px; right: 20px; height: 44px; margin-top: -40px; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; height: 44px; width: 44px; border: 1px solid #bcbcbc; border-radius: 30px } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-next:after, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-prev:after { color: #fff; font-family: themify; font-size: 16px; font-weight: bold; text-shadow: 0 0 5px #000 } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-next:not(.swiper-button-disabled):hover, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-prev:not(.swiper-button-disabled):hover { background: rgba(102, 102, 102, .9); border: 1px solid #e0e0e0 } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-next.swiper-button-disabled, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-prev.swiper-button-disabled { visibility: hidden } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-next:after { content: "" } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-prev:after { content: "" } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-next { margin-left: 20px; margin-right: 0 } .qedge-com-swiper-arrow-top-right>.container>.content { padding-bottom: 30px } .qedge-com-swiper-arrow-top-right .swiper-summary { font-size: 16px; color: #666; text-align: justify; line-height: 28px; font-weight: 400; max-width: 730px; margin-top: 30px } .qedge-com-swiper-arrow-top-right.background-black { background-color: #000 } .qedge-com-swiper-arrow-top-right.background-black .level .level-left .level-item.title { color: #fff } .qedge-com-swiper-arrow-top-right.background-black .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-title { color: #fff; background-color: #000 } .qedge-com-swiper-arrow-top-right.background-black .qedge-com-ui-content .uai-swiper-container .swiper-slide .qedge-com-product-image-card>.container>.content .title { color: #fff; background-color: #000 } .qedge-com-swiper-arrow-top-right.background-black .qedge-com-ui-content .uai-swiper-container .swiper-slide .qedge-com-product-image-card>.container>.content .info { color: #fff; background-color: #000 } .qedge-com-swiper-arrow-top-right.background-black .qedge-com-ui-content .uai-swiper-container .swiper-slide .qedge-com-product-image-card>.container>.content .note { color: #fff; background-color: #000 } @media screen and (max-width: 1024px) { .qedge-com-swiper-arrow-top-right { margin-bottom: 0 } .qedge-com-swiper-arrow-top-right>.container>.content, .qedge-com-swiper-arrow-top-right>.content { padding: 32px 20px 48px 20px } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content { margin-bottom: 0; margin-top: 80px } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide { width: 100% !important } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-inner { height: 246px; width: auto; display: block } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-inner.video-js .vjs-big-play-button { left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); display: block } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-inner.vjs-controls-disabled .vjs-big-play-button, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-inner.vjs-has-started .vjs-big-play-button, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-inner.vjs-using-native-controls .vjs-big-play-button, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-inner.vjs-error .vjs-big-play-button { display: none } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .qedge-com-product-image-card>.container>.content .title { font-size: 16px } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .qedge-com-product-image-card>.container>.content .note { font-size: 14px } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; top: 0; right: 0; left: unset; margin-top: 0; height: 44px; margin-top: -60px; text-align: right } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button { height: 32px; width: 32px; border: 1px solid #000; position: static; background-color: #fff } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-next:after, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-prev:after { color: #333; font-family: themify; font-size: 16px; font-weight: bold; text-shadow: unset } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-next:not(.swiper-button-disabled):hover, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-prev:not(.swiper-button-disabled):hover { background: #fff; border: 1px solid #000 } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-next.swiper-button-disabled, .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-prev.swiper-button-disabled { visibility: visible } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-next:after { content: "" } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-prev:after { content: "" } .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .swiper-button-container .swiper-button-next { margin-right: 20px; margin-left: 16px } .qedge-com-swiper-arrow-top-right .qedge-com-news-title .content .level-left { width: 100% } .qedge-com-swiper-arrow-top-right.imply-swipe .qedge-com-ui-content { margin-top: 0 } .qedge-com-swiper-arrow-top-right.imply-swipe .qedge-com-ui-content .uai-swiper-container .swiper-slide { width: 85% !important } .qedge-com-swiper-arrow-top-right.imply-swipe .qedge-com-ui-content .uai-swiper-container .swiper-slide .product-card .image { width: 45% } .qedge-com-swiper-arrow-top-right.imply-swipe .qedge-com-ui-content .uai-swiper-container .swiper-slide .product-card .image img { height: 150px } .qedge-com-swiper-arrow-top-right.imply-swipe .qedge-com-ui-content .uai-swiper-container .swiper-slide .product-card .info { padding: 20px 0; width: 55% } .qedge-com-swiper-arrow-top-right.imply-swipe .qedge-com-ui-content .uai-swiper-container .swiper-slide .product-card .info .title { font-size: 18px; line-height: 26px } .qedge-com-swiper-arrow-top-right.imply-swipe .qedge-com-ui-content .uai-swiper-container .swiper-slide .product-card .info p { font-size: 14px; line-height: 20px } .qedge-com-swiper-arrow-top-right.imply-swipe .qedge-com-ui-content .uai-swiper-container .swiper-slide .product-card .info .links { font-size: 14px } .qedge-com-swiper-arrow-top-right.imply-swipe .qedge-com-ui-content .swiper-button-container { display: none } } .qedge-com-swiper-arrow-top-right-text { position: relative } .qedge-com-swiper-arrow-top-right-text .container { max-width: 1160px } .qedge-com-swiper-arrow-top-right-text>.container>.content, .qedge-com-swiper-arrow-top-right-text>.content { padding: 30px 25px 70px 25px } .qedge-com-swiper-arrow-top-right-text>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-swiper-arrow-top-right-text>.content.no-global-padding>.container>.content, .qedge-com-swiper-arrow-top-right-text>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-swiper-arrow-top-right-text .container .qedge-com-ui-content .uai-swiper-container .swiper-wrapper { margin-top: 100px } .qedge-com-swiper-arrow-top-right-text .container .qedge-com-ui-content .uai-swiper-container .swiper-wrapper .swiper-slide { background-position: center; background-size: cover; background-repeat: no-repeat; color: #fff; padding: 40px 70px; width: auto; height: 320px; font-weight: 100 } .qedge-com-swiper-arrow-top-right-text .container .qedge-com-ui-content .uai-swiper-container .swiper-wrapper .swiper-slide>div { width: 440px } .qedge-com-swiper-arrow-top-right-text .container .qedge-com-ui-content .uai-swiper-container .swiper-wrapper .swiper-slide .slide-title-part { margin: 0 0 35px 0 } .qedge-com-swiper-arrow-top-right-text .container .qedge-com-ui-content .uai-swiper-container .swiper-wrapper .swiper-slide .slide-title-main { margin: 20px 0 10px 0; font-weight: normal; font-size: 24px; color: #fff } .qedge-com-swiper-arrow-top-right-text .container .qedge-com-ui-content .uai-swiper-container .swiper-wrapper .swiper-slide .slide-content { border-top: 2px solid rgba(255, 255, 255, .5); padding-top: 20px } .qedge-com-swiper-arrow-top-right-text .container .qedge-com-ui-content .swiper-button-container-pure-text { position: absolute; right: 25px; width: 120px; top: 0px; margin-top: 40px; height: 44px; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-swiper-arrow-top-right-text .container .qedge-com-ui-content .swiper-button-container-pure-text .swiper-button { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; height: 44px; width: 44px; border: 1px solid #fff; border-radius: 30px } .qedge-com-swiper-arrow-top-right-text .container .qedge-com-ui-content .swiper-button-container-pure-text .swiper-button.swiper-button-prev::after { content: ""; color: #fff; font-family: themify; font-size: 16px } .qedge-com-swiper-arrow-top-right-text .container .qedge-com-ui-content .swiper-button-container-pure-text .swiper-button.swiper-button-next::after { content: ""; color: #fff; font-family: themify; font-size: 16px } @media screen and (max-width: 1024px) { .qedge-com-swiper-arrow-top-right-text>.container>.content, .qedge-com-swiper-arrow-top-right-text>.content { padding: 32px 20px 48px 20px } .qedge-com-swiper-arrow-top-right-text .container .qedge-com-ui-content .uai-swiper-container .swiper-wrapper .swiper-slide { display: block; padding: 30px 50px; height: auto; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .qedge-com-swiper-arrow-top-right-text .container .qedge-com-ui-content .uai-swiper-container .swiper-wrapper .swiper-slide>div { width: auto } .qedge-com-swiper-arrow-top-right-text .container .qedge-com-ui-content .swiper-button-container-pure-text { width: 100px } .qedge-com-swiper-arrow-top-right-text .container .qedge-com-ui-content .swiper-button-container-pure-text .swiper-button { height: 38px; width: 38px } } .qedge-com-experts-remarks { position: relative; width: 100%; margin-top: 50px; padding: 200px 0 120px 0 } .qedge-com-experts-remarks .container { max-width: 1160px } .qedge-com-experts-remarks>.container>.content, .qedge-com-experts-remarks>.content { padding: 30px 25px 70px 25px } .qedge-com-experts-remarks>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-experts-remarks>.content.no-global-padding>.container>.content, .qedge-com-experts-remarks>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-experts-remarks .container { width: 800px; color: #fff } .qedge-com-experts-remarks .container .index { position: relative; line-height: 1.5em } .qedge-com-experts-remarks .container .index::after { position: absolute; content: " "; display: block; height: 1px; right: 0; bottom: 4px; left: 3em; background-color: #d8d8d8 } .qedge-com-experts-remarks .container .index::before { position: absolute; content: " "; display: block; bottom: 4px; left: 24px; height: 1em; -webkit-transform: rotate(20deg); transform: rotate(20deg); width: 1px; background-color: #d8d8d8 } .qedge-com-experts-remarks .container .content-text { margin-top: 90px; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-experts-remarks .container .content-text .head-portrait { width: 165px; height: 165px; border-radius: 50%; background-color: rgba(255, 255, 255, .1); overflow: hidden } .qedge-com-experts-remarks .container .content-text .head-portrait img { width: 100%; height: 100% } .qedge-com-experts-remarks .container .content-text .content { margin-left: 25px; width: 540px } .qedge-com-experts-remarks .container .content-text .content .experts-title { font-size: 38px; margin-bottom: 50px } .qedge-com-experts-remarks .container .content-text .content .text { opacity: .6 } .qedge-com-experts-remarks .container .content-text .content .signature { text-align: right; margin-top: 30px } .qedge-com-experts-remarks .container .content-text .content .signature .name { font-size: 24px } .qedge-com-experts-remarks .container .content-text .content .signature .address { font-size: 14px; opacity: .6 } @media screen and (max-width: 1024px) { .qedge-com-experts-remarks .container { width: 100% } .qedge-com-experts-remarks .container .content-text { margin-top: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-experts-remarks .container .content-text .head-portrait { width: 165px; height: 165px; border-radius: 50%; background-color: rgba(255, 255, 255, .1); overflow: hidden; margin-bottom: 30px } .qedge-com-experts-remarks .container .content-text .head-portrait img { width: 100%; height: 100% } .qedge-com-experts-remarks .container .content-text .content { margin-left: 0; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-experts-remarks .container .content-text .content .experts-title { font-size: 38px; margin-bottom: 20px; text-align: center } .qedge-com-experts-remarks .container .content-text .content .text { opacity: .6; text-align: center } .qedge-com-experts-remarks .container .content-text .content .signature { text-align: right; margin-top: 20px } .qedge-com-experts-remarks .container .content-text .content .signature .name { font-size: 24px } .qedge-com-experts-remarks .container .content-text .content .signature .address { font-size: 14px; opacity: .6 } } @media screen and (max-width: 375px) { .qedge-com-experts-remarks .container .content-text .content .experts-title { font-size: 36px } } .qedge-com-product-left-image { width: 100%; margin: 70px 0 140px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-product-left-image .product-image { width: 50%; height: 100% } .qedge-com-product-left-image .product-image img { width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-product-left-image .product-container-title { font-size: 40px; color: #000; letter-spacing: 0; font-weight: 600 } .qedge-com-product-left-image .product-container-title.title-mobile { display: none } .qedge-com-product-left-image .product-container { width: 50%; height: 100%; padding-left: 30px } .qedge-com-product-left-image .product-container .product-container-content { width: 55%; margin-top: 30px; font-size: 16px; color: #666; text-align: left; line-height: 28px; font-weight: 400 } .qedge-com-product-left-image.margin-image { margin: 0; padding: 70px 0 } @media screen and (max-width: 1024px) { .qedge-com-product-left-image { margin: 70px 0 0 0; display: block } .qedge-com-product-left-image .product-image { width: 100% } .qedge-com-product-left-image .product-image img { width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-product-left-image .product-container { width: 100%; padding: 0 20px } .qedge-com-product-left-image .product-container .product-container-title { font-size: 24px; font-weight: bolder; margin-top: 10px } .qedge-com-product-left-image .product-container .product-container-title.title-pc { display: block } .qedge-com-product-left-image .product-container .product-container-title.title-mobile { display: none } .qedge-com-product-left-image .product-container .product-container-content { width: 100%; font-size: 14px; margin-top: 10px } .qedge-com-product-left-image.margin-image { margin: 0; padding: 32px 20px 48px 20px } .qedge-com-product-left-image.margin-image .product-container-title.title-pc { display: none } .qedge-com-product-left-image.margin-image .product-container-title.title-mobile { display: block; font-size: 24px; color: #000; font-weight: 700; margin-bottom: 38px; line-height: 1.2 } .qedge-com-product-left-image.margin-image .product-container { padding: 0 } } .qedge-com-swiper-image-text { margin: 50px auto; padding-top: 60px } .qedge-com-swiper-image-text .slide-text { background-color: #ddd; padding: 30px 40px 60px 40px; margin-top: -8px; color: #666 } .qedge-com-swiper-image-text .slide-text .slide-title { font-size: 12px; padding-bottom: 20px } .qedge-com-swiper-image-text .swiper-button-container { position: absolute; right: 10%; top: 0; height: 44px; margin-top: -60px; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-swiper-image-text .swiper-button-container .swiper-button { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; height: 44px; width: 44px; border: 1px solid #000; background: #fff; border-radius: 30px } .qedge-com-swiper-image-text .swiper-button-container .swiper-button-next:after, .qedge-com-swiper-image-text .swiper-button-container .swiper-button-prev:after { color: #333; font-family: themify; font-size: 16px } .qedge-com-swiper-image-text .swiper-button-container .swiper-button-next:after { content: "" } .qedge-com-swiper-image-text .swiper-button-container .swiper-button-prev:after { content: "" } .qedge-com-swiper-image-text .swiper-button-container .swiper-button-next { margin-left: 20px; margin-right: 0 } @media screen and (max-width: 1024px) { .qedge-com-swiper-image-text .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-inner { height: 300px; width: auto; display: block } .qedge-com-swiper-image-text .qedge-com-ui-content .swiper-button-container { top: 0; right: 0 } .qedge-com-swiper-image-text .qedge-com-ui-content .swiper-button-container .swiper-button { height: 32px; width: 32px } .qedge-com-swiper-image-text .qedge-com-ui-content .swiper-button-container .swiper-button-next { margin-right: 20px; margin-left: 16px } } .qedge-com-pet-picture-text { margin: 50px auto; margin-top: 20px } .qedge-com-pet-picture-text .container { max-width: 1160px } .qedge-com-pet-picture-text .container>.content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100% } .qedge-com-pet-picture-text .container>.content .pet-lef { width: 40%; height: 100% } .qedge-com-pet-picture-text .container>.content .pet-lef .pet-picture { height: 288px; border-radius: 15px; -webkit-box-shadow: 5px 5px 5px #aaa; box-shadow: 5px 5px 5px #aaa; overflow: hidden } .qedge-com-pet-picture-text .container>.content .pet-lef .pet-picture img { width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; vertical-align: middle } .qedge-com-pet-picture-text .container>.content .pet-lef .pet-text { padding-top: 20px; color: #666; width: 100% } .qedge-com-pet-picture-text .container>.content .pet-rgt { width: 50% } .qedge-com-pet-picture-text .container>.content .pet-rgt .title { font-weight: 400 } .qedge-com-pet-picture-text .container>.content .pet-rgt .title .title1 { font-size: 20px; line-height: 1.8 } .qedge-com-pet-picture-text .container>.content .pet-rgt .title .title2 { font-size: 40px; margin-bottom: 40px; line-height: 1.8 } .qedge-com-pet-picture-text .container>.content .pet-rgt .content { color: #666 } .qedge-com-pet-picture-text .container .lef-text-rgt-img { margin-top: 100px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse } .qedge-com-pet-picture-text .container .lef-text-rgt-img .pet-lef { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-pet-picture-text .container .lef-text-rgt-img .pet-lef .pet-picture { width: 80% } .qedge-com-pet-picture-text .container .lef-text-rgt-img .pet-rgt { padding-top: 40px } .qedge-com-pet-picture-text .container .lef-text-rgt-img .pet-rgt .title { font-size: 40px; margin-bottom: 40px; line-height: 50px } @media screen and (max-width: 1024px) { .qedge-com-pet-picture-text { padding: 0 20px } .qedge-com-pet-picture-text .container .content { display: block; width: 100%; height: auto; margin: 0; font-size: 14px } .qedge-com-pet-picture-text .container .content .pet-lef { width: 100% } .qedge-com-pet-picture-text .container .content .pet-lef .pet-text { font-size: 14px } .qedge-com-pet-picture-text .container .content .pet-rgt { width: 100% } .qedge-com-pet-picture-text .container .content .pet-rgt .title { margin: 10px 0 0 0; font-size: 20px; line-height: 35px } .qedge-com-pet-picture-text .container .content .pet-rgt .title .title1 { margin-bottom: 0 } .qedge-com-pet-picture-text .container .content .pet-rgt .title .title2 { font-size: 20px; line-height: 35px; margin-bottom: 10px } .qedge-com-pet-picture-text .container .content .pet-rgt .content { font-size: 14px; width: 100% } .qedge-com-pet-picture-text .container .lef-text-rgt-img { margin-top: 30px } .qedge-com-pet-picture-text .container .lef-text-rgt-img .pet-lef .pet-picture { width: 100% } .qedge-com-pet-picture-text .container .lef-text-rgt-img .pet-rgt { padding-top: 10px } .qedge-com-pet-picture-text .container .lef-text-rgt-img .pet-rgt .title { margin-bottom: 10px } } .qedge-com-instance-have-main-title { margin: 120px auto 0 } .qedge-com-instance-have-main-title .container { max-width: 1160px } .qedge-com-instance-have-main-title .container .content { margin: 80px 0 150px 0; padding: 0 25px } .qedge-com-instance-have-main-title .container .content .index { position: relative; line-height: 1.5em; color: #666 } .qedge-com-instance-have-main-title .container .content .index::after { position: absolute; content: " "; display: block; height: 1px; right: 0; bottom: 4px; left: 3em; background-color: #bbb } .qedge-com-instance-have-main-title .container .content .index::before { position: absolute; content: " "; display: block; bottom: 4px; left: 24px; height: 1em; -webkit-transform: rotate(20deg); transform: rotate(20deg); width: 1px; background-color: #bbb } .qedge-com-instance-have-main-title .container .content .instance { padding-top: 85px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-instance-have-main-title .container .content .instance .instance-title { color: #000; width: 350px; line-height: 50px } .qedge-com-instance-have-main-title .container .content .instance .instance-title .title1 { font-size: 40px; margin-right: 20px } .qedge-com-instance-have-main-title .container .content .instance .instance-title .subtitle1 { font-size: 24px } .qedge-com-instance-have-main-title .container .content .instance .instance-text { width: 70%; color: #666 } .qedge-com-instance-have-main-title .container .qedge-com-ui-content { position: relative; padding: 0 25px } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-button-container { position: absolute; right: 25px; top: 0; height: 44px; margin-top: -60px; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-button-container .swiper-button { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; height: 44px; width: 44px; border: 1px solid #000; background-color: #fff; border-radius: 30px } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-button-container .swiper-button-next:after, .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-button-container .swiper-button-prev:after { color: #333; font-family: themify; font-size: 16px } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-button-container .swiper-button-next:after { content: "" } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-button-container .swiper-button-prev:after { content: "" } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-button-container .swiper-button-next { margin-left: 20px; margin-right: 0 } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-slide { width: auto } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-slide img.slide-inner { width: 540px; height: 411px } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-slide .slide-text { width: 540px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ddd; padding: 20px 40px 10px 40px; margin-top: -8px; min-height: 320px; font-size: 14px; overflow: hidden; color: #666 } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-slide .slide-text .slide-title-main { font-size: 24px; color: #000; margin: 10px 0 30px 0 } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-slide .slide-text .slide-title { font-size: 12px; padding-bottom: 20px } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-slide .slide-text.white-bg-color { background-color: #fff; padding-left: 0; padding-right: 0; font-size: 16px; min-height: auto } @media screen and (max-width: 1024px) { .qedge-com-instance-have-main-title { width: 90%; margin: 30px auto } .qedge-com-instance-have-main-title .container .content { margin: 20px 0; padding: 0 } .qedge-com-instance-have-main-title .container .content .instance { padding-top: 20px; display: block } .qedge-com-instance-have-main-title .container .content .instance .instance-title { color: #000; width: 100% } .qedge-com-instance-have-main-title .container .content .instance .instance-title .title1 { font-size: 16px } .qedge-com-instance-have-main-title .container .content .instance .instance-title .subtitle1 { font-size: 22px; line-height: 34px; margin-bottom: 16px } .qedge-com-instance-have-main-title .container .content .instance .instance-text { width: 100%; font-size: 14px } .qedge-com-instance-have-main-title .container .qedge-com-ui-content { padding: 0 } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-inner { height: 300px; width: auto; display: block } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-button-container { top: 0; right: 0 } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-button-container .swiper-button { height: 32px; width: 32px } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .swiper-button-container .swiper-button-next { margin-right: 20px; margin-left: 16px } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .slide-text { padding: 20px 40px 10px 40px; height: 350px; color: #666 } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .slide-text .slide-title-main { font-size: 20px; color: #000; margin: 5px 0 10px 0 } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .slide-text .slide-title { font-size: 12px; padding-bottom: 10px } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .slide-text .slide-content { font-size: 14px } .qedge-com-instance-have-main-title .container .qedge-com-ui-content .uai-swiper-container .slide-text { height: auto; width: 100% } } .qedge-com-uInnovation-ultra-wide-angle { margin: 85px auto; width: 60% } .qedge-com-uInnovation-ultra-wide-angle .container .content .index { position: relative; line-height: 1.5em; color: #666 } .qedge-com-uInnovation-ultra-wide-angle .container .content .index::after { position: absolute; content: " "; display: block; height: 1px; right: 0; bottom: 4px; left: 3em; background-color: #bbb } .qedge-com-uInnovation-ultra-wide-angle .container .content .index::before { position: absolute; content: " "; display: block; bottom: 4px; left: 24px; height: 1em; -webkit-transform: rotate(20deg); transform: rotate(20deg); width: 1px; background-color: #bbb } .qedge-com-uInnovation-ultra-wide-angle .container .content .ultra-wide-angle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 90px } .qedge-com-uInnovation-ultra-wide-angle .container .content .ultra-wide-angle .ultra-wide-angle-title { width: 50%; font-size: 38px } .qedge-com-uInnovation-ultra-wide-angle .container .content .ultra-wide-angle .ultra-wide-angle-text { width: 50%; color: #666 } .qedge-com-uInnovation-ultra-wide-angle .container .content .ultra-wide-angle .ultra-wide-angle-text>div { margin-bottom: 40px } .qedge-com-uInnovation-ultra-wide-angle .container .ultra-wide-angle-image { width: 100%; height: auto } .qedge-com-uInnovation-ultra-wide-angle .container .content-under { margin-top: 85px; color: #666 } .qedge-com-uInnovation-ultra-wide-angle .container .content-under>div { margin-bottom: 40px } .qedge-simple-image { margin: 85px auto } .qedge-simple-image .container { max-width: 100% } .qedge-simple-image .container img { height: 600px; -o-object-fit: cover; object-fit: cover } @media screen and (max-width: 1024px) { .qedge-com-uInnovation-ultra-wide-angle { width: 90% } .qedge-com-uInnovation-ultra-wide-angle .container .content .ultra-wide-angle { display: block; margin-top: 30px } .qedge-com-uInnovation-ultra-wide-angle .container .content .ultra-wide-angle .ultra-wide-angle-title { width: 100%; font-size: 20px; margin-bottom: 30px } .qedge-com-uInnovation-ultra-wide-angle .container .content .ultra-wide-angle .ultra-wide-angle-text { width: 100%; font-size: 14px } .qedge-com-uInnovation-ultra-wide-angle .container .content .ultra-wide-angle .ultra-wide-angle-text>div { margin-bottom: 20px } .qedge-com-uInnovation-ultra-wide-angle .container .ultra-wide-angle-image { width: 100%; height: auto } .qedge-com-uInnovation-ultra-wide-angle .container .content-under { margin-top: 35px; font-size: 14px } .qedge-com-uInnovation-ultra-wide-angle .container .content-under>div { margin-bottom: 20px } .qedge-simple-image { margin: 45px auto } .qedge-simple-image .container { max-width: 100% } .qedge-simple-image .container img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover } } .qedge-com-job-dialog-u-base { display: none } .qedge-com-job-dialog-u-base .container .content { margin: auto; width: 60% } .qedge-com-job-dialog-u-base .container .content .title { font-size: 40px; text-align: center; letter-spacing: 1.5px; line-height: 50px; margin-bottom: 60px; width: 100% } .qedge-com-job-dialog-u-base .container .content .subtitle { text-align: center; line-height: 28px; font-size: 16px; width: 100% } .qedge-com-job-dialog-u-base .container .content .text { color: #666; text-align: center; line-height: 28px; width: 100% } .qedge-com-job-dialog-u-base .container .content .details { margin-top: 70px; width: 100% } .qedge-com-job-dialog-u-base .container .content .details ul { margin: 0 } .qedge-com-job-dialog-u-base .container .content .details ul li { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 60px } .qedge-com-job-dialog-u-base .container .content .details ul li .picture { width: 60px; height: 60px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 35px; text-align: center } .qedge-com-job-dialog-u-base .container .content .details ul li .picture .last-icon { height: 39px; width: 35px } .qedge-com-job-dialog-u-base .container .content .details ul li .picture img { width: 100%; height: 100% } .qedge-com-job-dialog-u-base .container .content .details ul li .content { width: 100% } .qedge-com-job-dialog-u-base .container .content .details ul li .content .title { margin-top: 0; margin-bottom: 20px; font-size: 16px; line-height: 28px; text-align: center; width: 100% } .qedge-com-job-dialog-u-base .container .content .details ul li .content .text { color: #666; line-height: 28px; text-align: left } @media screen and (max-width: 1024px) { .qedge-com-job-dialog-u-base .container .content { margin: auto; width: 90% } .qedge-com-job-dialog-u-base .container .content .title { font-size: 24px; line-height: 30px; margin-bottom: 40px; width: unset } .qedge-com-job-dialog-u-base .container .content .subtitle { line-height: 20px; font-size: 14px; width: unset } .qedge-com-job-dialog-u-base .container .content .text { font-size: 14px; line-height: 20px; width: unset } .qedge-com-job-dialog-u-base .container .content .details { margin-top: 30px; width: unset } .qedge-com-job-dialog-u-base .container .content .details ul li { margin-bottom: 30px } .qedge-com-job-dialog-u-base .container .content .details ul li .picture { margin-right: 15px } .qedge-com-job-dialog-u-base .container .content .details ul li .picture img { width: 100%; height: 100% } .qedge-com-job-dialog-u-base .container .content .details ul li .content { width: 100% } .qedge-com-job-dialog-u-base .container .content .details ul li .content .title { font-size: 14px; line-height: 20px; width: unset; text-align: left } .qedge-com-job-dialog-u-base .container .content .details ul li .content .text { line-height: 20px } } .qedge-com-job-dialog-u-elite { display: none; margin-bottom: 60px } .qedge-com-job-dialog-u-elite .container .content { margin: auto } .qedge-com-job-dialog-u-elite .container .content .title { font-size: 40px; letter-spacing: 1.5px; text-align: center; line-height: 50px } .qedge-com-job-dialog-u-elite .container .content .subtitle { font-size: 16px; color: #666; letter-spacing: 0; text-align: center; line-height: 28px; margin-top: 20px } .qedge-com-job-dialog-u-elite .container .content .details { margin-top: 30px } .qedge-com-job-dialog-u-elite .container .content .details ul { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-job-dialog-u-elite .container .content .details ul li { list-style: none; border: 2px solid #eee; height: auto; width: 212px; text-align: left; padding: 52px 21px; border-left: 0 } .qedge-com-job-dialog-u-elite .container .content .details ul li .sorting-number { font-size: 24px; letter-spacing: 0; line-height: 36px; margin-bottom: 5px } .qedge-com-job-dialog-u-elite .container .content .details ul li .title { font-size: 16px; color: #000; letter-spacing: 0; line-height: 28px; text-align: left; margin: 0 } .qedge-com-job-dialog-u-elite .container .content .details ul li .content { font-size: 16px; color: #666; line-height: 28px; text-align: left; margin-top: 20px } .qedge-com-job-dialog-u-elite .container .content .details ul li:nth-child(1) { margin-top: 4px; border-left: 2px solid #eee } @media screen and (max-width: 1024px) { .qedge-com-job-dialog-u-elite { margin-bottom: 60px } .qedge-com-job-dialog-u-elite .container .content { margin: auto; width: 90% } .qedge-com-job-dialog-u-elite .container .content .title { font-size: 24px; line-height: 30px } .qedge-com-job-dialog-u-elite .container .content .subtitle { line-height: 20px; font-size: 14px; margin-top: 20px } .qedge-com-job-dialog-u-elite .container .content .details { margin-top: 20px } .qedge-com-job-dialog-u-elite .container .content .details ul { margin: 0; -ms-flex-wrap: wrap; flex-wrap: wrap } .qedge-com-job-dialog-u-elite .container .content .details ul li { height: auto; margin: 5px auto; border-left: 2px solid #eee; width: 100% } .qedge-com-job-dialog-u-elite .container .content .details ul li .sorting-number { font-size: 18px; line-height: 20px; margin-bottom: 5px } .qedge-com-job-dialog-u-elite .container .content .details ul li .title { font-size: 16px; line-height: 28px } .qedge-com-job-dialog-u-elite .container .content .details ul li .content { font-size: 14px; line-height: 20px; width: 100% } } .qedge-com-job-dialog-u-life { display: none; margin-bottom: 60px } .qedge-com-job-dialog-u-life .container { width: 75% } .qedge-com-job-dialog-u-life .container .content .life-item { width: 100% } .qedge-com-job-dialog-u-life .container .content .title { font-size: 16px; letter-spacing: 0; line-height: 28px; margin-top: 40px; margin-bottom: 20px } .qedge-com-job-dialog-u-life .container .content .text { font-size: 16px; color: #666; letter-spacing: 0; line-height: 28px; margin-bottom: 60px } @media screen and (max-width: 1024px) { .qedge-com-job-dialog-u-life .container { width: 90% } .qedge-com-job-dialog-u-life .container .content .life-item { width: unset } .qedge-com-job-dialog-u-life .container .content .title { font-size: 14px; line-height: 20px; margin-top: 20px; margin-bottom: 10px } .qedge-com-job-dialog-u-life .container .content .text { font-size: 14px; line-height: 20px; margin-bottom: 30px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-copyright .container { max-width: 1160px } .qedge-com-copyright .content { color: #666; font-size: 14px; padding: 30px 25px 100px 25px } .qedge-com-copyright .content h1, .qedge-com-copyright .content h2, .qedge-com-copyright .content h3, .qedge-com-copyright .content h4, .qedge-com-copyright .content h5, .qedge-com-copyright .content h6, .qedge-com-copyright .content a, .qedge-com-copyright .content p, .qedge-com-copyright .content em, .qedge-com-copyright .content i, .qedge-com-copyright .content b, .qedge-com-copyright .content address { color: inherit } .qedge-com-copyright .content a:hover, .qedge-com-copyright .content a:focus, .qedge-com-copyright .content a:active { color: #0599c8 } .qedge-com-copyright .content span:first-child:after { content: " ｜ " } .qedge-com-copyright .content .image-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-copyright .content .image-links a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-copyright .content .image-links a img { display: block; height: 22px; margin-right: 5px } .qedge-com-copyright .content .social-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-copyright .content .social-links a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 15px } .qedge-com-copyright .content .social-links a img { height: 22px; margin-right: 0 } .qedge-com-copyright .content .social-links a:last-child { padding-right: 0px } .qedge-com-copyright .content .social-links .wx-image { padding-right: 15px; position: relative } .qedge-com-copyright .content .social-links .wx-image .wx { width: 200px; height: 200px; display: none; position: absolute; bottom: 45px; right: -65px; margin: auto } .qedge-com-copyright .content .social-links .wx-image .wx img { width: 100% } .qedge-com-copyright .content .social-links .wx-image:hover .wx { display: block } .qedge-com-copyright .content .columns { margin-bottom: 10px } @media screen and (max-width: 1024px) { .qedge-com-copyright .content { font-size: 12px; padding: 0px 20px 20px; text-align: center } .qedge-com-copyright .content .company-info { padding: 40px 0 10px 0; font-size: 12px; color: #666; letter-spacing: 0; line-height: 22px; font-weight: 400 } .qedge-com-copyright .content .company-info span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left } .qedge-com-copyright .content .company-info span:first-child:after { content: "" } .qedge-com-copyright .content .company-info.certificate-qualification { padding-top: 0; text-align: left } .qedge-com-copyright .content .image-links { font-size: 12px; color: #666; letter-spacing: 0; line-height: 22px; font-weight: 400 } .qedge-com-copyright .content .image-links a img { height: 14px; margin: 0 5px 3px 0 } .qedge-com-copyright .content .image-links .wx-image { display: none } .qedge-com-copyright .content .social-links { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .qedge-com-copyright .content .social-links a img { width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover } .qedge-com-copyright .content .social-links .wx-image:hover .wx { left: -10px } .qedge-com-copyright .content .columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-copyright .content .columns>div:last-child { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-job-video { background: #000 } .qedge-com-job-video.bg-color-white { background: none } .qedge-com-job-video.bg-color-white>.title { max-width: 1150px; margin: 0 auto; padding: 0 20px; font-size: 40px; color: #000; letter-spacing: 0; line-height: 50px; font-weight: 700 } .qedge-com-job-video.bg-color-white .video-play-first { padding-top: 60px } .qedge-com-job-video.bg-color-white .video-play-first .video-content { color: #000; margin-top: 40px } .qedge-com-job-video.bg-color-white .vjs-poster { background-size: cover } .qedge-com-job-video.bg-color-white .video-play-bottom .qedge-com-slider .basic-list .list-item .video-content { color: #000; margin-top: 20px } .qedge-com-job-video.bg-color-white .video-play-bottom .qedge-com-slider .basic-list .list-item .video-play { height: 197px; position: relative } .qedge-com-job-video.bg-color-white .video-play-bottom .qedge-com-slider .basic-list .list-item .video-play .video-js { height: 197px } .qedge-com-job-video.bg-color-white .video-play-bottom .qedge-com-slider .basic-list .list-item .video-play .vjs-tech { height: 197px } .qedge-com-job-video.bg-color-white .video-play-bottom .qedge-com-slider .basic-list .list-item .video-play .play-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; height: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0); border: 2px solid #fff } .qedge-com-job-video.bg-color-white .video-play-bottom .qedge-com-slider .basic-list .list-item .video-play .play-button span { font-size: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer } .qedge-com-job-video.bg-color-white .video-play-bottom .qedge-com-slider .basic-list .list-item .video-play .play-button span::before { position: relative } .qedge-com-job-video.job-video-hidden { padding-bottom: 105px } .qedge-com-job-video .job-video { padding: 0 20px; max-width: 1150px; margin: 0 auto } .qedge-com-job-video .video-play-first { padding-top: 140px } .qedge-com-job-video .video-play-first #first-video { cursor: pointer } .qedge-com-job-video .video-play-first .video-js .vjs-text-track-display { bottom: 0em } .qedge-com-job-video .video-play-first .video-js .vjs-big-play-button { top: 42%; left: 45.5%; width: 100px; height: 100px; border-radius: 50%; background-color: rgba(0, 0, 0, 0); border: 2px solid #fff } .qedge-com-job-video .video-play-first .video-js .vjs-big-play-button .vjs-icon-placeholder { font-size: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-job-video .video-play-first .video-js .vjs-big-play-button .vjs-icon-placeholder::before { position: relative } .qedge-com-job-video .video-play-first .video-content { margin-top: 20px; font-weight: normal; font-size: 24px; color: #fff } .qedge-com-job-video .video-play-first .video-content h1, .qedge-com-job-video .video-play-first .video-content h2, .qedge-com-job-video .video-play-first .video-content h3, .qedge-com-job-video .video-play-first .video-content h4, .qedge-com-job-video .video-play-first .video-content h5, .qedge-com-job-video .video-play-first .video-content h6, .qedge-com-job-video .video-play-first .video-content p, .qedge-com-job-video .video-play-first .video-content em, .qedge-com-job-video .video-play-first .video-content i, .qedge-com-job-video .video-play-first .video-content b, .qedge-com-job-video .video-play-first .video-content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-job-video .video-play-bottom { margin-top: 65px; padding-bottom: 105px } .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .slick-list .slick-track .slick-slide { -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; float: unset } .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item.jobs { padding: 0 7.5px 0 7.5px } .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item.jobs:first-child { padding: 0 7.5px 0 0 } .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item.jobs:last-child { padding: 0 0 0 7.5px } .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item .video-play { height: 144px; width: auto } .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item .video-play img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item .video-content { margin-top: 10px; font-size: 16px; color: #fff; letter-spacing: 0; line-height: 1.8 } .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item .video-content h1, .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item .video-content h2, .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item .video-content h3, .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item .video-content h4, .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item .video-content h5, .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item .video-content h6, .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item .video-content p, .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item .video-content em, .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item .video-content i, .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item .video-content b, .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .list-item .video-content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } @media screen and (max-width: 1024px) { .qedge-com-job-video.job-video-hidden { padding-bottom: 48px } .qedge-com-job-video.bg-color-white { background: none } .qedge-com-job-video.bg-color-white>.title { font-size: 24px; line-height: 34px; max-width: 100% } .qedge-com-job-video.bg-color-white .video-play-first { padding-top: 45px } .qedge-com-job-video.bg-color-white .video-play-first .video-content { margin-top: 20px } .qedge-com-job-video.bg-color-white .video-play-bottom { padding-bottom: 48px } .qedge-com-job-video.bg-color-white .video-play-bottom .qedge-com-slider .basic-list .list-item .video-play { height: 81px } .qedge-com-job-video.bg-color-white .video-play-bottom .qedge-com-slider .basic-list .list-item .video-play .vjs-big-play-button.play-button { display: none } .qedge-com-job-video.bg-color-white .video-play-bottom .qedge-com-slider .basic-list .list-item .video-play .video-js { height: 81px } .qedge-com-job-video.bg-color-white .video-play-bottom .qedge-com-slider .basic-list .list-item .video-play .vjs-tech { height: 81px } .qedge-com-job-video .video-play-first { padding-top: 80px } .qedge-com-job-video .video-play-first .video-js .vjs-big-play-button { font-size: 20px; width: 32px; height: 32px; border: 1px solid #fff } .qedge-com-job-video .video-play-first .video-js .vjs-big-play-button .vjs-icon-placeholder { font-size: 20px } .qedge-com-job-video .video-play-first .video-content { font-size: 16px; line-height: 26px } .qedge-com-job-video .video-play-bottom { margin-top: 25px; padding-bottom: 80px; height: 100% } .qedge-com-job-video .video-play-bottom .qedge-com-slider { height: 100% } .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .slick-list .slick-track .list-item.slick-slide.jobs { height: auto } .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .slick-list .slick-track .list-item.slick-slide.jobs .video-play { height: 81px } .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .slick-list .slick-track .list-item.slick-slide.jobs .video-play .video-js { height: 81px } .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .slick-list .slick-track .list-item.slick-slide.jobs .video-play .video-js .vjs-tech { height: 81px } .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .slick-list .slick-track .list-item.slick-slide.jobs .video-play .video-js .vjs-big-play-button.play-button { display: none } .qedge-com-job-video .video-play-bottom .qedge-com-slider .basic-list .slick-list .slick-track .list-item.slick-slide.jobs .video-content { font-size: 12px; line-height: 22px } .qedge-com-job-video+section.qedge-com-section:not(.bg-color-fa)>.container>.content { padding-top: 72px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-campus-image-text-item { padding-bottom: 70px } .qedge-com-campus-image-text-item .container { max-width: 1110px } .qedge-com-campus-image-text-item .container .content { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-campus-image-text-item .container .content .display-img { width: 50%; height: 410px; padding-right: 15px } .qedge-com-campus-image-text-item .container .content .display-img img { -o-object-fit: cover; object-fit: cover; display: block; height: 100%; width: 100% } .qedge-com-campus-image-text-item .container .content .introduction { width: 50%; padding: 0 70px 0 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-campus-image-text-item .container .content .introduction .job-details .quotation-marks { margin-top: 35px; margin-bottom: 45px } .qedge-com-campus-image-text-item .container .content .introduction .job-details .title { font-size: 24px; color: #000; margin-bottom: 12px } .qedge-com-campus-image-text-item .container .content .introduction .job-details .title h1, .qedge-com-campus-image-text-item .container .content .introduction .job-details .title h2, .qedge-com-campus-image-text-item .container .content .introduction .job-details .title h3, .qedge-com-campus-image-text-item .container .content .introduction .job-details .title h4, .qedge-com-campus-image-text-item .container .content .introduction .job-details .title h5, .qedge-com-campus-image-text-item .container .content .introduction .job-details .title h6, .qedge-com-campus-image-text-item .container .content .introduction .job-details .title p, .qedge-com-campus-image-text-item .container .content .introduction .job-details .title em, .qedge-com-campus-image-text-item .container .content .introduction .job-details .title i, .qedge-com-campus-image-text-item .container .content .introduction .job-details .title b, .qedge-com-campus-image-text-item .container .content .introduction .job-details .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-campus-image-text-item .container .content .introduction .job-details .sub-title { font-size: 20px; color: #000; margin-bottom: 15px } .qedge-com-campus-image-text-item .container .content .introduction .job-details .sub-title h1, .qedge-com-campus-image-text-item .container .content .introduction .job-details .sub-title h2, .qedge-com-campus-image-text-item .container .content .introduction .job-details .sub-title h3, .qedge-com-campus-image-text-item .container .content .introduction .job-details .sub-title h4, .qedge-com-campus-image-text-item .container .content .introduction .job-details .sub-title h5, .qedge-com-campus-image-text-item .container .content .introduction .job-details .sub-title h6, .qedge-com-campus-image-text-item .container .content .introduction .job-details .sub-title p, .qedge-com-campus-image-text-item .container .content .introduction .job-details .sub-title em, .qedge-com-campus-image-text-item .container .content .introduction .job-details .sub-title i, .qedge-com-campus-image-text-item .container .content .introduction .job-details .sub-title b, .qedge-com-campus-image-text-item .container .content .introduction .job-details .sub-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-campus-image-text-item .container .content .introduction .job-details .description { font-size: 16px; color: #666; line-height: 1.8 } .qedge-com-campus-image-text-item .container .content .introduction .job-details .description h1, .qedge-com-campus-image-text-item .container .content .introduction .job-details .description h2, .qedge-com-campus-image-text-item .container .content .introduction .job-details .description h3, .qedge-com-campus-image-text-item .container .content .introduction .job-details .description h4, .qedge-com-campus-image-text-item .container .content .introduction .job-details .description h5, .qedge-com-campus-image-text-item .container .content .introduction .job-details .description h6, .qedge-com-campus-image-text-item .container .content .introduction .job-details .description p, .qedge-com-campus-image-text-item .container .content .introduction .job-details .description em, .qedge-com-campus-image-text-item .container .content .introduction .job-details .description i, .qedge-com-campus-image-text-item .container .content .introduction .job-details .description b, .qedge-com-campus-image-text-item .container .content .introduction .job-details .description address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-campus-image-text-item .container .content .introduction .job-details .motto { margin-top: 40px; width: 161px; height: 13px; background: url("../images/samples/passion-for-change/en-gray.svg") } .qedge-com-campus-image-text-item .container .content .introduction .job-title { font-size: 16px; color: #000; line-height: 1.8 } .qedge-com-campus-image-text-item .container .content .introduction .job-title h1, .qedge-com-campus-image-text-item .container .content .introduction .job-title h2, .qedge-com-campus-image-text-item .container .content .introduction .job-title h3, .qedge-com-campus-image-text-item .container .content .introduction .job-title h4, .qedge-com-campus-image-text-item .container .content .introduction .job-title h5, .qedge-com-campus-image-text-item .container .content .introduction .job-title h6, .qedge-com-campus-image-text-item .container .content .introduction .job-title p, .qedge-com-campus-image-text-item .container .content .introduction .job-title em, .qedge-com-campus-image-text-item .container .content .introduction .job-title i, .qedge-com-campus-image-text-item .container .content .introduction .job-title b, .qedge-com-campus-image-text-item .container .content .introduction .job-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-campus-image-text-item.text-left .container .content { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .qedge-com-campus-image-text-item.text-left .container .content .display-img { padding-right: 0; padding-left: 15px } .qedge-com-campus-image-text-item.text-left .container .content .introduction { padding-left: 0 } html[lang=zh] .qedge-com-campus-image-text-item .container .content .introduction .job-details .motto { width: 240px; height: 16px; margin-top: 40px; background: url("../images/samples/passion-for-change/cn-gray.svg") } @media screen and (max-width: 1024px) { .qedge-com-campus-image-text-item { padding-bottom: 40px } .qedge-com-campus-image-text-item:last-child { padding-bottom: 30px } .qedge-com-campus-image-text-item .container .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 2px; -webkit-box-shadow: inset 0 -1px 0 0 #e6e6e6; box-shadow: inset 0 -1px 0 0 #e6e6e6 } .qedge-com-campus-image-text-item .container .content .display-img { padding-right: 0; width: 100%; height: 188px } .qedge-com-campus-image-text-item .container .content .introduction { width: 100%; padding: 0 } .qedge-com-campus-image-text-item .container .content .introduction .job-details .quotation-marks { width: 32px; height: 26px; margin-top: 30px; margin-bottom: 30px } .qedge-com-campus-image-text-item .container .content .introduction .job-details .title { font-size: 16px; line-height: 26px } .qedge-com-campus-image-text-item .container .content .introduction .job-details .sub-title { font-size: 14px; line-height: 24px } .qedge-com-campus-image-text-item .container .content .introduction .job-details .description { font-size: 14px; line-height: 24px } .qedge-com-campus-image-text-item .container .content .introduction .job-title { margin-top: 30px; font-size: 14px; line-height: 24px } .qedge-com-campus-image-text-item.text-left .container .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-campus-image-text-item.text-left .container .content .display-img { width: 100%; padding-left: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-popup-content { display: none } .qedge-com-popup-content .container .content { max-width: 80%; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 30px } .qedge-com-popup-content .container .content .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; font-size: 40px; color: #000; font-weight: bold; margin-bottom: 80px } .qedge-com-popup-content .container .content .title h1, .qedge-com-popup-content .container .content .title h2, .qedge-com-popup-content .container .content .title h3, .qedge-com-popup-content .container .content .title h4, .qedge-com-popup-content .container .content .title h5, .qedge-com-popup-content .container .content .title h6, .qedge-com-popup-content .container .content .title p, .qedge-com-popup-content .container .content .title em, .qedge-com-popup-content .container .content .title i, .qedge-com-popup-content .container .content .title b, .qedge-com-popup-content .container .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-popup-content .container .content .details { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .qedge-com-popup-content .container .content .details .QA-index { margin-right: 25px; margin-top: -20px; width: 20% } .qedge-com-popup-content .container .content .details .QA-index ul { margin: 0; list-style: none } .qedge-com-popup-content .container .content .details .QA-index ul li { margin-top: 0; font-size: 18px; color: #666; padding-left: 13px; padding: 10px 13px; border-left: 1px solid #d7d7d7 } .qedge-com-popup-content .container .content .details .QA-index ul li.active { font-weight: bold; color: #000; border-left: 1px solid #000; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: linear; transition-timing-function: linear } .qedge-com-popup-content .container .content .details .QA-index ul li:hover { cursor: pointer } .qedge-com-popup-content .container .content .details .QA-content { overflow-y: auto; overflow: -moz-scrollbars-none; max-height: calc(100vh - 360px); margin-top: -20px; width: 80%; margin-bottom: 70px } .qedge-com-popup-content .container .content .details .QA-content::-webkit-scrollbar { display: none } .qedge-com-popup-content .container .content .details .QA-content .content-item { background: #f8f9fa; margin-bottom: 20px; padding: 40px 35px } .qedge-com-popup-content .container .content .details .QA-content .content-item .content-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; padding-bottom: 50px; font-size: 24px; color: #000; line-height: 1.125 } .qedge-com-popup-content .container .content .details .QA-content .content-item .content-details hr { height: 1px; border-top: 1px dashed #ccc; margin: 40px auto } .qedge-com-popup-content .container .content .details .QA-content .content-item .content-details .question { font-weight: bold; font-size: 16px; color: #000; line-height: 1.125; margin-bottom: 20px } .qedge-com-popup-content .container .content .details .QA-content .content-item .content-details .answer { text-align: justify; font-size: 16px; color: #666; line-height: 1.8 } .qedge-com-popup-content .container .content .details .QA-content .content-item .content-details .answer .steps .jobs-arrow { display: inline-block; margin: 0 5px 0 10px; border: 5px solid rgba(0, 0, 0, 0); border-left: 10px solid #666; width: 5px; height: 5px } .qedge-com-popup-content .container .content .details .QA-content .content-item .content-details .img-display { margin-bottom: 0 } .qedge-com-popup-content .container .content .details .img-display { width: 100%; height: 100%; margin-bottom: 140px; text-align: center } .qedge-com-popup-content .container .content .details .img-display img { height: auto; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain;" } @media screen and (max-width: 1024px) { .qedge-com-popup-content .container .content { padding: 20px 15px; max-width: 100% } .qedge-com-popup-content .container .content .title { font-size: 24px; line-height: 34px; color: #000; font-weight: bold; margin-bottom: 20px } .qedge-com-popup-content .container .content .title h1, .qedge-com-popup-content .container .content .title h2, .qedge-com-popup-content .container .content .title h3, .qedge-com-popup-content .container .content .title h4, .qedge-com-popup-content .container .content .title h5, .qedge-com-popup-content .container .content .title h6, .qedge-com-popup-content .container .content .title p, .qedge-com-popup-content .container .content .title em, .qedge-com-popup-content .container .content .title i, .qedge-com-popup-content .container .content .title b, .qedge-com-popup-content .container .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-popup-content .container .content .details { width: unset } .qedge-com-popup-content .container .content .details .QA-index { display: none } .qedge-com-popup-content .container .content .details .QA-content { width: 100%; max-height: 100%; margin-bottom: 20px } .qedge-com-popup-content .container .content .details .QA-content .content-item { padding: 20px 5px; background: #fff } .qedge-com-popup-content .container .content .details .QA-content .content-item .content-title { font-size: 20px; line-height: 26px; padding-bottom: 40px } .qedge-com-popup-content .container .content .details .QA-content .content-item .content-details .question { font-size: 16px; line-height: 26px } .qedge-com-popup-content .container .content .details .QA-content .content-item .content-details .answer { font-size: 14px; line-height: 24px } .qedge-com-popup-content .container .content .details .QA-content .content-item .content-details .answer .steps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-popup-content .container .content .details .QA-content .content-item .content-details .answer .steps .jobs-arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin: 10px 5px 5px 10px } .qedge-com-popup-content .container .content .details .img-display { margin-bottom: 50px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-social-job-detail-header { margin-top: 45px; margin-bottom: 40px } .qedge-com-social-job-detail-header .container .content .title { margin-bottom: 25px; font-size: 24px; color: #000; letter-spacing: 0 } .qedge-com-social-job-detail-header .container .content .title h1, .qedge-com-social-job-detail-header .container .content .title h2, .qedge-com-social-job-detail-header .container .content .title h3, .qedge-com-social-job-detail-header .container .content .title h4, .qedge-com-social-job-detail-header .container .content .title h5, .qedge-com-social-job-detail-header .container .content .title h6, .qedge-com-social-job-detail-header .container .content .title p, .qedge-com-social-job-detail-header .container .content .title em, .qedge-com-social-job-detail-header .container .content .title i, .qedge-com-social-job-detail-header .container .content .title b, .qedge-com-social-job-detail-header .container .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-social-job-detail-header .container .content .labels { margin: 16px 0 25px 0 } .qedge-com-social-job-detail-header .container .content .labels li { margin-top: 0; list-style: none; display: inline-block; padding: 0 6px 0 10px; border-left: 1px solid #666; line-height: 18px; font-size: 16px; color: #666 } .qedge-com-social-job-detail-header .container .content .labels li h1, .qedge-com-social-job-detail-header .container .content .labels li h2, .qedge-com-social-job-detail-header .container .content .labels li h3, .qedge-com-social-job-detail-header .container .content .labels li h4, .qedge-com-social-job-detail-header .container .content .labels li h5, .qedge-com-social-job-detail-header .container .content .labels li h6, .qedge-com-social-job-detail-header .container .content .labels li p, .qedge-com-social-job-detail-header .container .content .labels li em, .qedge-com-social-job-detail-header .container .content .labels li i, .qedge-com-social-job-detail-header .container .content .labels li b, .qedge-com-social-job-detail-header .container .content .labels li address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-social-job-detail-header .container .content .labels li:first-child { border: 0px solid #666; padding-left: 0 } @media screen and (max-width: 1024px) { .qedge-com-social-job-detail-header { margin-top: 0; margin-bottom: 0 } .qedge-com-social-job-detail-header .container .content { -webkit-box-shadow: inset 0 -1px 0 0 #e6e6e6; box-shadow: inset 0 -1px 0 0 #e6e6e6; padding-bottom: 30px } .qedge-com-social-job-detail-header .container .content .title { margin-bottom: 35px; font-size: 24px; color: #000; letter-spacing: 0 } .qedge-com-social-job-detail-header .container .content .title h1, .qedge-com-social-job-detail-header .container .content .title h2, .qedge-com-social-job-detail-header .container .content .title h3, .qedge-com-social-job-detail-header .container .content .title h4, .qedge-com-social-job-detail-header .container .content .title h5, .qedge-com-social-job-detail-header .container .content .title h6, .qedge-com-social-job-detail-header .container .content .title p, .qedge-com-social-job-detail-header .container .content .title em, .qedge-com-social-job-detail-header .container .content .title i, .qedge-com-social-job-detail-header .container .content .title b, .qedge-com-social-job-detail-header .container .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-social-job-detail-header .container .content .labels { margin: 16px 0 0 0 } .qedge-com-social-job-detail-header .container .content .labels li { line-height: 14px; font-size: 14px } .main-content { overflow-y: auto; overflow: -moz-scrollbars-none; max-height: calc(100vh - 300px) } .main-content::-webkit-scrollbar { display: none } .uihpersonPolicy-main-content { overflow-y: initial; overflow: -moz-scrollbars-none; max-height: none } .uihpersonPolicy-main-content::-webkit-scrollbar { display: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-social-job-detail-content-item { margin-top: 40px; margin-bottom: 40px } .qedge-com-social-job-detail-content-item .container .content .title { margin-bottom: 18px; font-size: 16px; color: #000; letter-spacing: 0 } .qedge-com-social-job-detail-content-item .container .content .title h1, .qedge-com-social-job-detail-content-item .container .content .title h2, .qedge-com-social-job-detail-content-item .container .content .title h3, .qedge-com-social-job-detail-content-item .container .content .title h4, .qedge-com-social-job-detail-content-item .container .content .title h5, .qedge-com-social-job-detail-content-item .container .content .title h6, .qedge-com-social-job-detail-content-item .container .content .title p, .qedge-com-social-job-detail-content-item .container .content .title em, .qedge-com-social-job-detail-content-item .container .content .title i, .qedge-com-social-job-detail-content-item .container .content .title b, .qedge-com-social-job-detail-content-item .container .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-social-job-detail-content-item .container .content .description { font-size: 16px; color: #666; line-height: 1.8 } .qedge-com-job-apply-button .container { padding-top: 20px; padding-bottom: 70px } .qedge-com-job-apply-button .container .content { width: 200px; height: 60px; background: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; color: #fff } @media screen and (max-width: 1024px) { .qedge-com-social-job-detail-content-item { margin-top: 40px; margin-bottom: 30px } .qedge-com-social-job-detail-content-item .container .content .title { margin-bottom: 15px; font-size: 16px; color: #000; letter-spacing: 0 } .qedge-com-social-job-detail-content-item .container .content .title h1, .qedge-com-social-job-detail-content-item .container .content .title h2, .qedge-com-social-job-detail-content-item .container .content .title h3, .qedge-com-social-job-detail-content-item .container .content .title h4, .qedge-com-social-job-detail-content-item .container .content .title h5, .qedge-com-social-job-detail-content-item .container .content .title h6, .qedge-com-social-job-detail-content-item .container .content .title p, .qedge-com-social-job-detail-content-item .container .content .title em, .qedge-com-social-job-detail-content-item .container .content .title i, .qedge-com-social-job-detail-content-item .container .content .title b, .qedge-com-social-job-detail-content-item .container .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-social-job-detail-content-item .container .content .description { font-size: 14px; color: #666; line-height: 1.8 } .qedge-com-job-apply-button .container { padding-top: 30px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-job-apply-button .container .content { width: 130px; height: 40px; background: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; color: #fff } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-csr-home-banner { padding-top: 0px !important } .qedge-com-csr-home-banner img { width: 100%; height: 100vh; position: fixed; -o-object-fit: cover; object-fit: cover } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-product-image-card-text>.container>.content .image-container { height: 266px; width: 100%; background: #fafafa } .qedge-com-product-image-card-text>.container>.content .image-container img { -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain;"; height: 100%; width: 100% } .qedge-com-product-image-card-text>.container>.content .title { font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 500; font-size: 24px; line-height: 36px; padding-top: 20px } .qedge-com-product-image-card-text>.container>.content .title h1, .qedge-com-product-image-card-text>.container>.content .title h2, .qedge-com-product-image-card-text>.container>.content .title h3, .qedge-com-product-image-card-text>.container>.content .title h4, .qedge-com-product-image-card-text>.container>.content .title h5, .qedge-com-product-image-card-text>.container>.content .title h6, .qedge-com-product-image-card-text>.container>.content .title p, .qedge-com-product-image-card-text>.container>.content .title em, .qedge-com-product-image-card-text>.container>.content .title i, .qedge-com-product-image-card-text>.container>.content .title b, .qedge-com-product-image-card-text>.container>.content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-image-card-text>.container>.content .brief { font-size: 14px; line-height: 1.4; padding: 10px 20px; text-align: center } .qedge-com-product-image-card-text:hover, .qedge-com-product-image-card-text:focus, .qedge-com-product-image-card-text:active { color: #666 } .qedge-com-product-image-card-text.text-center { -webkit-box-shadow: inset 0 0 1px 1px #d1d1d1; box-shadow: inset 0 0 1px 1px #d1d1d1 } .qedge-com-product-image-card-text.text-center>.container>.content { text-align: center } .qedge-com-product-image-card-text.text-center>.container>.content .title { padding: 40px 10px 0 10px } .qedge-com-product-image-card-text.text-center>.container>.content .info { color: #000 } @media screen and (max-width: 1024px) { .qedge-com-product-image-card-text>.container>.content .image-container { height: auto } .qedge-com-product-image-card-text>.container>.content .title { font-size: 16px; line-height: 26px; font-weight: 800; padding-top: 16px; margin-bottom: 0px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .uiPolicy-qedge-com-uInnovation-basic-card { background: #fbfbfb; padding: 70px 0px } .uiPolicy-qedge-com-uInnovation-basic-card .container .content, .uiPolicy-qedge-com-uInnovation-basic-card>.content { position: relative } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-motional-image .content, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-motional-image .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-motional-image .content img, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-motional-image .content img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain;" } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .index-mobile, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index-mobile { display: none } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .index-pc, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .index, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index-pc, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index { line-height: 1.5em; position: relative } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .index-pc::before, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .index-pc::after, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .index::before, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .index::after, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index-pc::before, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index-pc::after, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index::before, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index::after { content: " "; display: block; position: absolute } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .index-pc::before, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .index::before, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index-pc::before, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index::before { background-color: #fff; bottom: 4px; left: 24px; height: 1em; -webkit-transform: rotate(20deg); transform: rotate(20deg); width: 1px } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .index-pc::after, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .index::after, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index-pc::after, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index::after { background-color: #fff; content: " "; display: block; height: 1px; right: 0; bottom: 4px; left: 3em } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card .container, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card .container { max-width: 1160px } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container>.content, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.content, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container>.content, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.content { padding: 30px 25px 70px 25px } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.content.no-global-padding, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.content.no-global-padding { padding-left: 0; padding-right: 0 } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.content.no-global-padding>.container>.content, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.content.no-global-padding .content, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.content.no-global-padding>.container>.content, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #fff; padding-top: 200px; padding-bottom: 200px } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content h1, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content h2, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content h3, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content h4, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content h5, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content h6, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content p, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content em, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content i, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content b, .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content address, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content h1, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content h2, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content h3, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content h4, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content h5, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content h6, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content p, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content em, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content i, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content b, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title { color: #fff; font-size: 40px; font-weight: normal; line-height: 50px; margin: 0 } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title.subtitles, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title.subtitles { display: none } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle { color: #666; font-size: 24px; line-height: 35px; margin: 20px 0 0 } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle.blackText, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle.blackText { color: #000 } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title { margin-bottom: 60px } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .subtitle, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .subtitle { margin-bottom: 20px; margin-top: 0 } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .subtitles, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .subtitles { display: none } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .details, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .details { color: #666 } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .details .details-subtitle, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .details .details-subtitle { margin-bottom: 60px } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .details .details-subtitle p:first-child, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .details .details-subtitle p:first-child { font-size: 24px; color: #000; margin-bottom: 22px } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .details .details-subtitle p:last-child, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .details .details-subtitle p:last-child { font-size: 16px; color: #666 } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .details .details-subtitle .hisVersion, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .details .details-subtitle .hisVersion { margin-top: 22px } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .details .details-subtitle:last-of-type, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .details .details-subtitle:last-of-type { margin-bottom: 0 } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .details.Dealer, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .details.Dealer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .details.Dealer .details-subtitle, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .details.Dealer .details-subtitle { width: 50%; padding-right: 70px } .uiPolicy-qedge-com-uInnovation-basic-card .container .content .qedge-com-uInnovation-basic-text-card>.container .content .details.Dealer .details-subtitle:last-of-type, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .details.Dealer .details-subtitle:last-of-type { margin-bottom: 60px } .uiPolicy-qedge-com-uInnovation-basic-card.imageBackground>.content .qedge-com-uInnovation-basic-text-card>.container>.content .introduction .subtitle { color: #fff } .uiPolicy-qedge-com-uInnovation-basic-card.imageBackground>.content .qedge-com-uInnovation-basic-text-card>.container>.content .introduction .details { color: #fff } .uiPolicy-qedge-com-uInnovation-basic-card.imageBackground.textRight>.content .qedge-com-uInnovation-basic-text-card>.container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .uiPolicy-qedge-com-uInnovation-basic-card:last-of-type.imageBackground { margin-bottom: 0 } .uiPolicy-qedge-com-uInnovation-basic-card:first-of-type { margin-top: 0 } .uiPolicy-qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-motional-image .content { position: relative; width: calc(100% - (100% - 1110px)/2) } .uiPolicy-qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-motional-image .content img { height: 600px } .uiPolicy-qedge-com-uInnovation-basic-card.upDown>.content .index { color: #999 } .uiPolicy-qedge-com-uInnovation-basic-card.upDown>.content .index::before, .uiPolicy-qedge-com-uInnovation-basic-card.upDown>.content .index::after { background-color: #d8d8d8 } .uiPolicy-qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content { padding-top: 0px; padding-bottom: 0; width: 100%; color: #000 } .uiPolicy-qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title { width: 100%; margin-bottom: 60px } .uiPolicy-qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { width: 100% } .uiPolicy-qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details p:first-child { color: #000; font-size: 20px; line-height: 36px; margin-bottom: 20px } .uiPolicy-qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details p:first-child.details-subtitle-phoneText { color: #000; font-size: 20px; line-height: 36px; margin-bottom: 20px } .uiPolicy-qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details p:last-child { color: #666; font-size: 16px; margin-top: 0px } .uiPolicy-qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title { color: #000; font-weight: bolder } .uiPolicy-qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle { margin-top: 30px; margin-bottom: 0 } .uiPolicy-qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titlePC { display: block } .uiPolicy-qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titleMobile { display: none } .uiPolicy-qedge-com-uInnovation-basic-card.upDown.imageRightEdge>.content .qedge-com-motional-image .content { width: calc(100% - (100% - 1110px)/2); left: calc((100% - 1110px)/2) } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-motional-image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: calc((100% - 30px)/2 + 30px) } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-motional-image .content { height: 100%; position: relative } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-motional-image .content .uiPolicy-mobile { display: none } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-motional-image .content .uiPolicy-PC { display: block } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .index { color: #999 } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .index::before, .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .index::after { background-color: #d8d8d8 } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc((100% - 30px)/2); padding-left: calc((100% - 1160px)/2) } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content { padding-top: 0px; padding-bottom: 0px; padding-right: 95px; width: 100%; color: #000 } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { margin: 0px } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title { color: #000; font-weight: bolder } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title .starrLight-titlePC { display: block } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title .starrLight-titleMobile { display: none } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle { margin-top: 30px; margin-bottom: 0 } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titlePC { display: block } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titleMobile { display: none } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight.imageLeft .qedge-com-motional-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight.imageLeft .qedge-com-uInnovation-basic-text-card { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 0; padding-right: calc((100% - 1160px)/2) } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight.imageLeft .qedge-com-uInnovation-basic-text-card>.container .content { padding-right: 25px; padding-left: 40px } .uiPolicy-qedge-com-uInnovation-basic-card.around .container { max-width: 1160px } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container>.content, .uiPolicy-qedge-com-uInnovation-basic-card.around>.content { padding: 30px 25px 70px 25px } .uiPolicy-qedge-com-uInnovation-basic-card.around>.content.no-global-padding { padding-left: 0; padding-right: 0 } .uiPolicy-qedge-com-uInnovation-basic-card.around>.content.no-global-padding>.container>.content, .uiPolicy-qedge-com-uInnovation-basic-card.around>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container>.content { padding-top: 0; padding-bottom: 0 } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-motional-image .content { position: relative; width: 100% } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-motional-image .content img { height: 600px } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-motional-image .content .Dealer { margin-bottom: 70px } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container>.content .index { color: #999; margin-bottom: 80px } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container>.content .index::before, .uiPolicy-qedge-com-uInnovation-basic-card.around>.container>.content .index::after { background-color: #d8d8d8 } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content { padding: 0; width: 100%; color: #000 } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction { color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { width: 66% } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details.Dealer { width: 100% } .uiPolicy-qedge-com-uInnovation-basic-card.backColor { background: #fff } @media screen and (max-width: 1024px) { .uiPolicy-qedge-com-uInnovation-basic-card { margin: 10px 0px 0px } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-motional-image .content .uiPolicy-mobile { display: block } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-motional-image .content .uiPolicy-mobile p { font-size: 24px; line-height: 34px; font-weight: 600; margin-bottom: 32px } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-motional-image .content .uiPolicy-PC { display: none } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content, .uiPolicy-qedge-com-uInnovation-basic-card>.content { padding: 0px 20px } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-motional-image .content, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-motional-image .content { position: inherit } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-motional-image .content img, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-motional-image .content img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .index-mobile, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index-mobile { font-size: 16px; line-height: 26px; display: block; color: #999; line-height: 1.5em; margin-bottom: 32px; position: relative } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .index-mobile::before, .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .index-mobile::after, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index-mobile::before, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index-mobile::after { content: " "; display: block; position: absolute } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .index-mobile::before, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index-mobile::before { background-color: #d8d8d8; bottom: 4px; left: 24px; height: 1em; -webkit-transform: rotate(20deg); transform: rotate(20deg); width: 1px } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .index-mobile::after, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index-mobile::after { background-color: #d8d8d8; content: " "; display: block; height: 1px; right: 0; bottom: 4px; left: 3em } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .index-pc, .uiPolicy-qedge-com-uInnovation-basic-card>.content .index-pc { font-size: 16px; line-height: 26px; display: none } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container>.content, .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.content, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container>.content, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.content { padding: 32px 20px 48px 20px } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content { width: 100%; padding: 0 } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction { margin-top: 24px; color: #666 } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title { margin-bottom: 0px } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .title-mobile, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .title-mobile { display: none } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .subtitles, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse .subtitles { display: block } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .uiPolicy-PC, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .uiPolicy-PC { display: none } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title { font-size: 24px; line-height: 34px; color: #000; font-size: 22px } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title.subtitles, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title.subtitles { display: block } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title .starrLight-titlePC, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title .starrLight-titlePC { display: none } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title .starrLight-titleMobile, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title .starrLight-titleMobile { display: block } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title-pc, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .title-pc { display: none } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle { font-size: 16px; line-height: 26px; color: #666 } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle.blackText, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle.blackText { color: #666 } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle.title-pc, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle.title-pc { display: none } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { font-size: 14px; line-height: 24px; padding-top: 0px } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details .details-subtitle, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details .details-subtitle { margin-bottom: 32px; width: 100%; padding: 0px } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details .details-subtitle .hisVersion, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details .details-subtitle .hisVersion { font-size: 12px; color: #666; margin-top: 0px } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details .details-subtitle p:first-child, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details .details-subtitle p:first-child { color: #000; font-size: 16px; line-height: 26px; font-weight: 600; margin-bottom: 8px } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details .details-subtitle p:first-child.details-subtitle-phoneText, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details .details-subtitle p:first-child.details-subtitle-phoneText { color: #000; font-size: 14px; line-height: 24px; font-weight: 400; margin-bottom: 32px; letter-spacing: -0.1px } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details .details-subtitle p:last-child, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details .details-subtitle p:last-child { color: #666; font-size: 14px; line-height: 24px } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details .details-subtitle p:last-child span, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details .details-subtitle p:last-child span { display: block } .uiPolicy-qedge-com-uInnovation-basic-card>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details .details-subtitle-mobile, .uiPolicy-qedge-com-uInnovation-basic-card>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details .details-subtitle-mobile { margin-bottom: 0px } .uiPolicy-qedge-com-uInnovation-basic-card:first-of-type { margin-top: 32px } .uiPolicy-qedge-com-uInnovation-basic-card.imageBackground>.content .qedge-com-uInnovation-basic-text-card>.container>.content .introduction .subtitle { color: #666; margin-top: 0px; margin-bottom: 24px } .uiPolicy-qedge-com-uInnovation-basic-card.upDown.imageRightEdge>.content .qedge-com-motional-image .content { position: inherit; left: inherit; width: auto } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card { width: 100%; padding-left: 0 } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content { padding: 0 0 40px 0 } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction { margin-top: 24px } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle { margin-top: 0px; margin-bottom: 24px } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titlePC { display: none } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titleMobile { display: block } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { margin-top: 0 } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight>.content .qedge-com-motional-image { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .uiPolicy-qedge-com-uInnovation-basic-card.leftRight.imageLeft .qedge-com-uInnovation-basic-text-card>.container>.content { padding-bottom: 0 } .uiPolicy-qedge-com-uInnovation-basic-card.upDown .content { position: inherit; left: inherit; width: auto } .uiPolicy-qedge-com-uInnovation-basic-card.upDown .content .qedge-com-motional-image { width: 100% } .uiPolicy-qedge-com-uInnovation-basic-card.upDown .content .qedge-com-motional-image .content { width: 100% } .uiPolicy-qedge-com-uInnovation-basic-card.upDown .content .qedge-com-motional-image .content img { height: auto } .uiPolicy-qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content { padding-top: 0px } .uiPolicy-qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .uiPolicy-qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title { width: 100%; margin-bottom: 0px } .uiPolicy-qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .uiPolicy-mobile p { font-size: 24px; line-height: 34px; font-weight: 600; margin-bottom: 32px } .uiPolicy-qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { width: 100% } .uiPolicy-qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle { margin-top: 0px; margin-bottom: 24px } .uiPolicy-qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titlePC { display: none } .uiPolicy-qedge-com-uInnovation-basic-card.upDown .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .subtitle .starrLight-titleMobile { display: block } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container .content .index { margin-bottom: 40px } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container .content .qedge-com-motional-image .content { position: relative; width: 100% } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container .content .qedge-com-motional-image .content img { height: auto } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container .content .qedge-com-motional-image .content .uiPolicy-mobile p { font-size: 24px; line-height: 34px; font-weight: 600 } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container .content .qedge-com-motional-image .content .Dealer { margin-bottom: 32px } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 24px } .uiPolicy-qedge-com-uInnovation-basic-card.around>.container .content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { width: 100% } } .uiPolicy-brief-text-box { max-width: 1110px; margin: 0 auto; text-align: justify; padding: 70px 0; font-size: 20px; color: #000; line-height: 36px } .uiPolicy-brief-text-box h1, .uiPolicy-brief-text-box h2, .uiPolicy-brief-text-box h3, .uiPolicy-brief-text-box h4, .uiPolicy-brief-text-box h5, .uiPolicy-brief-text-box h6, .uiPolicy-brief-text-box p, .uiPolicy-brief-text-box em, .uiPolicy-brief-text-box i, .uiPolicy-brief-text-box b, .uiPolicy-brief-text-box address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uiPolicy-brief-text-box p.uiPolicy-brief-text-box-one { margin-bottom: 20px } @media screen and (max-width: 1024px) { .uiPolicy-brief-text-box { padding: 40px 20px; text-align: left; font-size: 14px; line-height: 24px } .uiPolicy-brief-text-box h1, .uiPolicy-brief-text-box h2, .uiPolicy-brief-text-box h3, .uiPolicy-brief-text-box h4, .uiPolicy-brief-text-box h5, .uiPolicy-brief-text-box h6, .uiPolicy-brief-text-box p, .uiPolicy-brief-text-box em, .uiPolicy-brief-text-box i, .uiPolicy-brief-text-box b, .uiPolicy-brief-text-box address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uiPolicy-brief-text-box p.uiPolicy-brief-text-box-one { margin-bottom: 20px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-media-item .marginBottom .paddingBottom { border-bottom-color: rgba(0, 0, 0, 0); padding: 0px 0px 0px 0px } .qedge-com-media-item>.container>.content .content-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-bottom: 1px solid #d7d7d7; margin: 0 auto; padding: 60px 0; color: #666; font-size: 16px; width: 100% } .qedge-com-media-item>.container>.content .content-card .prediction { padding: 3px 3px 2px 4px; background-color: #000; font-size: 12px; color: #fff; margin-right: 8px; text-align: center } .qedge-com-media-item>.container>.content .content-card .prediction .span { vertical-align: middle } .qedge-com-media-item:hover, .qedge-com-media-item:focus, .qedge-com-media-item:active { z-index: 25 } .qedge-com-media-item:hover .qedge-com-motional-bg-image, .qedge-com-media-item:focus .qedge-com-motional-bg-image, .qedge-com-media-item:active .qedge-com-motional-bg-image { opacity: 1; -webkit-transition: all linear .3s; transition: all linear .3s } .qedge-com-media-item:hover .qedge-com-motional-bg-image .image-replacer, .qedge-com-media-item:focus .qedge-com-motional-bg-image .image-replacer, .qedge-com-media-item:active .qedge-com-motional-bg-image .image-replacer { top: 0 } .qedge-com-media-item:hover::before, .qedge-com-media-item:focus::before, .qedge-com-media-item:active::before { background-color: #fff; content: " "; display: block; height: 1px; left: 0; width: 100%; top: -1px; position: absolute; z-index: 20 } .qedge-com-media-item:last-child { margin-bottom: 70px } .uihuseTerms-qedge-com-media-item { background-color: #fff; display: block; position: relative } .uihuseTerms-qedge-com-media-item .container { padding: 0px 80px; -webkit-box-sizing: border-box; box-sizing: border-box } .uihuseTerms-qedge-com-media-item .container .content { color: #666; font-size: 16px; padding: 40px 0px } .uihuseTerms-qedge-com-media-item .container .content .left-side-pc { font-size: 16px; color: #666; width: 14% } .uihuseTerms-qedge-com-media-item .container .content .left-side-pc h1, .uihuseTerms-qedge-com-media-item .container .content .left-side-pc h2, .uihuseTerms-qedge-com-media-item .container .content .left-side-pc h3, .uihuseTerms-qedge-com-media-item .container .content .left-side-pc h4, .uihuseTerms-qedge-com-media-item .container .content .left-side-pc h5, .uihuseTerms-qedge-com-media-item .container .content .left-side-pc h6, .uihuseTerms-qedge-com-media-item .container .content .left-side-pc p, .uihuseTerms-qedge-com-media-item .container .content .left-side-pc em, .uihuseTerms-qedge-com-media-item .container .content .left-side-pc i, .uihuseTerms-qedge-com-media-item .container .content .left-side-pc b, .uihuseTerms-qedge-com-media-item .container .content .left-side-pc address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uihuseTerms-qedge-com-media-item .container .content .right-side { width: 100% } .uihuseTerms-qedge-com-media-item .container .content .right-side .header { margin-bottom: 20px } .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title { font-size: 24px } .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title h1, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title h2, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title h3, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title h4, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title h5, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title h6, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title p, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title em, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title i, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title b, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uihuseTerms-qedge-com-media-item .container .content .right-side .date-mobile-only { display: none } .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content { font-size: 16px; color: #999; line-height: 1.8 } .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content h1, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content h2, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content h3, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content h4, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content h5, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content h6, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content p, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content em, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content i, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content b, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content>p { margin-bottom: 1em } .uihuseTerms-qedge-com-media-item .container .uihuseTerms-headerText { padding: 0px } .uihuseTerms-qedge-com-media-item .container .uihuseTerms-mobile { border: none; padding: 0px } .uihuseTerms-qedge-com-media-item .container .uihuseTerms-none { border: none } .uihuseTerms-qedge-com-media-item:last-child { margin-bottom: 40px } @media screen and (max-width: 1024px) { .qedge-com-media-item .marginBottom { margin-bottom: 0px !important } .qedge-com-media-item .marginBottom .paddingBottom { padding: 0 !important } .qedge-com-media-item>.container>.content .content-card { width: 100%; font-size: 14px; line-height: 24px; padding: 32px 0 } .qedge-com-media-item .container .content { display: block; width: 100%; font-size: 13px; padding: 32px 0 } .qedge-com-media-item .container .content h1, .qedge-com-media-item .container .content h2, .qedge-com-media-item .container .content h3, .qedge-com-media-item .container .content h4, .qedge-com-media-item .container .content h5, .qedge-com-media-item .container .content h6, .qedge-com-media-item .container .content p, .qedge-com-media-item .container .content em, .qedge-com-media-item .container .content i, .qedge-com-media-item .container .content b, .qedge-com-media-item .container .content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-media-item .container .content .left-side-pc { display: none } .qedge-com-media-item .container .content .right-side { width: 100% } .qedge-com-media-item .container .content .right-side .header { margin-bottom: 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-media-item .container .content .right-side .header .title { font-size: 16px; line-height: 26px; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-weight: 600; padding: 0 4% 0 0; margin-bottom: 8px } .qedge-com-media-item .container .content .right-side .header .title h1, .qedge-com-media-item .container .content .right-side .header .title h2, .qedge-com-media-item .container .content .right-side .header .title h3, .qedge-com-media-item .container .content .right-side .header .title h4, .qedge-com-media-item .container .content .right-side .header .title h5, .qedge-com-media-item .container .content .right-side .header .title h6, .qedge-com-media-item .container .content .right-side .header .title p, .qedge-com-media-item .container .content .right-side .header .title em, .qedge-com-media-item .container .content .right-side .header .title i, .qedge-com-media-item .container .content .right-side .header .title b, .qedge-com-media-item .container .content .right-side .header .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-media-item .container .content .right-side .date-mobile-only { display: block; color: #666; letter-spacing: 0; text-align: justify; font-size: 12px; line-height: 22px; margin-bottom: 17px } .qedge-com-media-item .container .content .right-side .date-mobile-only h1, .qedge-com-media-item .container .content .right-side .date-mobile-only h2, .qedge-com-media-item .container .content .right-side .date-mobile-only h3, .qedge-com-media-item .container .content .right-side .date-mobile-only h4, .qedge-com-media-item .container .content .right-side .date-mobile-only h5, .qedge-com-media-item .container .content .right-side .date-mobile-only h6, .qedge-com-media-item .container .content .right-side .date-mobile-only p, .qedge-com-media-item .container .content .right-side .date-mobile-only em, .qedge-com-media-item .container .content .right-side .date-mobile-only i, .qedge-com-media-item .container .content .right-side .date-mobile-only b, .qedge-com-media-item .container .content .right-side .date-mobile-only address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-media-item .container .content .right-side .left-side-mobile { width: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-media-item .container .content .right-side .left-side-mobile .content-item .main-content { color: #666; font-size: 14px; line-height: 24px; width: 100%; letter-spacing: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 8em; overflow: hidden } .qedge-com-media-item .container .content .right-side .left-side-mobile .content-item .main-content h1, .qedge-com-media-item .container .content .right-side .left-side-mobile .content-item .main-content h2, .qedge-com-media-item .container .content .right-side .left-side-mobile .content-item .main-content h3, .qedge-com-media-item .container .content .right-side .left-side-mobile .content-item .main-content h4, .qedge-com-media-item .container .content .right-side .left-side-mobile .content-item .main-content h5, .qedge-com-media-item .container .content .right-side .left-side-mobile .content-item .main-content h6, .qedge-com-media-item .container .content .right-side .left-side-mobile .content-item .main-content p, .qedge-com-media-item .container .content .right-side .left-side-mobile .content-item .main-content em, .qedge-com-media-item .container .content .right-side .left-side-mobile .content-item .main-content i, .qedge-com-media-item .container .content .right-side .left-side-mobile .content-item .main-content b, .qedge-com-media-item .container .content .right-side .left-side-mobile .content-item .main-content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-media-item .container:hover, .qedge-com-media-item .container:focus, .qedge-com-media-item .container:active { color: #666 } .qedge-com-media-item .container:last-child { margin-bottom: 30px } .uihuseTerms-qedge-com-media-item .container { padding: 0px } .uihuseTerms-qedge-com-media-item .container .content { display: block; width: 100%; font-size: 13px; padding: 32px 0 } .uihuseTerms-qedge-com-media-item .container .content h1, .uihuseTerms-qedge-com-media-item .container .content h2, .uihuseTerms-qedge-com-media-item .container .content h3, .uihuseTerms-qedge-com-media-item .container .content h4, .uihuseTerms-qedge-com-media-item .container .content h5, .uihuseTerms-qedge-com-media-item .container .content h6, .uihuseTerms-qedge-com-media-item .container .content p, .uihuseTerms-qedge-com-media-item .container .content em, .uihuseTerms-qedge-com-media-item .container .content i, .uihuseTerms-qedge-com-media-item .container .content b, .uihuseTerms-qedge-com-media-item .container .content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uihuseTerms-qedge-com-media-item .container .content:nth-child(1) { padding-top: 0 } .uihuseTerms-qedge-com-media-item .container .content .left-side-pc { display: none } .uihuseTerms-qedge-com-media-item .container .content .right-side { width: 100% } .uihuseTerms-qedge-com-media-item .container .content .right-side .header { margin-bottom: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title { font-size: 16px; line-height: 26px; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden } .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title h1, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title h2, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title h3, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title h4, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title h5, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title h6, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title p, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title em, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title i, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title b, .uihuseTerms-qedge-com-media-item .container .content .right-side .header .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uihuseTerms-qedge-com-media-item .container .content .right-side .date-mobile-only { display: block; color: #666; letter-spacing: 0; text-align: justify; font-size: 12px; line-height: 22px; margin-bottom: 17px } .uihuseTerms-qedge-com-media-item .container .content .right-side .date-mobile-only h1, .uihuseTerms-qedge-com-media-item .container .content .right-side .date-mobile-only h2, .uihuseTerms-qedge-com-media-item .container .content .right-side .date-mobile-only h3, .uihuseTerms-qedge-com-media-item .container .content .right-side .date-mobile-only h4, .uihuseTerms-qedge-com-media-item .container .content .right-side .date-mobile-only h5, .uihuseTerms-qedge-com-media-item .container .content .right-side .date-mobile-only h6, .uihuseTerms-qedge-com-media-item .container .content .right-side .date-mobile-only p, .uihuseTerms-qedge-com-media-item .container .content .right-side .date-mobile-only em, .uihuseTerms-qedge-com-media-item .container .content .right-side .date-mobile-only i, .uihuseTerms-qedge-com-media-item .container .content .right-side .date-mobile-only b, .uihuseTerms-qedge-com-media-item .container .content .right-side .date-mobile-only address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content { color: #666; font-size: 14px; line-height: 24px; width: 100%; letter-spacing: 0 } .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content h1, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content h2, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content h3, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content h4, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content h5, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content h6, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content p, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content em, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content i, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content b, .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uihuseTerms-qedge-com-media-item .container .content .right-side .content-item .main-content p:not(:last-child) { margin-bottom: 16px } .uihuseTerms-qedge-com-media-item .container .uihuseTerms-mobile { padding-top: 0px } .uihuseTerms-qedge-com-media-item .container .uihuseTerms-none { border: none; padding-bottom: 0px } .uihuseTerms-qedge-com-media-item:hover, .uihuseTerms-qedge-com-media-item:focus, .uihuseTerms-qedge-com-media-item:active { color: #666 } .uihuseTerms-qedge-com-media-item:last-child { margin-bottom: 30px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes hover-in { from { -webkit-transform: translateX(0px); transform: translateX(0px) } to { -webkit-transform: translateX(5px); transform: translateX(5px) } } @keyframes hover-out { from { -webkit-transform: translateX(5px); transform: translateX(5px) } to { -webkit-transform: translateX(0px); transform: translateX(0px) } } .uihuseTerms-qedge-com-media-title .content { margin-top: 0; margin-bottom: 10px } .uihuseTerms-qedge-com-media-title .content .title { font-size: 40px; letter-spacing: 5px; margin-top: 80px; margin-bottom: 30px } .uihuseTerms-qedge-com-media-title .content .title h1, .uihuseTerms-qedge-com-media-title .content .title h2, .uihuseTerms-qedge-com-media-title .content .title h3, .uihuseTerms-qedge-com-media-title .content .title h4, .uihuseTerms-qedge-com-media-title .content .title h5, .uihuseTerms-qedge-com-media-title .content .title h6, .uihuseTerms-qedge-com-media-title .content .title p, .uihuseTerms-qedge-com-media-title .content .title em, .uihuseTerms-qedge-com-media-title .content .title i, .uihuseTerms-qedge-com-media-title .content .title b, .uihuseTerms-qedge-com-media-title .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uihuseTerms-qedge-com-media-title .content .event-item, .uihuseTerms-qedge-com-media-title .qedge-com-news-title .content .spacing, .qedge-com-news-title .uihuseTerms-qedge-com-media-title .content .spacing { -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 0px; font-size: 16px; color: #666; height: 27px } .uihuseTerms-qedge-com-media-title .content .event-item a span, .uihuseTerms-qedge-com-media-title .qedge-com-news-title .content .spacing a span, .qedge-com-news-title .uihuseTerms-qedge-com-media-title .content .spacing a span { margin-left: 12px } .uihuseTerms-qedge-com-media-title .content .event-item a:hover, .uihuseTerms-qedge-com-media-title .qedge-com-news-title .content .spacing a:hover, .qedge-com-news-title .uihuseTerms-qedge-com-media-title .content .spacing a:hover, .uihuseTerms-qedge-com-media-title .content .event-item a:focus, .uihuseTerms-qedge-com-media-title .qedge-com-news-title .content .spacing a:focus, .qedge-com-news-title .uihuseTerms-qedge-com-media-title .content .spacing a:focus, .uihuseTerms-qedge-com-media-title .content .event-item a:active, .uihuseTerms-qedge-com-media-title .qedge-com-news-title .content .spacing a:active, .qedge-com-news-title .uihuseTerms-qedge-com-media-title .content .spacing a:active { color: #666 } .uihuseTerms-qedge-com-media-title .content .event-item .ti-angle-right, .uihuseTerms-qedge-com-media-title .qedge-com-news-title .content .spacing .ti-angle-right, .qedge-com-news-title .uihuseTerms-qedge-com-media-title .content .spacing .ti-angle-right { display: inline-block; font-size: 15px } .uihuseTerms-qedge-com-media-title .content .event-item .ti-angle-right.hover-in, .uihuseTerms-qedge-com-media-title .qedge-com-news-title .content .spacing .ti-angle-right.hover-in, .qedge-com-news-title .uihuseTerms-qedge-com-media-title .content .spacing .ti-angle-right.hover-in { -webkit-animation: hover-in .2s linear 0s 1 normal; animation: hover-in .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .uihuseTerms-qedge-com-media-title .content .event-item .ti-angle-right.hover-out, .uihuseTerms-qedge-com-media-title .qedge-com-news-title .content .spacing .ti-angle-right.hover-out, .qedge-com-news-title .uihuseTerms-qedge-com-media-title .content .spacing .ti-angle-right.hover-out { -webkit-animation: hover-out .2s linear 0s 1 normal; animation: hover-out .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } @media screen and (max-width: 1024px) { .uihuseTerms-qedge-com-media-title .content { margin-bottom: 0px } .uihuseTerms-qedge-com-media-title .content .title { font-size: 24px; line-height: 24px; margin-top: 32px; margin-bottom: 0px; letter-spacing: 2px } .uihuseTerms-qedge-com-media-title .content .more-text { display: none } .uihuseTerms-qedge-com-media-title .content .event-item, .uihuseTerms-qedge-com-media-title .qedge-com-news-title .content .spacing, .qedge-com-news-title .uihuseTerms-qedge-com-media-title .content .spacing { -ms-flex-item-align: center; align-self: center; vertical-align: top } .uihuseTerms-qedge-com-media-title .content .event-item .more-text, .uihuseTerms-qedge-com-media-title .qedge-com-news-title .content .spacing .more-text, .qedge-com-news-title .uihuseTerms-qedge-com-media-title .content .spacing .more-text { display: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes hover-in { from { -webkit-transform: translateX(0px); transform: translateX(0px) } to { -webkit-transform: translateX(5px); transform: translateX(5px) } } @keyframes hover-out { from { -webkit-transform: translateX(5px); transform: translateX(5px) } to { -webkit-transform: translateX(0px); transform: translateX(0px) } } .uihpersonPolicy-qedge-com-media-title .content { margin-top: 0 } .uihpersonPolicy-qedge-com-media-title .content .title { font-size: 22px; letter-spacing: 5px; margin-top: 80px; text-align: center } .uihpersonPolicy-qedge-com-media-title .content .title h1, .uihpersonPolicy-qedge-com-media-title .content .title h2, .uihpersonPolicy-qedge-com-media-title .content .title h3, .uihpersonPolicy-qedge-com-media-title .content .title h4, .uihpersonPolicy-qedge-com-media-title .content .title h5, .uihpersonPolicy-qedge-com-media-title .content .title h6, .uihpersonPolicy-qedge-com-media-title .content .title p, .uihpersonPolicy-qedge-com-media-title .content .title em, .uihpersonPolicy-qedge-com-media-title .content .title i, .uihpersonPolicy-qedge-com-media-title .content .title b, .uihpersonPolicy-qedge-com-media-title .content .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uihpersonPolicy-qedge-com-media-title .content .title .personPolicy-title { font-size: 40px; line-height: 40px; font-weight: 700 } .uihpersonPolicy-qedge-com-media-title .content .personPolicy-titles { margin-top: 60px; margin-bottom: 30px; letter-spacing: 2px } .uihpersonPolicy-qedge-com-media-title .content .personPolicy-en { margin-bottom: 0px } .uihpersonPolicy-qedge-com-media-title .content .event-item, .uihpersonPolicy-qedge-com-media-title .qedge-com-news-title .content .spacing, .qedge-com-news-title .uihpersonPolicy-qedge-com-media-title .content .spacing { -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 0px; font-size: 16px; color: #666; height: 27px } .uihpersonPolicy-qedge-com-media-title .content .event-item a span, .uihpersonPolicy-qedge-com-media-title .qedge-com-news-title .content .spacing a span, .qedge-com-news-title .uihpersonPolicy-qedge-com-media-title .content .spacing a span { margin-left: 12px } .uihpersonPolicy-qedge-com-media-title .content .event-item a:hover, .uihpersonPolicy-qedge-com-media-title .qedge-com-news-title .content .spacing a:hover, .qedge-com-news-title .uihpersonPolicy-qedge-com-media-title .content .spacing a:hover, .uihpersonPolicy-qedge-com-media-title .content .event-item a:focus, .uihpersonPolicy-qedge-com-media-title .qedge-com-news-title .content .spacing a:focus, .qedge-com-news-title .uihpersonPolicy-qedge-com-media-title .content .spacing a:focus, .uihpersonPolicy-qedge-com-media-title .content .event-item a:active, .uihpersonPolicy-qedge-com-media-title .qedge-com-news-title .content .spacing a:active, .qedge-com-news-title .uihpersonPolicy-qedge-com-media-title .content .spacing a:active { color: #666 } .uihpersonPolicy-qedge-com-media-title .content .event-item .ti-angle-right, .uihpersonPolicy-qedge-com-media-title .qedge-com-news-title .content .spacing .ti-angle-right, .qedge-com-news-title .uihpersonPolicy-qedge-com-media-title .content .spacing .ti-angle-right { display: inline-block; font-size: 15px } .uihpersonPolicy-qedge-com-media-title .content .event-item .ti-angle-right.hover-in, .uihpersonPolicy-qedge-com-media-title .qedge-com-news-title .content .spacing .ti-angle-right.hover-in, .qedge-com-news-title .uihpersonPolicy-qedge-com-media-title .content .spacing .ti-angle-right.hover-in { -webkit-animation: hover-in .2s linear 0s 1 normal; animation: hover-in .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .uihpersonPolicy-qedge-com-media-title .content .event-item .ti-angle-right.hover-out, .uihpersonPolicy-qedge-com-media-title .qedge-com-news-title .content .spacing .ti-angle-right.hover-out, .qedge-com-news-title .uihpersonPolicy-qedge-com-media-title .content .spacing .ti-angle-right.hover-out { -webkit-animation: hover-out .2s linear 0s 1 normal; animation: hover-out .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } @media screen and (max-width: 1024px) { .uihpersonPolicy-qedge-com-media-title .content { margin-bottom: 0px } .uihpersonPolicy-qedge-com-media-title .content .title { font-size: 14px; line-height: 24px; margin-top: 0; margin-bottom: 0px; letter-spacing: 2px } .uihpersonPolicy-qedge-com-media-title .content .title .personPolicy-title { margin-top: 32px; font-size: 24px; line-height: 34px; font-weight: 600 } .uihpersonPolicy-qedge-com-media-title .content .title .sonTitle { margin-bottom: 32px; text-align: center; letter-spacing: -1px } .uihpersonPolicy-qedge-com-media-title .content .title .sonTitle-Mobile { margin-top: 100px } .uihpersonPolicy-qedge-com-media-title .content .more-text { display: none } .uihpersonPolicy-qedge-com-media-title .content .event-item, .uihpersonPolicy-qedge-com-media-title .qedge-com-news-title .content .spacing, .qedge-com-news-title .uihpersonPolicy-qedge-com-media-title .content .spacing { -ms-flex-item-align: center; align-self: center; vertical-align: top } .uihpersonPolicy-qedge-com-media-title .content .event-item .more-text, .uihpersonPolicy-qedge-com-media-title .qedge-com-news-title .content .spacing .more-text, .qedge-com-news-title .uihpersonPolicy-qedge-com-media-title .content .spacing .more-text { display: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .uihpersonPolicy-qedge-com-media-item { color: #666 } .uihpersonPolicy-qedge-com-media-item b { color: #000 } .uihpersonPolicy-qedge-com-media-item a { color: #0091ff } .uihpersonPolicy-qedge-com-media-item .main-content-brief { padding-top: 30px; max-width: 1110px } .uihpersonPolicy-qedge-com-media-item .main-content-brief .main-content-brief-en { margin-top: 20px } .uihpersonPolicy-qedge-com-media-item .main-content-brief p { line-height: 28px; margin: 0 } .uihpersonPolicy-qedge-com-media-item .main-content-brief__list { margin: 0; margin-left: 1em } .uihpersonPolicy-qedge-com-media-item .main-content-brief__list li { padding-left: 1em } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph { margin: 0px 0 45px; padding-bottom: 40px; border-bottom: 1px solid #d7d7d7; max-width: 1110px } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .index-span-en-Mobile { display: none !important } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-flex span { max-width: 1080px; display: block } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-flex span.index-span-en { margin-top: 20px; display: inline-block } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-flex .index-span-en-PC { display: block } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-flex .index-span-Moblie { display: none } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .flex-en { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .flex-en span.index-en { margin-left: 20px } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-indent { padding-left: 25px } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph p { margin: 0px 0px 15px } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .index-en { margin-left: 40px; margin: -15px 0px 15px 40px } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-indent-index-en { margin-bottom: 0px } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-indent-en-mobile { padding-left: 0px } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-normal { margin: 15px 0 } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-normal p { margin: 0 } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-normal .-normal-p-en { padding-bottom: 20px } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph span.index { margin-right: 16px } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph:last-child .index-span-en-PC { display: block } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph:last-child .index-span-en-Moblie { display: none } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph-en { margin-top: 0px } .uihpersonPolicy-qedge-com-media-item .brief-en { padding: 0px } @media screen and (max-width: 1024px) { .uihpersonPolicy-qedge-com-media-item { font-size: 14px } .uihpersonPolicy-qedge-com-media-item .main-content-brief { margin: 0 } .uihpersonPolicy-qedge-com-media-item .main-content-brief p { line-height: 24px } .uihpersonPolicy-qedge-com-media-item .main-content-brief p span.index-span-Moblie { margin-top: 20px } .uihpersonPolicy-qedge-com-media-item .main-content-brief__list li { padding-left: .2em } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .index-span-en-Mobile { display: block !important } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-flex span.index-span-en { display: none } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-flex span.index-span-Mobile { padding-bottom: 20px; display: block } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-flex .index-span-en-PC { display: none } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-indent { padding-left: 16px } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-indent .index-span-Moblie { display: block } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .-indent .index-span-en-PC { display: none } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph .flex-en span.index-en { margin-left: 0px } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph span.index { margin-right: 5px } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph span.index-en { margin-left: 20px } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph:first-child { margin-top: 0 } .uihpersonPolicy-qedge-com-media-item .main-content-brief .-paragraph:last-child { margin-bottom: 0; padding-right: 10px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .for-investor .qedge-com-display-banner .content .qedge-com-tabs { top: 60px } .for-investor .investor-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .for-investor .qedge-com-draggable-image-strip .strip-inner .strip .strip__item.height-540 { height: 540px !important } .for-investor .qedge-com-draggable-image-strip .strip-inner .strip .strip__item.height-540 .card-footer { border-top: none; position: absolute; bottom: 0 } .qedge-com-investor-header .active .tab-header a { font-weight: 700 !important; color: #000 !important } .qedge-com-investor-header .qedge-com-tabs { position: absolute; top: 60px; z-index: 11 } .qedge-com-investor-header .qedge-com-tabs>.content.container { max-width: 1110px } .qedge-com-investor-header .qedge-com-tabs>.content.container .mod-tab { border-bottom: 1px solid #000; background: rgba(0, 0, 0, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly } .qedge-com-investor-header .qedge-com-tabs>.content.container .mod-tab .mc-title { font-size: 20px; color: #000; font-weight: 700; padding: 22px 0; line-height: 1em } .qedge-com-investor-header .qedge-com-tabs>.content.container .mod-tab .tab-content-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: unset; margin: unset } .qedge-com-investor-header .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items .qedge-com-tab-item { margin-right: 40px } .qedge-com-investor-header .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items .qedge-com-tab-item:last-child { margin-right: 0 } .qedge-com-investor-header .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items .qedge-com-tab-item .content .tab-header { font-size: 16px; color: #000; font-weight: 400 } .qedge-com-investor-header .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items .qedge-com-tab-item .content .tab-header>a { color: #999 } .for-announcement .qedge-com-event-agenda-item>.content .content-card .flag::after { left: 100px } .for-announcement .qedge-com-event-agenda-item .content .content-card .content-body a { color: #000 } .for-annunciate .qedge-com-event-agenda-item .content .content-card .content-body a { color: #000 } .for-pressCenter .container .jump { text-align: center; width: 100% } .for-pressCenter .container .jump a { font-size: 72px; color: #000; font-weight: 400 } .for-manageCompany .qedge-com-event-agenda-item>.content .content-card { padding-left: 0 } .for-common-problem .qedge-com-investor-common-problem { padding: 0 100px } .for-common-problem .qedge-com-investor-common-problem .contain { background-color: #f8f9fa; padding: 1.6% 2.1% } .for-common-problem .qedge-com-investor-common-problem .contain .content-card { border-bottom: 1px dashed #ccc } .for-common-problem .qedge-com-investor-common-problem .contain .content-card .content-question { font-weight: 700; margin-top: 2.1%; margin-bottom: .8% } .for-common-problem .qedge-com-investor-common-problem .contain .content-card .content-answer { padding-bottom: 2.1% } .for-common-problem .qedge-com-investor-common-problem:last-of-type .content-card { border-bottom: none } @media screen and (max-width: 1024px) { .qedge-com-investor-header .mobile-investor-title { width: 100%; text-align: center; font-weight: 700 } .qedge-com-investor-header .qedge-com-tabs>.content.container .mod-tab { margin-top: 30px } } @media screen and (max-width: 768px) { .for-investor .qedge-com-display-banner .content .qedge-com-tabs { top: 0px } .qedge-com-investor-header .qedge-com-tabs.fromInnovation .content .mod-tab .tab-content-group .tab-items { overflow-x: scroll } .for-common-problem .qedge-com-investor-common-problem { padding: 0 10px } .for-pressCenter .container .jump a { font-size: 36px } } .qedge-com-product-full-portfolio { margin: 0 auto } .qedge-com-product-full-portfolio>.container { max-width: 1160px } .qedge-com-product-full-portfolio>.container>.content { padding: 30px 25px } .qedge-com-product-full-portfolio>.container>.content .productList { padding-bottom: 3rem } .qedge-com-product-full-portfolio>.container>.content .productList .product-title { font-size: 24px; color: #000; letter-spacing: 0; line-height: 36px; padding-bottom: 20px; border-bottom: 1px solid #d8d8d8 } .qedge-com-product-full-portfolio>.container>.content .productList .product-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 60px; margin: 0 -0.75rem } .qedge-com-product-full-portfolio>.container>.content .productList .product-content .product-item { padding: .75rem; width: 33.333333% } .qedge-com-product-full-portfolio>.container>.content .productList .product-content .product-item .qedge-com-product-image-card-text { display: block } .qedge-com-product-full-portfolio>.container>.content .productList .product-content .product-item .qedge-com-product-image-card-text>.container>.content .image-container { height: 274px } .qedge-com-product-full-portfolio>.container>.content .productList .product-content .product-item .qedge-com-product-image-card-text>.container>.content .title { font-size: 20px; line-height: 36px; padding-top: 20px; padding-bottom: 20px; color: #000; letter-spacing: 0; margin-bottom: 0; text-align: center } .qedge-com-product-full-portfolio>.container>.content .productList .product-content .product-item .qedge-com-product-image-card-text:hover { -webkit-box-shadow: 0 4px 16px -4px rgba(0, 0, 0, .1); box-shadow: 0 4px 16px -4px rgba(0, 0, 0, .1); background: #fff } .qedge-com-product-full-portfolio>.container>.content .productList .product-content .product-item .view-more { display: none } @media screen and (max-width: 1024px) { .qedge-com-product-full-portfolio>.container>.content { padding: 32px 20px 0 20px } .qedge-com-product-full-portfolio>.container>.content .productList { padding-bottom: 2rem } .qedge-com-product-full-portfolio>.container>.content .productList .product-title { font-size: 20px } .qedge-com-product-full-portfolio>.container>.content .productList .product-content { margin: 0 } .qedge-com-product-full-portfolio>.container>.content .productList .product-content .product-item { padding: 0; border: 1px solid #d1d1d1; border-radius: 4px; margin-bottom: 20px; width: 48%; text-align: center; overflow: hidden } .qedge-com-product-full-portfolio>.container>.content .productList .product-content .product-item:nth-of-type(2n+1) { margin-right: 5px } .qedge-com-product-full-portfolio>.container>.content .productList .product-content .product-item:nth-of-type(2n) { margin-left: 5px } .qedge-com-product-full-portfolio>.container>.content .productList .product-content .product-item .qedge-com-product-image-card-text { display: block; height: 100% } .qedge-com-product-full-portfolio>.container>.content .productList .product-content .product-item .qedge-com-product-image-card-text>.container { height: 100% } .qedge-com-product-full-portfolio>.container>.content .productList .product-content .product-item .qedge-com-product-image-card-text>.container>.content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100% } .qedge-com-product-full-portfolio>.container>.content .productList .product-content .product-item .qedge-com-product-image-card-text>.container>.content .image-container { height: 160px } .qedge-com-product-full-portfolio>.container>.content .productList .product-content .product-item .qedge-com-product-image-card-text>.container>.content .title { min-height: 52px; line-height: 52px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 } .qedge-com-product-full-portfolio>.container>.content .productList .product-content .product-item .view-more { display: block; height: 46px; line-height: 46px; border-top: .5px solid #d1d1d1; font-size: 12px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-product-image-full-width { margin: 100px auto; margin-bottom: 20px } .qedge-com-product-image-full-width .container { max-width: 1160px } .qedge-com-product-image-full-width .container .content { max-width: 730px } .qedge-com-product-image-full-width .container .content .title { font-size: 40px; letter-spacing: 0; font-weight: 600 } .qedge-com-product-image-full-width .container .content .description { font-size: 16px; color: #666; text-align: left; line-height: 28px; font-weight: 400; margin-top: 22px; margin-bottom: 60px } .qedge-com-product-image-full-width .image-container .image-content { width: 100%; overflow: hidden } .qedge-com-product-image-full-width .image-container .image-content img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover;object-position: center;" } .qedge-com-product-image-full-width .image-container .image-content.image-pc { display: block } .qedge-com-product-image-full-width .image-container .image-content.image-mobile { display: none } @media screen and (max-width: 1024px) { .qedge-com-product-image-full-width { margin: 50px auto 0 auto } .qedge-com-product-image-full-width .container .content { padding: 0 20px } .qedge-com-product-image-full-width .container .content .title { font-size: 24px } .qedge-com-product-image-full-width .container .content .description { font-size: 14px; line-height: 25px; margin-bottom: 30px } .qedge-com-product-image-full-width .image-container .image-content.image-pc { display: none } .qedge-com-product-image-full-width .image-container .image-content.image-mobile { display: block } } .qedge-com-display-banner-newuinnovation { position: relative } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-wrapper .swiper-slide { height: 100% } .qedge-com-display-banner-newuinnovation>.content { margin-bottom: 0 } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs { font-size: 24px; text-align: justify; -moz-text-align-last: justify; text-align-last: justify; word-break: break-all; text-justify: distribute; color: #fff; font-weight: 400; padding-top: 80px } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .qedge-com-new-uninovation-innovation-dna { margin-top: 0 } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .qedge-com-new-uninovation-innovation-dna .title { letter-spacing: 25px; font-size: 45px; font-weight: normal; text-indent: 25px } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .qedge-com-new-uninovation-innovation-dna .description { font-size: 20px; font-weight: normal; margin-top: 60px } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .qedge-com-new-uninovation-innovation-dna .description.description-mobile { display: none } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs>div { margin-bottom: 30px } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .title-en { letter-spacing: 10px; font-weight: 200; opacity: 1; text-justify: auto } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .subtitle-en { letter-spacing: 12px } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .title-cn { font-size: 50px; height: 90px; margin-bottom: 0 } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .title-cn::after { content: ""; display: inline-block; width: 100%; height: 0; visibility: hidden } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .description a { font-size: 24px; text-align: justify; -moz-text-align-last: justify; text-align-last: justify; word-break: break-all; text-justify: distribute; color: #fff; font-weight: 400 } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination { bottom: 80px } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination .swiper-pagination-bullet { width: 243px; height: 1px } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination.-bottom-60 { bottom: 110px } .qedge-com-display-banner-newuinnovation .qedge-com-tabs { position: absolute; top: 60px; z-index: 11 } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container { max-width: 1110px } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab { background: rgba(0, 0, 0, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .mc-title { font-size: 20px; color: #fff; font-weight: 400; padding: 22px 0; line-height: 1em } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .tab-content-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: unset; margin: unset } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items-un .qedge-com-tab-item { margin-right: 40px } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items-un .qedge-com-tab-item.active .content .tab-header { color: #fff } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items-un .qedge-com-tab-item.active .content .tab-header>a { color: #fff } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items-un .qedge-com-tab-item:last-child { margin-right: 0 } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items-un .qedge-com-tab-item .content .tab-header { font-size: 16px; color: rgba(255, 255, 255, .7); line-height: 28px; text-align: justify; font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 500 } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items-un .qedge-com-tab-item .content .tab-header>a { color: rgba(255, 255, 255, .7) } @media screen and (max-width: 1024px) { .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs { font-size: 12px; margin-top: 90px; margin-top: 50px } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .qedge-com-new-uninovation-innovation-dna { margin-top: 60px; margin-bottom: 0 } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .qedge-com-new-uninovation-innovation-dna .title { letter-spacing: 0; font-size: 25px; font-weight: normal; text-indent: 5px } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .qedge-com-new-uninovation-innovation-dna .description { font-size: 14px; margin-top: 20px; font-weight: normal } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .qedge-com-new-uninovation-innovation-dna .description.description-pc { display: none } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .qedge-com-new-uninovation-innovation-dna .description.description-mobile { display: block; word-break: break-word } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .title-en { letter-spacing: 12px; line-height: 30px; margin-bottom: 6px } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .subtitle-en { letter-spacing: 5.3px; line-height: 30px; margin-bottom: 10px } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .title-cn { font-size: 24px; letter-spacing: 0px; margin-bottom: 12px } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs .title-cn::after { content: ""; display: inline-block; width: 100%; height: 0; visibility: hidden } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination { bottom: 20px } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper .banner-swiper-container .swiper-pagination .swiper-pagination-bullet { width: 85px } .qedge-com-display-banner-newuinnovation .qedge-com-tabs { top: 0 } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .mc-title { font-size: 14px; padding: 0 } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .tab-content-group { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: visible; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: right; color: #fff; position: relative } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items-un { display: none; height: auto; position: absolute; top: 0; right: 20px; padding: 0 10px } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items-un .qedge-com-tab-item { display: block; margin-right: 0px } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .tab-content-group .tab-items-un .qedge-com-tab-item .content .tab-header { height: 45px; line-height: 45px; padding: 0; font-size: 14px } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .tab-content-group .toggle-angle-icon { -webkit-transition: -webkit-transform linear .2s; transition: -webkit-transform linear .2s; transition: transform linear .2s; transition: transform linear .2s, -webkit-transform linear .2s } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .tab-content-group.-open .tab-items-un { display: block } .qedge-com-display-banner-newuinnovation .qedge-com-tabs>.content.container .mod-tab .tab-content-group.-open .toggle-angle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg) } html[lang=zh] .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs { margin-top: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-product-image-text-full-width { padding: 70px 0 70px 0; position: relative; margin-bottom: 0 } .qedge-com-product-image-text-full-width.-white .text-container .content .title { color: #fff } .qedge-com-product-image-text-full-width.-white .text-container .content .subtitle { color: #fff } .qedge-com-product-image-text-full-width.-white .text-container .content .description { color: #fff } .qedge-com-product-image-text-full-width.-white .text-container .content .description p.mi-subtitle { font-size: 24px; margin-top: 50px } .qedge-com-product-image-text-full-width .text-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .qedge-com-product-image-text-full-width .text-container .content { max-width: 520px } .qedge-com-product-image-text-full-width .text-container .content .title { font-size: 40px; letter-spacing: 0; font-weight: 600; margin-bottom: 0 } .qedge-com-product-image-text-full-width .text-container .content .subtitle { font-size: 24px; color: #000; line-height: 36px; font-weight: 500; margin-top: 20px } .qedge-com-product-image-text-full-width .text-container .content .description { font-size: 16px; color: #666; text-align: left; line-height: 28px; font-weight: 400; margin-top: 22px; margin-bottom: -10px } .qedge-com-product-image-text-full-width .image-container .image-content { width: 100%; overflow: hidden } .qedge-com-product-image-text-full-width .image-container .image-content img { display: block; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover;object-position: center;" } .qedge-com-product-image-text-full-width .image-container .image-content.image-pc { display: block } .qedge-com-product-image-text-full-width .image-container .image-content.image-mobile { display: none } .qedge-com-product-image-text-full-width.text-in-left .text-container { left: calc((100% - 1120px)/2) } .qedge-com-product-image-text-full-width.text-in-middle { margin-bottom: 0 } .qedge-com-product-image-text-full-width.text-in-middle .text-container { left: 0; right: 0 } .qedge-com-product-image-text-full-width.text-in-middle .text-container .content { text-align: center; max-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100% } .qedge-com-product-image-text-full-width.text-in-middle .text-container .content .title { font-size: 40px; letter-spacing: 5px; margin-bottom: 0; font-weight: 400 } .qedge-com-product-image-text-full-width.text-in-middle .text-container .content .description { font-size: 20px; letter-spacing: 0; line-height: 34px; text-align: center; margin-bottom: 0; margin-top: 20px } .qedge-com-product-image-text-full-width.text-in-middle .text-container .content .description-pc { display: block } .qedge-com-product-image-text-full-width.text-in-middle .text-container .content .description-mobile { display: none } .qedge-com-product-image-text-full-width.technical { background-color: #fafafa; margin-bottom: 90px; padding: 100px 0 } .qedge-com-product-image-text-full-width.technical .text-container { position: relative; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; z-index: 30; gap: 90px; top: unset; left: unset; -webkit-transform: none; transform: none } .qedge-com-product-image-text-full-width.technical .qedge-com-news-title { width: 100% } .qedge-com-product-image-text-full-width.technical .qedge-com-news-title .container { max-width: 1160px; padding: 0 25px } .qedge-com-product-image-text-full-width.technical .qedge-com-news-title .content { max-width: unset; padding-top: 0; margin-top: 0 } .qedge-com-product-image-text-full-width.technical .qedge-com-news-title .sub-title { border-top: 1px solid #a1a1aa; padding-top: 10px } .qedge-com-product-image-text-full-width.technical .qedge-com-news-title .sub-title p { color: gray } .qedge-com-product-image-text-full-width.technical .technical-container { max-width: 1160px; padding: 0 25px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-product-image-text-full-width.technical .technical-container .content { display: grid; grid-template-columns: 50% 50%; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content } .qedge-com-product-image-text-full-width.technical .technical-container .corner-img img { width: 100% } .qedge-com-product-image-text-full-width.technical .dropdown-container { position: relative } .qedge-com-product-image-text-full-width.technical .dropdown-container p.intro-tips { font-size: 12px; font-weight: 400; line-height: 19.2px; margin-top: 62px; text-align: left; color: #424245; position: absolute; bottom: -84px } .qedge-com-product-image-text-full-width.technical .dropdown { display: block; border-bottom: 1px solid #d2d2d7 } .qedge-com-product-image-text-full-width.technical .dropdown-container { padding-left: 120px } .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); font-size: 18px; color: gray; padding-left: 0; font-style: normal; font-weight: 400; text-transform: capitalize; word-wrap: break-word; white-space: normal; text-align: left; display: inline-block; height: auto; padding: 0 } .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button h1, .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button h2, .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button h3, .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button h4, .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button h5, .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button h6, .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button p, .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button em, .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button i, .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button b, .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button:hover, .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button:focus, .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button:active { border: 1px solid rgba(0, 0, 0, 0); -webkit-box-shadow: none; box-shadow: none } .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button .product-type { padding: 18px 0; padding-right: 40px; display: inline-block } .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button .icon { display: none } .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-menu { display: block; z-index: 100; height: 0; right: 0; position: relative; visibility: hidden; padding-top: 0; padding-bottom: 0 } .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-menu .dropdown-content { background-color: rgba(0, 0, 0, 0); -webkit-transition: all ease-out 1s; transition: all ease-out 1s; border-radius: 1px; cursor: pointer; color: #121212; padding-bottom: 0; padding-top: 0; -webkit-box-shadow: unset; box-shadow: unset; width: calc(100% - 32px); padding-bottom: 10px } .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-menu .dropdown-content .dropdown-more { display: block } .qedge-com-product-image-text-full-width.technical .dropdown.active .dropdown-trigger .button { font-size: 22px; color: #121212; font-weight: 700 } .qedge-com-product-image-text-full-width.technical .dropdown.active .dropdown-trigger .button .icon { display: block; margin-left: 0; margin-top: 10px; height: 2.5rem; width: 2.5rem } .qedge-com-product-image-text-full-width.technical .dropdown.active .dropdown-trigger .button .product-type { border-bottom: 1px solid rgba(0, 0, 0, 0) } .qedge-com-product-image-text-full-width.technical .dropdown.active .dropdown-trigger .dropdown-menu { border-bottom: 1px solid #d2d2d7; padding-top: 6px; padding-bottom: 6px } @media screen and (max-width: 1024px) { .qedge-com-product-image-text-full-width { position: static } .qedge-com-product-image-text-full-width.-white .text-container .content .title { color: #000 } .qedge-com-product-image-text-full-width.-white .text-container .content .subtitle { color: #000 } .qedge-com-product-image-text-full-width.-white .text-container .content .description { color: #666 } .qedge-com-product-image-text-full-width.-white .text-container .content .description p.mi-subtitle { font-size: 16px; margin-top: 0 } .qedge-com-product-image-text-full-width .text-container { position: static; margin-top: 30px; -webkit-transform: translateY(0); transform: translateY(0) } .qedge-com-product-image-text-full-width .text-container .content { padding: 0 20px } .qedge-com-product-image-text-full-width .text-container .content .title { font-size: 24px } .qedge-com-product-image-text-full-width .text-container .content .subtitle { font-size: 18px; line-height: 26px; font-weight: 500; margin-top: 10px } .qedge-com-product-image-text-full-width .text-container .content .description { font-size: 14px; line-height: 25px; margin-bottom: 30px } .qedge-com-product-image-text-full-width .image-container .image-content.image-pc { display: none } .qedge-com-product-image-text-full-width .image-container .image-content.image-mobile { display: block } .qedge-com-product-image-text-full-width.text-in-middle { position: relative; margin-top: 80px !important; margin-bottom: 0 } .qedge-com-product-image-text-full-width.text-in-middle.-white .text-container .content .title { color: #fff } .qedge-com-product-image-text-full-width.text-in-middle.-white .text-container .content .description { color: #fff } .qedge-com-product-image-text-full-width.text-in-middle.-white .text-container .content .description p.mi-subtitle { font-size: 16px; margin-top: 0 } .qedge-com-product-image-text-full-width.text-in-middle .text-container { position: absolute; width: 100%; margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .qedge-com-product-image-text-full-width.text-in-middle .text-container .content { text-align: left; display: block } .qedge-com-product-image-text-full-width.text-in-middle .text-container .content .title { font-size: 24px; letter-spacing: 5px; line-height: 34px; margin-bottom: 32px; color: #000 } .qedge-com-product-image-text-full-width.text-in-middle .text-container .content .description { text-align: left; font-size: 14px; letter-spacing: 0; line-height: 24px; color: #666 } .qedge-com-product-image-text-full-width.text-in-middle .text-container .content .description-pc { display: none } .qedge-com-product-image-text-full-width.text-in-middle .text-container .content .description-mobile { display: block } .qedge-com-product-image-text-full-width.text-in-middle .image-container .image-content { height: 560px } .qedge-com-product-image-text-full-width.text-in-middle .image-container .image-content img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover;object-position: center;" } .qedge-com-product-image-text-full-width.technical { margin-bottom: 90px; padding: 20px 0 } .qedge-com-product-image-text-full-width.technical .qedge-com-news-title .container { padding: 0 20px } .qedge-com-product-image-text-full-width.technical .qedge-com-news-title .content { max-width: unset; margin-top: 0; padding: 0 } .qedge-com-product-image-text-full-width.technical .qedge-com-news-title .sub-title p { color: gray; font-weight: 400 } .qedge-com-product-image-text-full-width.technical .technical-container { padding: 0 20px } .qedge-com-product-image-text-full-width.technical .technical-container .content { padding: 0; grid-template-columns: unset } .qedge-com-product-image-text-full-width.technical .dropdown-container p.intro-tips { position: unset; margin-bottom: 28px } .qedge-com-product-image-text-full-width.technical .dropdown { margin-bottom: 50px; margin-top: 30px } .qedge-com-product-image-text-full-width.technical .dropdown-container { padding-left: 0 } .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-menu { height: 100%; visibility: visible } .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-menu .dropdown-content { font-size: 14px; padding-bottom: 30px } .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button { font-size: 16px; color: #121212; font-weight: 700 } .qedge-com-product-image-text-full-width.technical .dropdown .dropdown-trigger .button .icon { display: block; margin-left: 0; height: 30px; width: 30px } .qedge-com-product-image-text-full-width.technical .dropdown:last-child { margin-bottom: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-product-highlights { position: relative; margin-bottom: 0 } .qedge-com-product-highlights p.intro-tips { font-size: 12px; font-weight: 400; line-height: 19.2px; margin-top: 62px; text-align: left; color: #424245 } .qedge-com-product-highlights.-white .text-container .content .title { color: #fff } .qedge-com-product-highlights.-white .text-container .content .subtitle { color: #fff } .qedge-com-product-highlights.-white .text-container .content .description { color: #fff } .qedge-com-product-highlights.-white .text-container .content .description p.mi-subtitle { font-size: 24px; margin-top: 50px } .qedge-com-product-highlights .text-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .qedge-com-product-highlights .text-container .content { max-width: 520px } .qedge-com-product-highlights .text-container .content .title { font-size: 40px; letter-spacing: 0; font-weight: 600; margin-bottom: 0 } .qedge-com-product-highlights .text-container .content .subtitle { font-size: 24px; color: #000; line-height: 36px; font-weight: 500; margin-top: 20px } .qedge-com-product-highlights .text-container .content .description { font-size: 16px; color: #666; text-align: left; line-height: 28px; font-weight: 400; margin-top: 22px; margin-bottom: -10px } .qedge-com-product-highlights .image-container .image-content { width: 100%; overflow: hidden } .qedge-com-product-highlights .image-container .image-content img { display: block; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover;object-position: center;" } .qedge-com-product-highlights .image-container .image-content.image-pc { display: block } .qedge-com-product-highlights .image-container .image-content.image-mobile { display: none } .qedge-com-product-highlights.text-in-left .text-container { left: calc((100% - 1120px)/2) } .qedge-com-product-highlights.text-in-middle { margin-bottom: 0 } .qedge-com-product-highlights.text-in-middle .text-container { left: 0; right: 0 } .qedge-com-product-highlights.text-in-middle .text-container .content { text-align: center; max-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100% } .qedge-com-product-highlights.text-in-middle .text-container .content .title { font-size: 40px; letter-spacing: 5px; margin-bottom: 0; font-weight: 400 } .qedge-com-product-highlights.text-in-middle .text-container .content .description { font-size: 20px; letter-spacing: 0; line-height: 34px; text-align: center; margin-bottom: 0; margin-top: 20px } .qedge-com-product-highlights.text-in-middle .text-container .content .description-pc { display: block } .qedge-com-product-highlights.text-in-middle .text-container .content .description-mobile { display: none } .qedge-com-product-highlights.technical { background-color: #fafafa; margin-bottom: 90px; padding-top: 100px } .qedge-com-product-highlights.technical .text-container { position: relative; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; z-index: 30; gap: 50px; top: unset; left: unset; -webkit-transform: none; transform: none } .qedge-com-product-highlights.technical .qedge-com-news-title { width: 100% } .qedge-com-product-highlights.technical .qedge-com-news-title .container { max-width: 1160px; padding: 0 25px } .qedge-com-product-highlights.technical .qedge-com-news-title .content { max-width: unset; padding-top: 0; margin-top: 0 } .qedge-com-product-highlights.technical .qedge-com-news-title .sub-title { border-top: 1px solid #a1a1aa; padding-top: 10px } .qedge-com-product-highlights.technical .qedge-com-news-title .sub-title p { color: gray } .qedge-com-product-highlights .technical-container { padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; grid-template-columns: 50% 50%; display: grid; overflow: hidden } .qedge-com-product-highlights .technical-container .corner-img { position: relative; width: 100%; height: 100% } .qedge-com-product-highlights .technical-container .corner-img img { width: 100%; height: 100% } .qedge-com-product-highlights .technical-container .accordion-container { overflow: hidden; padding-left: 40px; padding-bottom: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-product-highlights .technical-container .accordion-container .swiper { overflow: hidden; height: 510px } .qedge-com-product-highlights .technical-container .accordion-container .swiper-wrapper { width: 100% } .qedge-com-product-highlights .technical-container .accordion-container .swiper-slide { height: auto !important; padding: 22px 0 22px 0; border-bottom: 1px solid #d2d2d7; overflow: hidden } .qedge-com-product-highlights .technical-container .accordion-container .swiper-slide .accordion-group.current { font-weight: 600; color: #000; font-size: 24px; line-height: 28.8px } .qedge-com-product-highlights .technical-container .accordion-container .swiper-slide .accordion-group.current .item { display: block } .qedge-com-product-highlights .technical-container .accordion-container .swiper-slide .accordion-group.current .item p { font-size: 18px; line-height: 28px; font-weight: 400 } .qedge-com-product-highlights .technical-container .accordion-container .swiper-slide .accordion { background-color: rgba(0, 0, 0, 0); color: #a1a1aa; cursor: pointer; font-size: 20px; line-height: 28px; width: 520px; text-align: left; border: none; outline: none; -webkit-appearance: none; -webkit-transition: none; transition: none } .qedge-com-product-highlights .technical-container .accordion-container .swiper-slide .item { display: none; color: #000; max-width: 520px; font-size: 16px; line-height: 25.6px; overflow: hidden } .qedge-com-product-highlights .technical-container .accordion-container .swiper-slide.swiper-slide-active.swiper-slide .accordion { font-weight: 600; color: #000; font-size: 24px; padding: 0 0 18px 0; line-height: 28.8px } .qedge-com-product-highlights .technical-container .accordion-container .swiper-slide.swiper-slide-active.swiper-slide .item { display: block } .qedge-com-product-highlights .technical-container .accordion-container .swiper-slide~.swiper-slide:not(.swiper-slide-active) .item { display: none } .qedge-com-product-highlights .technical-container .accordion-container .swiper-slide:last-child { border: none } .qedge-com-product-highlights .technical-container .product-dot { position: absolute; border-radius: 50%; border: 1px solid #e1e1e1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; width: 25px; height: 25px; background-color: #fff; z-index: 2 } .qedge-com-product-highlights .technical-container .product-dot::before, .qedge-com-product-highlights .technical-container .product-dot::after { content: ""; position: absolute; border-radius: 50%; opacity: .9 } .qedge-com-product-highlights .technical-container .product-dot::before { width: 40px; height: 40px; background-color: #fff; border: 1px solid #e1e1e1; display: none } .qedge-com-product-highlights .technical-container .product-dot::after { width: 8px; height: 8px; background-color: #424245 } @-webkit-keyframes blink { 0%, 100% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 1 } 50% { -webkit-transform: scale(1); transform: scale(1); opacity: .5 } } @keyframes blink { 0%, 100% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 1 } 50% { -webkit-transform: scale(1); transform: scale(1); opacity: .5 } } .qedge-com-product-highlights .technical-container .product-dot.active { text-align: center; line-height: 40px; width: 25px; height: 25px } .qedge-com-product-highlights .technical-container .product-dot.active div { z-index: 20 } .qedge-com-product-highlights .technical-container .product-dot.active::before { border: 1px solid #e1e1e1; display: block; -webkit-animation: blink 3s infinite; animation: blink 3s infinite } .qedge-com-product-highlights .technical-container .dropdown { display: block; border-bottom: 1px solid #d2d2d7 } .qedge-com-product-highlights .technical-container .dropdown-container { padding-left: 120px } .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); font-size: 18px; color: gray; padding-left: 0; font-style: normal; font-weight: 400; text-transform: capitalize; word-wrap: break-word; white-space: normal; text-align: left; display: inline-block; height: auto; padding: 0 } .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button h1, .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button h2, .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button h3, .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button h4, .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button h5, .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button h6, .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button p, .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button em, .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button i, .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button b, .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button:hover, .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button:focus, .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button:active { border: 1px solid rgba(0, 0, 0, 0); -webkit-box-shadow: none; box-shadow: none } .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button .product-type { padding: 18px 0; padding-right: 40px; display: inline-block } .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button .product-type .num { margin-right: 10px } .qedge-com-product-highlights .technical-container .dropdown .dropdown-trigger .button .icon { display: none } .qedge-com-product-highlights .technical-container .dropdown .dropdown-menu { display: block; z-index: 100; height: 0; right: 0; position: relative; visibility: hidden; padding-top: 0; padding-bottom: 0 } .qedge-com-product-highlights .technical-container .dropdown .dropdown-menu .dropdown-content { background-color: rgba(0, 0, 0, 0); -webkit-transition: all ease-out 1s; transition: all ease-out 1s; border-radius: 1px; cursor: pointer; color: #121212; padding-bottom: 0; padding-top: 0; -webkit-box-shadow: unset; box-shadow: unset; width: calc(100% - 32px); padding-bottom: 10px } .qedge-com-product-highlights .technical-container .dropdown .dropdown-menu .dropdown-content .dropdown-more { display: block } .qedge-com-product-highlights .technical-container .dropdown.active .dropdown-trigger .button { font-size: 22px; color: #121212; font-weight: 700 } .qedge-com-product-highlights .technical-container .dropdown.active .dropdown-trigger .button .icon { display: block; margin-left: 0; margin-top: 10px; height: 2.5rem; width: 2.5rem } .qedge-com-product-highlights .technical-container .dropdown.active .dropdown-trigger .button .product-type { border-bottom: 1px solid rgba(0, 0, 0, 0) } .qedge-com-product-highlights .technical-container .dropdown.active .dropdown-trigger .dropdown-menu { border-bottom: 1px solid #d2d2d7; padding-top: 6px; padding-bottom: 6px } @media screen and (max-width: 1024px) { .qedge-com-product-highlights { position: static } .qedge-com-product-highlights.-white .text-container .content .title { color: #000 } .qedge-com-product-highlights.-white .text-container .content .subtitle { color: #000 } .qedge-com-product-highlights.-white .text-container .content .description { color: #666 } .qedge-com-product-highlights.-white .text-container .content .description p.mi-subtitle { font-size: 16px; margin-top: 0 } .qedge-com-product-highlights .text-container { position: static; margin-top: 30px; -webkit-transform: translateY(0); transform: translateY(0) } .qedge-com-product-highlights .text-container .content { padding: 0 20px } .qedge-com-product-highlights .text-container .content .title { font-size: 24px } .qedge-com-product-highlights .text-container .content .subtitle { font-size: 18px; line-height: 26px; font-weight: 500; margin-top: 10px } .qedge-com-product-highlights .text-container .content .description { font-size: 14px; line-height: 25px; margin-bottom: 30px } .qedge-com-product-highlights .image-container .image-content.image-pc { display: none } .qedge-com-product-highlights .image-container .image-content.image-mobile { display: block } .qedge-com-product-highlights.text-in-middle { position: relative; margin-top: 80px !important; margin-bottom: 0 } .qedge-com-product-highlights.text-in-middle.-white .text-container .content .title { color: #fff } .qedge-com-product-highlights.text-in-middle.-white .text-container .content .description { color: #fff } .qedge-com-product-highlights.text-in-middle.-white .text-container .content .description p.mi-subtitle { font-size: 16px; margin-top: 0 } .qedge-com-product-highlights.text-in-middle .text-container { position: absolute; width: 100%; margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .qedge-com-product-highlights.text-in-middle .text-container .content { text-align: left; display: block } .qedge-com-product-highlights.text-in-middle .text-container .content .title { font-size: 24px; letter-spacing: 5px; line-height: 34px; margin-bottom: 22px; color: #000 } .qedge-com-product-highlights.text-in-middle .text-container .content .description { text-align: left; font-size: 14px; letter-spacing: 0; line-height: 24px; color: #666 } .qedge-com-product-highlights.text-in-middle .text-container .content .description-pc { display: none } .qedge-com-product-highlights.text-in-middle .text-container .content .description-mobile { display: block } .qedge-com-product-highlights.text-in-middle .image-container .image-content { height: 560px } .qedge-com-product-highlights.text-in-middle .image-container .image-content img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover;object-position: center;" } .qedge-com-product-highlights.technical { margin-bottom: 90px; padding: 20px 0; background-color: #fff } .qedge-com-product-highlights.technical .text-container { gap: 0 } .qedge-com-product-highlights.technical .qedge-com-news-title .container { padding: 0 20px } .qedge-com-product-highlights.technical .qedge-com-news-title .content { max-width: unset; margin-top: 0; padding: 0 } .qedge-com-product-highlights.technical .qedge-com-news-title .sub-title p { color: gray; font-weight: 400 } .qedge-com-product-highlights.technical .technical-container { padding: 0 20px 48px 20px; width: 100%; display: block; background-color: #fafafa } .qedge-com-product-highlights.technical .technical-container .corner-img { width: 100%; height: 100% } .qedge-com-product-highlights.technical .technical-container .corner-img .product-group { display: none } .qedge-com-product-highlights.technical .technical-container .product-dot { display: none } .qedge-com-product-highlights.technical .technical-container .accordion-container { padding-left: 0; padding-bottom: 0 } .qedge-com-product-highlights.technical .technical-container .accordion-container .swiper { width: 100% } .qedge-com-product-highlights.technical .technical-container .accordion-container .swiper .swiper-wrapper { display: block; height: auto } .qedge-com-product-highlights.technical .technical-container .accordion-container .swiper .swiper-wrapper .swiper-slide { max-height: 200px; height: auto } .qedge-com-product-highlights.technical .technical-container .accordion-container .swiper .swiper-wrapper .swiper-slide .item { display: block } .qedge-com-product-highlights.technical .technical-container .accordion-container .accordion-group .icon { width: 30px; height: 30px } .qedge-com-product-highlights.technical .technical-container .accordion-container .accordion-group .accordion { color: #121212; padding: 20px 0; font-weight: 700 } .qedge-com-product-highlights.technical .dropdown { margin-bottom: 50px; margin-top: 30px } .qedge-com-product-highlights.technical .dropdown-container { padding-left: 0 } .qedge-com-product-highlights.technical .dropdown .dropdown-menu { height: 100%; visibility: visible } .qedge-com-product-highlights.technical .dropdown .dropdown-menu .dropdown-content { font-size: 14px; padding-bottom: 30px } .qedge-com-product-highlights.technical .dropdown .dropdown-trigger .button { font-size: 16px; color: #121212; font-weight: 700 } .qedge-com-product-highlights.technical .dropdown .dropdown-trigger .button .icon { display: block; margin-left: 0; height: 30px; width: 30px } .qedge-com-product-highlights.technical .dropdown:last-child { margin-bottom: 0 } } .qedge-com-new-uninovation-innovation-dna { margin: 70px auto 140px auto } .qedge-com-new-uninovation-innovation-dna .container { max-width: 730px; margin: 0 auto; text-align: center } .qedge-com-new-uninovation-innovation-dna .container .content .vertical-bar { width: 1px; height: 80px; background: #d8d8d8; margin: 60px auto } .qedge-com-new-uninovation-innovation-dna .container .content .title { font-size: 40px; line-height: 50px; margin-bottom: 20px; letter-spacing: 5px } .qedge-com-new-uninovation-innovation-dna .container .content .subtitle { font-size: 16px; letter-spacing: 8px; font-weight: 200; opacity: .8; margin-top: 20px; margin-bottom: 60px } .qedge-com-new-uninovation-innovation-dna .container .content .description { font-size: 20px; color: #666; letter-spacing: 0; line-height: 34px } .qedge-com-new-uninovation-innovation-dna .container .content .description-pc { display: block } .qedge-com-new-uninovation-innovation-dna .container .content .description-mobile { display: none } .qedge-com-new-uninovation-innovation-dna .motto { display: inline-block; margin-top: 40px; width: 161px; height: 13px; background: url("../images/samples/passion-for-change/en-white.svg") } html[lang=zh] .qedge-com-new-uninovation-innovation-dna .container .content .title { letter-spacing: 16px } html[lang=zh] .qedge-com-new-uninovation-innovation-dna .container .content .subtitle { font-size: 14px } html[lang=zh] .qedge-com-new-uninovation-innovation-dna .motto { width: 240px; height: 16px; background: url("../images/samples/passion-for-change/cn-white.svg") } html[lang=zh] .qedge-com-new-uninovation-explore>.content .text-container .text-content .title { letter-spacing: 16px } html[lang=zh] .qedge-com-product-image-text-full-width.text-in-middle .text-container .content .title { letter-spacing: 16px } @media screen and (max-width: 1024px) { .qedge-com-new-uninovation-innovation-dna { margin: 80px auto } .qedge-com-new-uninovation-innovation-dna .container { padding: 0 20px; text-align: left } .qedge-com-new-uninovation-innovation-dna .container .content .vertical-bar { display: none } .qedge-com-new-uninovation-innovation-dna .container .content .title { font-size: 24px; letter-spacing: 0; line-height: 34px; margin-bottom: 8px } .qedge-com-new-uninovation-innovation-dna .container .content .subtitle { font-size: 12px; letter-spacing: 2.5px; opacity: .8; margin-top: 8px; margin-bottom: 24px } .qedge-com-new-uninovation-innovation-dna .container .content .description { font-size: 14px; line-height: 24px } .qedge-com-new-uninovation-innovation-dna .container .content .description-pc { display: none } .qedge-com-new-uninovation-innovation-dna .container .content .description-mobile { display: block } } .qedge-com-new-uninovation-explore { margin: 140px auto } .qedge-com-new-uninovation-explore>.content { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-new-uninovation-explore>.content .image-content { -webkit-transition: all linear .5s; transition: all linear .5s; width: 50%; height: auto; z-index: 10 } .qedge-com-new-uninovation-explore>.content .image-content>.content { overflow: hidden; height: 100% } .qedge-com-new-uninovation-explore>.content .image-content img { -webkit-transition: all linear .5s; transition: all linear .5s; max-width: none; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block } .qedge-com-new-uninovation-explore>.content .image-content:hover img { -webkit-transition: all linear .5s; transition: all linear .5s; -webkit-transform: scale(1.1); transform: scale(1.1) } .qedge-com-new-uninovation-explore>.content .text-container { width: 50%; -webkit-transition: all linear .5s; transition: all linear .5s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: -139px; margin-right: 0 } .qedge-com-new-uninovation-explore>.content .text-container .text-content { padding: 70px 0; margin-left: 219px; max-width: 460px; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-new-uninovation-explore>.content .text-container .text-content .title { font-size: 40px; letter-spacing: 5px; line-height: 50px; margin-bottom: 20px; font-weight: normal } .qedge-com-new-uninovation-explore>.content .text-container .text-content .subtitle { font-size: 20px; line-height: 34px; margin-bottom: 60px } .qedge-com-new-uninovation-explore>.content .text-container .text-content .subtitle a { color: #000 } .qedge-com-new-uninovation-explore>.content .text-container .text-content .description { font-size: 20px; color: #666; line-height: 34px; font-size: 16px; line-height: 30px } .qedge-com-new-uninovation-explore>.content .text-container .text-content .arrow { -webkit-transition: all linear .5s; transition: all linear .5s; width: 90px; height: 10px; margin-top: 90px; border-bottom: 1px solid #666; position: relative; cursor: pointer } .qedge-com-new-uninovation-explore>.content .text-container .text-content .arrow::after { content: ""; display: inline-block; position: absolute; top: -2px; margin-left: 10px; width: 1px; height: 14px; background-color: #666; right: 3.3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .qedge-com-new-uninovation-explore>.content .text-container .text-content .arrow:hover { -webkit-transition: all linear .5s; transition: all linear .5s; width: 150px } .qedge-com-new-uninovation-explore>.content .image-pc { display: block } .qedge-com-new-uninovation-explore>.content .image-mobile { display: none } .qedge-com-new-uninovation-explore>.content:hover .text-container { -webkit-transition: all linear .5s; transition: all linear .5s; background-color: #fbfbfb; -webkit-transform: translateY(50px); transform: translateY(50px) } .qedge-com-new-uninovation-explore>.content:hover .image-content { -webkit-transition: all linear .5s; transition: all linear .5s; -webkit-transform: translateY(-50px); transform: translateY(-50px) } .qedge-com-new-uninovation-explore.image-in-right>.content { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .qedge-com-new-uninovation-explore.image-in-right>.content .text-container { margin-left: 0; margin-right: -139px } .qedge-com-new-uninovation-explore.image-in-right>.content .text-container .text-content { margin-right: 219px; margin-left: auto } @media screen and (max-width: 1024px) { .qedge-com-new-uninovation-explore { margin: 40px auto } .qedge-com-new-uninovation-explore>.content { display: block } .qedge-com-new-uninovation-explore>.content .text-container { width: 100%; margin-left: 0 } .qedge-com-new-uninovation-explore>.content .text-container .text-content { margin-left: 0; max-width: none; padding: 20px; margin-bottom: 32px; padding-bottom: 8px } .qedge-com-new-uninovation-explore>.content .text-container .text-content .title { font-size: 24px; letter-spacing: 5px; line-height: 34px; margin-bottom: 32px } .qedge-com-new-uninovation-explore>.content .text-container .text-content .subtitle { font-size: 14px; line-height: 24px; margin-top: 24px; margin-bottom: 16px; font-weight: 500 } .qedge-com-new-uninovation-explore>.content .text-container .text-content .description { font-size: 14px; line-height: 24px } .qedge-com-new-uninovation-explore>.content .text-container .text-content .arrow { width: 75px; margin-top: 24px } .qedge-com-new-uninovation-explore>.content .text-container .text-content .arrow::after { height: 10px; top: 1px; right: 3px } .qedge-com-new-uninovation-explore>.content .text-container .text-content .arrow:hover { width: 75px } .qedge-com-new-uninovation-explore>.content .image-content { width: 100% } .qedge-com-new-uninovation-explore>.content .image-content:hover img { -webkit-transform: none; transform: none } .qedge-com-new-uninovation-explore>.content .image-pc { display: none } .qedge-com-new-uninovation-explore>.content .image-mobile { display: block } .qedge-com-new-uninovation-explore>.content:hover .text-container { -webkit-transform: none; transform: none } .qedge-com-new-uninovation-explore>.content:hover .image-content { -webkit-transform: none; transform: none } .qedge-com-new-uninovation-explore.image-in-right>.content .text-container { margin-right: 0 } .qedge-com-new-uninovation-explore.image-in-right>.content .text-container .text-content { margin-right: 0; padding-top: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-home-innovation { padding-left: calc((100% - 1110px)/2) } .qedge-com-home-innovation .content { position: relative } .qedge-com-home-innovation .content>.title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 40px; width: 1110px; padding-top: 70px } .qedge-com-home-innovation .content>.title a { color: #000 } .qedge-com-home-innovation .content>.title a span { margin-left: 12px } .qedge-com-home-innovation .content>.title a:hover, .qedge-com-home-innovation .content>.title a:focus, .qedge-com-home-innovation .content>.title a:active { color: #666 } .qedge-com-home-innovation .content>.title a:hover, .qedge-com-home-innovation .content>.title a:focus, .qedge-com-home-innovation .content>.title a:active, .qedge-com-home-innovation .content>.title .link:hover, .qedge-com-home-innovation .content>.title .link:focus, .qedge-com-home-innovation .content>.title .link:active { color: #666 } .qedge-com-home-innovation .content>.title .ti-angle-right { display: inline-block; font-size: 15px; color: #666 } .qedge-com-home-innovation .content>.title .ti-angle-right.hover-in { -webkit-animation: hover-in .2s linear 0s 1 normal; animation: hover-in .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .qedge-com-home-innovation .content>.title .ti-angle-right.hover-out { -webkit-animation: hover-out .2s linear 0s 1 normal; animation: hover-out .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .qedge-com-home-innovation .content>.title .more-information { font-size: 16px; color: #666; letter-spacing: 0; line-height: 28px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: end; align-self: flex-end } .qedge-com-home-innovation .content>.title .more-information a { color: #666 } .qedge-com-home-innovation .content>.title.title-mobile { display: none } .qedge-com-home-innovation .content>.subTitle { font-family: PingFangSC-Regular, source-han-sans-simplified-c, sans-serif; font-weight: 400; font-size: 20px; color: #000; letter-spacing: 0; line-height: 34px } .qedge-com-home-innovation .content>.subTitle.subTitle-pc { margin-bottom: 60px } .qedge-com-home-innovation .content>.subTitle.subTitle-mobile { display: none } .qedge-com-home-innovation .content .content-swiper { overflow: hidden } .qedge-com-home-innovation .content .content-swiper .swiper-wrapper.touch-start .swiper-slide-active { opacity: 1 } .qedge-com-home-innovation .content .content-swiper .swiper-slide { -webkit-transition: all linear .5s; transition: all linear .5s } .qedge-com-home-innovation .content .content-swiper .swiper-slide .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3))); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); z-index: 10 } .qedge-com-home-innovation .content .content-swiper .swiper-slide .content { overflow: hidden; height: 627px } .qedge-com-home-innovation .content .content-swiper .swiper-slide .content img { -o-object-position: 20%; object-position: 20%; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;object-position: 20%;" } .qedge-com-home-innovation .content .content-swiper .swiper-slide img { -webkit-transition: all ease-in-out .5s; transition: all ease-in-out .5s } .qedge-com-home-innovation .content .content-swiper .swiper-slide:hover img { -webkit-transition: all ease-in-out .5s; transition: all ease-in-out .5s; -webkit-transform: scale(1.03); transform: scale(1.03) } .qedge-com-home-innovation .content .content-swiper .pagination-content { width: 1100px; position: absolute; bottom: 92px } .qedge-com-home-innovation .content .content-swiper .pagination-content .pagination-group { position: relative; z-index: 10; float: right; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-home-innovation .content .content-swiper .pagination-content .swiper-pagination-home-innovation { top: auto; height: 2px; left: auto; right: 0; width: 450px; bottom: -10px } .qedge-com-home-innovation .content .content-swiper .pagination-content .swiper-pagination-home-innovation.swiper-pagination-bullets { background: rgba(255, 255, 255, .2); position: relative; z-index: 10; float: right; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-home-innovation .content .content-swiper .pagination-content .swiper-pagination-home-innovation.swiper-pagination-bullets .swiper-pagination-bullet { position: relative; height: 2px; opacity: 1; background-color: rgba(0, 0, 0, 0); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-radius: 0 } .qedge-com-home-innovation .content .content-swiper .pagination-content .swiper-pagination-home-innovation.swiper-pagination-bullets .swiper-pagination-bullet:after { content: ""; position: absolute; left: 0; top: -25px; width: 100%; height: 50px } .qedge-com-home-innovation .content .content-swiper .pagination-content .swiper-pagination-animation-bar { position: absolute; left: 0; top: 10px; z-index: 10; height: 2px; background: #fff; -webkit-transition: left linear .3s; transition: left linear .3s } .qedge-com-home-innovation .content .content-text { display: -webkit-box; display: -ms-flexbox; display: flex; height: 191px; margin-top: 36px } .qedge-com-home-innovation .content .content-text .swiper-number { color: rgba(0, 0, 0, .5); letter-spacing: 4px; line-height: 18px; margin-right: 145px } .qedge-com-home-innovation .content .content-text .content-change-item { opacity: 0; -webkit-transition: all linear .3s; transition: all linear .3s; height: 0; max-width: 601px; display: none } .qedge-com-home-innovation .content .content-text .content-change-item.active { opacity: 1; display: block } .qedge-com-home-innovation .content .content-text .content-change-item .flags { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag { background: #ccc; border-radius: 0 0 0 .4px; font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 700; font-size: 12px; color: #fff; letter-spacing: 0; text-align: center; margin-right: 10px; line-height: 17px; padding: 2px 5px; -webkit-transition: all linear .2s; transition: all linear .2s; margin-bottom: 20px } .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag h1, .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag h2, .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag h3, .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag h4, .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag h5, .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag h6, .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag p, .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag em, .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag i, .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag b, .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag:hover, .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag:active, .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag:focus { background: #000 } .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag a { color: #fff } .qedge-com-home-innovation .content .content-text .content-change-item .title { font-size: 24px; letter-spacing: 0; line-height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-bottom: 10px } .qedge-com-home-innovation .content .content-text .content-change-item .title a { color: #000 } .qedge-com-home-innovation .content .content-text .content-change-item .details { font-size: 16px; color: #666; letter-spacing: 0; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1 } .qedge-com-home-innovation .content .content-text .content-change-item .item-details { padding-left: 60px; padding-bottom: 40px } .qedge-com-home-innovation .content .content-text .content-change-item .item-details .direction .data { color: #fff; font-size: 40px; letter-spacing: 0; line-height: 36px; margin-top: 40px; margin-bottom: 20px } .qedge-com-home-innovation .content .content-text .content-change-item .item-details .direction .title { color: #fff; font-size: 16px; padding-left: 0; letter-spacing: 0; text-align: justify; line-height: 28px } .qedge-com-home-innovation .content .content-text.content-pc { position: absolute; bottom: 0; z-index: 10; height: 152px } .qedge-com-home-innovation .content .content-text.content-pc .swiper-number { display: none } .qedge-com-home-innovation .content .content-text.content-pc .content-change-item { padding-bottom: 60px } .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .flags.flags-pc .flag { margin-left: 60px } .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .title { font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 500; font-size: 24px; color: #fff; letter-spacing: 0; line-height: 36px; padding-left: 60px } .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .title a { color: #fff; font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 500; font-size: 24px; color: #fff; letter-spacing: 0; line-height: 36px } .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .details { font-family: source-han-sans-simplified-c, sans-serif; font-style: normal; font-weight: 300; font-size: 16px; color: #fff; letter-spacing: 0; text-align: justify; line-height: 28px; padding-left: 60px } .qedge-com-home-innovation .content .content-mobile { display: none } .qedge-com-home-innovation.robot .content .content-swiper .swiper-slide:hover img { -webkit-transition: all ease-in-out .5s; transition: all ease-in-out .5s; -webkit-transform: scale(1); transform: scale(1) } .qedge-com-home-innovation.robot .content .content-swiper .swiper-slide .content { height: auto } .qedge-com-home-innovation.robot .content .content-swiper .swiper-slide .content img { display: block } .qedge-com-home-innovation.robot .content .content-swiper .swiper-slide .mask { display: none } @media screen and (max-width: 1024px) { .qedge-com-home-innovation { margin: 0 20px } .qedge-com-home-innovation .content>.title { font-size: 24px; color: #000; letter-spacing: 0; line-height: 34px; font-weight: 600; width: 100%; margin-bottom: 32px } .qedge-com-home-innovation .content>.title.title-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 30px } .qedge-com-home-innovation .content>.title.title-pc { display: none } .qedge-com-home-innovation .content>.subTitle { font-size: 16px; font-weight: 400; color: #000; letter-spacing: 0; line-height: 34px } .qedge-com-home-innovation .content>.subTitle.subTitle-mobile { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-home-innovation .content>.subTitle.subTitle-pc { display: none } .qedge-com-home-innovation .content>.content-swiper>.swiper-wrapper { display: block } .qedge-com-home-innovation .content>.content-swiper>.swiper-wrapper .swiper-slide { margin-top: 32px } .qedge-com-home-innovation .content>.content-swiper>.swiper-wrapper .swiper-slide .content { margin-bottom: 24px; height: 188px } .qedge-com-home-innovation .content>.content-swiper>.swiper-wrapper .swiper-slide .content-swiper-text .content-change-item .flag a { color: #fff } .qedge-com-home-innovation .content .content-swiper-text { color: #000; font-size: 16px; letter-spacing: 0; font-weight: 500; border-bottom: 1px solid #eee } .qedge-com-home-innovation .content .content-swiper-text .flag { background: #ccc; font-size: 12px; color: #fff; line-height: 22px; text-align: center; margin-bottom: 13px; max-width: 90px } .qedge-com-home-innovation .content .content-swiper-text .flag h1, .qedge-com-home-innovation .content .content-swiper-text .flag h2, .qedge-com-home-innovation .content .content-swiper-text .flag h3, .qedge-com-home-innovation .content .content-swiper-text .flag h4, .qedge-com-home-innovation .content .content-swiper-text .flag h5, .qedge-com-home-innovation .content .content-swiper-text .flag h6, .qedge-com-home-innovation .content .content-swiper-text .flag p, .qedge-com-home-innovation .content .content-swiper-text .flag em, .qedge-com-home-innovation .content .content-swiper-text .flag i, .qedge-com-home-innovation .content .content-swiper-text .flag b, .qedge-com-home-innovation .content .content-swiper-text .flag address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-home-innovation .content .content-swiper-text .title { line-height: 26px; margin-bottom: 13px } .qedge-com-home-innovation .content .content-swiper-text .title a { font-size: 16px; color: #000 } .qedge-com-home-innovation .content .content-swiper-text .details { font-size: 14px; color: #666; line-height: 24px; font-weight: 400; padding-bottom: 32px } .qedge-com-home-innovation .content .content-swiper-text .item-details { padding-left: 0; padding-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .qedge-com-home-innovation .content .content-swiper-text .item-details .direction { width: 50% } .qedge-com-home-innovation .content .content-swiper-text .item-details .direction .data { color: #000; font-size: 16px; letter-spacing: 0; line-height: 26px; margin-top: 20px; margin-bottom: 10px } .qedge-com-home-innovation .content .content-swiper-text .item-details .direction .title { color: #666; font-size: 14px; line-height: 24px } .qedge-com-home-innovation .content .content-mobile { display: block } .qedge-com-home-innovation .content .content-pc { display: none } .qedge-com-home-innovation.robot .content .content-swiper { position: relative } .qedge-com-home-innovation.robot .content .content-swiper .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-home-innovation.robot .content .content-swiper .swiper-wrapper .swiper-slide .content { height: auto; margin-bottom: 0 } .qedge-com-home-innovation.robot .content .content-swiper .pagination-content { width: 100%; bottom: 80px } .qedge-com-home-innovation.robot .content .content-swiper .pagination-content .pagination-group { right: calc((100% - 210px)/2) } .qedge-com-home-innovation.robot .content .content-swiper .pagination-content .swiper-pagination-home-innovation { width: 210px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-product-value-proposition { margin-top: 75px } .qedge-com-product-value-proposition .content { padding-bottom: 70px; padding-top: 20px } .qedge-com-product-value-proposition .content .container { max-width: 730px; color: #000; text-align: center; font-weight: 400 } .qedge-com-product-value-proposition .content .container .main-title { font-size: 40px; font-weight: 600; margin-top: 40px; line-height: 1.2 } .qedge-com-product-value-proposition .content .container .main-details { font-size: 16px; color: #666; line-height: 28px; margin-top: 50px; margin-bottom: 55px } .qedge-com-product-value-proposition .content .container-detailed { padding-left: calc((100% - 1110px)/2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-product-value-proposition .content .container-detailed .detailed-content { width: 445px; padding-top: 60px; padding-bottom: 60px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 110px; -ms-flex-item-align: center; align-self: center } .qedge-com-product-value-proposition .content .container-detailed .detailed-content .detailed-text { font-weight: 400; letter-spacing: 0; margin: 60px 0 } .qedge-com-product-value-proposition .content .container-detailed .detailed-content .detailed-text:first-child { margin-top: 0 } .qedge-com-product-value-proposition .content .container-detailed .detailed-content .detailed-text:last-child { margin-bottom: 0 } .qedge-com-product-value-proposition .content .container-detailed .detailed-content .detailed-text .title { color: #666; text-align: left; line-height: 28px; margin-bottom: 10px; font-size: 16px; font-weight: 400 } .qedge-com-product-value-proposition .content .container-detailed .detailed-content .detailed-text .details { font-size: 24px; color: #000; line-height: 36px; font-weight: 600 } .qedge-com-product-value-proposition .content .container-detailed .detailed-img { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .qedge-com-product-value-proposition .content .container-detailed .detailed-img img { width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: "object-fit: cover;object-position: center center;" } .qedge-com-product-value-proposition.img-in-left .content .container-detailed { padding-left: 0; padding-right: calc((100% - 1110px)/2); -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .qedge-com-product-value-proposition.img-in-left .content .container-detailed .detailed-content { margin-right: 0; margin-left: 125px } .qedge-com-product-value-proposition.meetproduct { margin-top: 0; padding-top: 75px } .qedge-com-product-value-proposition.meetproduct .content .container { max-width: 1110px } .qedge-com-product-value-proposition.meetproduct .content .container .title { font-size: 40px; text-align: start; margin-bottom: 28px } .qedge-com-product-value-proposition.meetproduct .content .container-detailed .detailed-content { padding: 0 } .qedge-com-product-value-proposition.meetproduct .content .container-detailed .detailed-content .detailed-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin: 58px 0 } .qedge-com-product-value-proposition.meetproduct .content .container-detailed .detailed-content .detailed-text:first-child { margin-top: 0 } .qedge-com-product-value-proposition.meetproduct .content .container-detailed .detailed-content .detailed-text:nth-of-type(2) { margin-top: 0 } .qedge-com-product-value-proposition.meetproduct .content .container-detailed .detailed-content .detailed-text:last-child { margin-bottom: 0 } .qedge-com-product-value-proposition.meetproduct .content .container-detailed .detailed-content .detailed-text .title { margin-bottom: 0 } .qedge-com-product-value-proposition.meetproduct .content .container-detailed .detailed-content .detailed-text .details { margin-bottom: 10px } .qedge-com-product-value-proposition.background-white-smoke { margin-top: 0; padding-top: 75px; background-color: #f5f5f5 } @media screen and (max-width: 1024px) { .qedge-com-product-value-proposition { margin: 0 20px } .qedge-com-product-value-proposition .content .container .main-title { font-size: 32px; margin-bottom: 30px } .qedge-com-product-value-proposition .content .container .main-details { margin: 0 } .qedge-com-product-value-proposition .content .container-detailed { display: block } .qedge-com-product-value-proposition .content .container-detailed .detailed-content { padding: 30px 0; margin-right: 0; width: auto } .qedge-com-product-value-proposition .content .container-detailed .detailed-content .detailed-text { margin: 30px 0 } .qedge-com-product-value-proposition .content .container-detailed .detailed-content .detailed-text .details { font-size: 16px } .qedge-com-product-value-proposition .content .container-detailed .detailed-img { width: 100% } .qedge-com-product-value-proposition .content .container-detailed .detailed-img img { width: 100%; height: auto } .qedge-com-product-value-proposition.img-in-left .content .container-detailed .detailed-content { margin-right: 0; margin-left: 0 } .qedge-com-product-value-proposition.meetproduct { padding-top: 0 } .qedge-com-product-value-proposition.meetproduct .content .container .title { font-size: 24px; margin-bottom: 14px } .qedge-com-product-value-proposition.meetproduct .content .container-detailed .detailed-content { padding: 30px 0 } .qedge-com-product-value-proposition.background-white-smoke { padding: 0 20px; margin: 0 } } .qedge-com-join-social .padding-lr-30px { padding-left: 30px; padding-right: 30px } .qedge-com-join-social .padding-lr-50px { padding-left: 50px; padding-right: 50px } .qedge-com-join-social .padding-lr-100px { padding-left: 100px; padding-right: 100px } .qedge-com-join-social .padding-tb-30px { padding-top: 30px; padding-bottom: 30px } .qedge-com-join-social .padding-tb-50px { padding-top: 50px; padding-bottom: 50px } .qedge-com-join-social .padding-tb-100px { padding-top: 100px; padding-bottom: 100px } .qedge-com-join-social .margin-t-50px { margin-top: 50px } .qedge-com-join-social .margin-b-50px { margin-bottom: 50px } .qedge-com-join-social .margin-tb-50px { margin-top: 50px; margin-bottom: 50px } .qedge-com-join-social .margin-t-100px { margin-top: 100px } .qedge-com-join-social .margin-b-100px { margin-bottom: 100px } .qedge-com-join-social .margin-tb-100px { margin-top: 100px; margin-bottom: 100px } .qedge-com-join-social .margin-t-150px { margin-top: 150px } .qedge-com-join-social .margin-b-150px { margin-bottom: 150px } .qedge-com-join-social .margin-tb-150px { margin-top: 150px; margin-bottom: 150px } .qedge-com-join-social .visible-xs { display: none } .qedge-com-join-social a { color: #000 } .qedge-com-join-social a:visited, .qedge-com-join-social a:hover { color: #000 } .qedge-com-join-social .dropdown-item.is-active, .qedge-com-join-social button.dropdown-item.is-active { background-color: #3273dc; color: #fff } .qedge-com-join-social td, .qedge-com-join-social th { padding: 0 } .qedge-com-join-social th { text-align: left } .qedge-com-join-social .dropdown .custom-filter-btn { border: none; background: rgba(0, 0, 0, 0); border-radius: 0; font-weight: bold; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; padding: 6px 12px; padding-left: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-join-social .dropdown .custom-filter-btn span, .qedge-com-join-social .dropdown .custom-filter-btn i { font-weight: bold } .qedge-com-join-social .dropdown .custom-filter-btn:hover { color: #333; background-color: #e6e6e6; border-color: #adadad } .qedge-com-join-social .dropdown.is-active .dropdown-trigger .custom-filter-btn:focus, .qedge-com-join-social .dropdown.is-active .dropdown-trigger .custom-filter-btn:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c } .qedge-com-join-social .dropdown-menu { overflow: hidden; position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .18); box-shadow: 0 6px 12px rgba(0, 0, 0, .18) } .qedge-com-join-social .dropdown-menu>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap } .qedge-com-join-social .custom-filter-btn span.btn-inner-text { font-size: 18px } .qedge-com-join-social .custom-filter-btn .icon.is-small { margin-left: 5px } .qedge-com-join-social .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0em 1.5em } .qedge-com-join-social .dataTables_wrapper .dataTables_paginate .paginate_button.current, .qedge-com-join-social .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #fff !important; border: 1px solid #979797 } .qedge-com-join-social .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .qedge-com-join-social .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .qedge-com-join-social .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); -webkit-box-shadow: none; box-shadow: none } .qedge-com-join-social .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #fff !important; border: 1px solid #fff; background-color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); background: linear-gradient(to bottom, #fff 0%, #fff 100%) } .qedge-com-join-social .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); background: linear-gradient(to bottom, #fff 0%, #fff 100%); -webkit-box-shadow: inset 0 0 3px #fff; box-shadow: inset 0 0 3px #fff } .qedge-com-join-social .paginate_button i { color: #111 } .qedge-com-join-social .paginate_button.disabled i { color: #666 !important } .qedge-com-join-social table.dataTable thead th.custom-padding { padding: 10px 5px; text-align: left } .qedge-com-join-social table.dataTable tbody td.custom-padding { padding-top: 30px; padding-bottom: 30px } .qedge-com-join-social td.custom-title { font-size: 24px; font-weight: bold; line-height: 24px } .qedge-com-join-social td.custom-title:hover { text-decoration: underline } .qedge-com-join-social .custom-btn-default { border-color: #000; width: 200px; height: 50px; border-radius: 0; margin: 0 auto } @media screen and (max-width: 1024px) { .qedge-com-join-social .hidden-xs { display: none !important } .qedge-com-join-social .visible-xs { display: block !important } .qedge-com-join-social table.visible-xs { display: table !important } .qedge-com-join-social td.visible-xs, .qedge-com-join-social th.visible-xs { display: table-cell !important } .qedge-com-join-social .padding-lr-30px { padding-left: 15px; padding-right: 15px } .qedge-com-join-social table.dataTable tbody td.custom-padding h2 { font-size: 1.05rem } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-social-job-detail-banner .content { height: 100%; position: relative } .qedge-com-social-job-detail-banner .content .qedge-com-motional-bg-image { position: relative; height: 500px } .qedge-com-social-job-detail-banner .content .banner-details { z-index: 10; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 640px; margin: 0 auto } .qedge-com-social-job-detail-banner .content .banner-details .content { color: #fff } .qedge-com-social-job-detail-banner .content .banner-details .content .detail-title { font-size: 48px; line-height: 1.2 } .qedge-com-social-job-detail-banner .content .banner-details .content .details-location { font-size: 16px; margin-top: 10px } .qedge-com-social-job-detail.container.is-fullhd { max-width: 640px } @media screen and (max-width: 1024px) { .qedge-com-display-banner .content .qedge-com-motional-bg-image { height: 184px } .qedge-com-social-job-detail.container.is-fullhd .main-content { max-height: none } .qedge-com-social-job-detail-banner .content .qedge-com-motional-bg-image { height: 300px } .qedge-com-social-job-detail-banner .content .banner-details .content .detail-title { font-size: 24px } } @media screen and (max-width: 375px) { .qedge-com-social-job-detail-banner .content .banner-details .content .detail-title { font-size: 24px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-common-question-QA { margin-top: 110px } .qedge-com-common-question-QA .container .question-card { border-top: 1px solid #ececec; padding: 60px 0 } .qedge-com-common-question-QA .container .question-card:last-child { border-bottom: 1px solid #ececec } .qedge-com-common-question-QA .container .question-card .tiele-question { font-size: 24px; font-weight: 500; margin-bottom: 20px; line-height: initial } .qedge-com-common-question-QA .container .question-card .content-answer { color: #666; margin: 0; font-size: 16px; text-align: justify } .qedge-com-common-question-QA .container .question-card .content-answer li { list-style: none } .qedge-com-common-question-QA .container .question-card .content-answer li.content-li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 20px 0 } .qedge-com-common-question-QA .container .question-card .content-answer li.content-li:last-child { margin-bottom: 0 } .qedge-com-common-question-QA .container .question-card .hasIcon .icon-answer { width: 20px; height: 20px; margin-right: 15px } @media screen and (max-width: 1024px) { .qedge-com-common-question-QA { margin-top: 48px } .qedge-com-common-question-QA .container .question-card { padding: 32px 0; line-height: 1.2 } .qedge-com-common-question-QA .container .question-card .tiele-question { font-size: 16px; margin-bottom: 8px; line-height: 26px } .qedge-com-common-question-QA .container .question-card .content-answer { font-size: 14px; line-height: 24px } .qedge-com-common-question-QA .container .question-card .content-answer li.content-li { margin: 0 0 16px 0 } .qedge-com-common-question-QA .container .question-card .hasIcon .icon-answer { margin-right: 24px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-common-question-form.qedge-com-form { padding-top: 40px } .qedge-com-common-question-form.qedge-com-form .content form { padding: 0 } .qedge-com-common-question-form.qedge-com-form .content form .label { color: #000; font-weight: 500; font-size: 18px; margin-bottom: 0; line-height: initial } .qedge-com-common-question-form.qedge-com-form .content form .field { -ms-flex-wrap: wrap; flex-wrap: wrap } .qedge-com-common-question-form.qedge-com-form .content form .field.question .label { margin-top: 60px; margin-bottom: 60px } .qedge-com-common-question-form.qedge-com-form .content form .field .field-validation-error { display: block; width: 100% } .qedge-com-common-question-form.qedge-com-form .content form .input { border-bottom: 1px solid #ececec } .qedge-com-common-question-form.qedge-com-form .content form .textarea { border: 1px solid #ececec; padding: 10px 20px; min-height: 200px; overflow-y: hidden; resize: none } .qedge-com-common-question-form.qedge-com-form .content form .btn-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-common-question-form.qedge-com-form .content form .btn-container .form-button { min-width: 286px; min-height: 70px; background-color: #000; font-size: 24px; color: #fff } .qedge-com-common-question-form.qedge-com-form .content form .btn-read-and-accept { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-common-question-form.qedge-com-form .content form .btn-read-and-accept span.text { color: #000; font-weight: 500; margin-left: 10px; line-height: initial } .qedge-com-common-question-form.qedge-com-form .content form .btn-read-and-accept span.text .message { color: #666; background-color: rgba(0, 0, 0, 0) } .qedge-com-common-question-form.qedge-com-form .content form .field:not(.question) { margin-bottom: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .qedge-com-common-question-form.qedge-com-form .content form .field:not(.question):nth-last-child(2) { margin-top: 60px; margin-bottom: 60px } .qedge-com-common-question-form.qedge-com-form .content form .field:not(.question):nth-last-child(2) .field-validation-error { display: block; width: auto } .qedge-com-common-question-form.qedge-com-form .content form .field:not(.question):last-child { margin-bottom: 0 } .qedge-com-common-question-form.qedge-com-form .content form .field:not(.question) .control { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 20px } @media screen and (max-width: 1024px) { .qedge-com-common-question-form.qedge-com-form { padding-top: 0px } .qedge-com-common-question-form.qedge-com-form .content form .btn-container .form-button { margin-top: 0; min-width: auto; min-height: auto; width: 134px; height: 36px; font-size: 16px; line-height: 26px; margin-bottom: 0; line-height: normal; display: inline-block; padding-bottom: 6px; padding-top: 2px } .qedge-com-common-question-form.qedge-com-form .content form .columns { margin: 0 } .qedge-com-common-question-form.qedge-com-form .content form .columns .column { padding-top: 0; margin-top: 0 } .qedge-com-common-question-form.qedge-com-form .content form .columns .column .field { display: block; padding: 0; margin-bottom: 32px } .qedge-com-common-question-form.qedge-com-form .content form .columns .column .field:not(.question) .control { margin-left: 0 } .qedge-com-common-question-form.qedge-com-form .content form .columns .column .field:not(.question):nth-last-child(2) { margin-top: 32px } .qedge-com-common-question-form.qedge-com-form .content form .columns .column .field.question .label { margin-top: 32px; margin-bottom: 32px } .qedge-com-common-question-form.qedge-com-form .content form .label { font-size: 16px; line-height: 26px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-investor-announcement { padding-top: 40px } .qedge-com-investor-announcement>.container { max-width: 1160px } .qedge-com-investor-announcement>.container>.content { padding: 30px 25px 70px 25px } .qedge-com-investor-announcement>.container>.content .display-title { margin-bottom: 0 } .qedge-com-investor-announcement>.container>.content .display-title .level { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-investor-announcement>.container>.content .display-title .title { font-size: 40px; margin-bottom: 0px } .qedge-com-investor-announcement>.container>.content .display-title .title h1, .qedge-com-investor-announcement>.container>.content .display-title .title h2, .qedge-com-investor-announcement>.container>.content .display-title .title h3, .qedge-com-investor-announcement>.container>.content .display-title .title h4, .qedge-com-investor-announcement>.container>.content .display-title .title h5, .qedge-com-investor-announcement>.container>.content .display-title .title h6, .qedge-com-investor-announcement>.container>.content .display-title .title p, .qedge-com-investor-announcement>.container>.content .display-title .title em, .qedge-com-investor-announcement>.container>.content .display-title .title i, .qedge-com-investor-announcement>.container>.content .display-title .title b, .qedge-com-investor-announcement>.container>.content .display-title .title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-investor-announcement>.container>.content .display-title .title a { color: #000 } .qedge-com-investor-announcement>.container>.content .display-title .title a:hover { color: #666 } .qedge-com-investor-announcement>.container>.content .display-title .event-item, .qedge-com-news-title .qedge-com-investor-announcement>.container>.content .display-title .spacing { -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 0px; font-size: 16px; color: #000; height: 27px; margin-top: 0 } .qedge-com-investor-announcement>.container>.content .display-title .event-item a span, .qedge-com-news-title .qedge-com-investor-announcement>.container>.content .display-title .spacing a span { margin-left: 12px } .qedge-com-investor-announcement>.container>.content .display-title .event-item a:hover, .qedge-com-news-title .qedge-com-investor-announcement>.container>.content .display-title .spacing a:hover, .qedge-com-investor-announcement>.container>.content .display-title .event-item a:focus, .qedge-com-news-title .qedge-com-investor-announcement>.container>.content .display-title .spacing a:focus, .qedge-com-investor-announcement>.container>.content .display-title .event-item a:active, .qedge-com-news-title .qedge-com-investor-announcement>.container>.content .display-title .spacing a:active { color: #666 } .qedge-com-investor-announcement>.container>.content .display-title .event-item .ti-angle-right, .qedge-com-news-title .qedge-com-investor-announcement>.container>.content .display-title .spacing .ti-angle-right { display: inline-block; font-size: 15px; color: #666 } .qedge-com-investor-announcement>.container>.content .display-title .event-item .ti-angle-right.hover-in, .qedge-com-news-title .qedge-com-investor-announcement>.container>.content .display-title .spacing .ti-angle-right.hover-in { -webkit-animation: hover-in .2s linear 0s 1 normal; animation: hover-in .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .qedge-com-investor-announcement>.container>.content .display-title .event-item .ti-angle-right.hover-out, .qedge-com-news-title .qedge-com-investor-announcement>.container>.content .display-title .spacing .ti-angle-right.hover-out { -webkit-animation: hover-out .2s linear 0s 1 normal; animation: hover-out .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .qedge-com-investor-announcement>.container>.content .display-content .display-image img { display: block } .qedge-com-investor-announcement>.container>.content .display-content .text { margin-top: 20px } .qedge-com-investor-announcement>.container>.content .display-content .title { font-size: 24px; font-weight: 500; margin-bottom: 20px; margin-top: 20px; line-height: 36px } .qedge-com-investor-announcement>.container>.content .display-content .time { font-size: 16px; color: #666; line-height: 28px } .qedge-com-investor-announcement>.container>.content .display-content .question-title { font-size: 24px; letter-spacing: 0; line-height: 36px; font-weight: 500; margin-bottom: 20px } .qedge-com-investor-announcement>.container>.content .display-content .direction { font-size: 16px; color: #666; line-height: 28px; font-weight: 400 } .qedge-com-investor-announcement>.container>.content .qedge-com-news-title+.display-content { margin-top: 30px } .qedge-com-investor-announcement.two-column .container .content .display-content { margin-bottom: 30px } .qedge-com-investor-announcement.two-column .container .content .display-content .detailed { font-size: 16px; color: #666 } .qedge-com-investor-announcement.two-column .container .content .display-content .display-image { width: 540px; height: 411px; overflow: hidden } .qedge-com-investor-announcement.two-column .container .content .display-content .display-image img { -o-object-fit: cover; object-fit: cover; width: 100% } .qedge-com-investor-announcement.investor-contact>.container>.content .display-title { margin-bottom: 30px } .qedge-com-investor-announcement.investor-contact>.container>.content .qedge-com-news-title .title { font-size: 40px; line-height: 50px } .qedge-com-investor-announcement.investor-contact>.container>.content .display-content .content-title { font-size: 24px; line-height: 36px; margin-bottom: 20px; font-weight: 500 } .qedge-com-investor-announcement.investor-contact>.container>.content .display-content ul.content-contact { margin-left: 0 } .qedge-com-investor-announcement.investor-contact>.container>.content .display-content ul.content-contact li.content-li { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-investor-announcement.investor-contact>.container>.content .display-content ul.content-contact li.content-li:last-child { margin-bottom: 0 } .qedge-com-investor-announcement.investor-contact>.container>.content .display-content ul.content-contact li.content-li .icon-answer { margin-right: 15px } .qedge-com-investor-announcement.investor-contact>.container>.content .display-content ul.content-contact li.content-li .icon-answer img { display: block } .qedge-com-investor-announcement.investor-contact>.container>.content .display-content ul.content-contact li.content-li .content-answer { line-height: initial; color: #666 } .qedge-com-investor-announcement .qedge-com-announcement-item { display: block; margin-top: 30px } .qedge-com-investor-announcement .qedge-com-announcement-item .qedge-com-announcement-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .qedge-com-investor-announcement .qedge-com-announcement-item .qedge-com-announcement-right .qedge-com-announcement-title { padding: 0 } @media screen and (max-width: 1024px) { .qedge-com-investor-announcement { padding-top: 30px } .qedge-com-investor-announcement .container .content { padding: 15px 25px 35px 25px } .qedge-com-investor-announcement .container .content .display-title { margin-bottom: 0 } .qedge-com-investor-announcement .container .content .display-title .title { font-size: 24px; line-height: 34px } .qedge-com-investor-announcement .container .content .display-title .event-item .more-text, .qedge-com-investor-announcement .container .qedge-com-news-title .content .display-title .spacing .more-text, .qedge-com-news-title .qedge-com-investor-announcement .container .content .display-title .spacing .more-text { display: none } .qedge-com-investor-announcement .container .content .display-content:not(:last-child) { margin-bottom: 16px } .qedge-com-investor-announcement .container .content .display-content .text { margin-top: 20px } .qedge-com-investor-announcement .container .content .display-content .title { font-size: 16px; margin: 0 0 8px 0; line-height: 26px; font-weight: 500 } .qedge-com-investor-announcement .container .content .display-content .time { font-size: 12px; line-height: 22px } .qedge-com-investor-announcement .container .content .display-content .question-title { font-size: 16px; line-height: 26px; margin-bottom: 8px } .qedge-com-investor-announcement .container .content .display-content .direction { font-size: 12px; line-height: 22px } .qedge-com-investor-announcement .container .content .qedge-com-news-title+.display-content { margin-top: 32px } .qedge-com-investor-announcement.two-column .container .content .display-content .detailed { font-size: 14px; line-height: 24px; margin-bottom: 8px } .qedge-com-investor-announcement.two-column .container .content .display-content .display-image { width: 100%; height: 188px } .qedge-com-investor-announcement.two-column .container .content .display-content .title { margin-top: 24px; font-size: 16px; line-height: 26px; font-weight: 500 } .qedge-com-investor-announcement.investor-contact>.container>.content .qedge-com-news-title { margin-bottom: 20px } .qedge-com-investor-announcement.investor-contact>.container>.content .qedge-com-news-title .title { font-size: 24px; line-height: 30px } .qedge-com-investor-announcement.investor-contact>.container>.content .display-content .content-title { font-size: 16px; margin-bottom: 24px; line-height: 26px; font-weight: 500 } .qedge-com-investor-announcement.investor-contact>.container>.content .display-content ul.content-contact { margin-left: 0 } .qedge-com-investor-announcement.investor-contact>.container>.content .display-content ul.content-contact li.content-li { margin-bottom: 15px } .qedge-com-investor-announcement.investor-contact>.container>.content .display-content ul.content-contact li.content-li:last-child { margin-bottom: 0 } .qedge-com-investor-announcement.investor-contact>.container>.content .display-content ul.content-contact li.content-li .icon-answer { margin-right: 24px; width: 20px; height: 20px; overflow: hidden } .qedge-com-investor-announcement.investor-contact>.container>.content .display-content ul.content-contact li.content-li .icon-answer img { width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-investor-announcement.investor-contact>.container>.content .display-content ul.content-contact li.content-li .content-answer { font-size: 14px; color: #666; line-height: 24px } .qedge-com-investor-announcement .qedge-com-announcement-item .qedge-com-announcement-right .qedge-com-announcement-title { font-size: 16px; line-height: 26px; font-weight: 500; max-width: 260px } .qedge-com-investor-announcement .qedge-com-announcement-item .qedge-com-announcement-right .qedge-com-announcement-download { height: 15px; width: 15px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-corporate-structure-table .container .content { padding-top: 60px } .qedge-com-corporate-structure-table .container .content .structure-table { text-align: center } .qedge-com-corporate-structure-table .container .content .structure-table .table-header { background: #fafafa; -webkit-box-shadow: 0 1px 4px 0 rgba(106, 106, 106, .66); box-shadow: 0 1px 4px 0 rgba(106, 106, 106, .66); height: 100px } .qedge-com-corporate-structure-table .container .content .structure-table .columns { margin: 0 } .qedge-com-corporate-structure-table .container .content .structure-table .columns .column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; font-size: 18px; line-height: 36px; padding-top: 35px; padding-bottom: 35px; margin-top: 0 } .qedge-com-corporate-structure-table .container .content .structure-table .columns .column .mobile-show { display: none } .qedge-com-corporate-structure-table .container .content .structure-table .table-content .table-content-item { cursor: pointer; border-bottom: 1px solid #ececec } .qedge-com-corporate-structure-table .container .content .structure-table .table-content .table-content-item .person-message { background-color: #fafafa; text-align: left; padding: 32px 50px; color: #666; font-size: 16px; line-height: 28px } @media screen and (max-width: 1024px) { .qedge-com-corporate-structure-table .container .content { padding-top: 24px } .qedge-com-corporate-structure-table .container .content .structure-table .columns { height: auto } .qedge-com-corporate-structure-table .container .content .structure-table .columns .column { padding: 0; font-size: 12px; padding: 8px 0; line-height: 22px } .qedge-com-corporate-structure-table .container .content .structure-table .columns .column img { width: 12px; -o-object-fit: cover; object-fit: cover } .qedge-com-corporate-structure-table .container .content .structure-table .columns .column .mobile-show { display: inline-block } .qedge-com-corporate-structure-table .container .content .structure-table .columns .column .pc-show { display: none } .qedge-com-corporate-structure-table .container .content .structure-table .table-header { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 70px } .qedge-com-corporate-structure-table .container .content .structure-table .table-header.columns .column { font-weight: 600; line-height: 22px } .qedge-com-corporate-structure-table .container .content .structure-table .table-content .table-content-item { padding: 0 } .qedge-com-corporate-structure-table .container .content .structure-table .table-content .table-content-item .person-message { font-size: 14px; padding: 10px; line-height: 24px } .qedge-com-corporate-structure-table .container .content .structure-table .table-content .table-content-item .columns { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-corporate-structure-table .container .content .structure-table .table-content .table-content-item .columns .column { min-height: 70px; font-size: 12px; line-height: 18px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-corporate-structure .qedge-com-corporate-tabs>.container { max-width: 1160px } .qedge-com-corporate-structure .qedge-com-corporate-tabs>.container>.content { padding: 30px 25px 70px 25px } .qedge-com-corporate-structure .qedge-com-corporate-tabs>.container>.content .title { font-size: 40px; line-height: 50px; margin-bottom: 30px } .qedge-com-corporate-structure .qedge-com-corporate-tabs>.container>.content .tab-tabs { font-size: 20px; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; padding: 0; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 } .qedge-com-corporate-structure .qedge-com-corporate-tabs>.container>.content .tab-tabs .tab { width: auto; padding-right: 40px; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0 } .qedge-com-corporate-structure .qedge-com-corporate-tabs>.container>.content .tab-tabs .tab .link { color: #000 } .qedge-com-corporate-structure .qedge-com-corporate-tabs>.container>.content .tab-tabs .tab .link::after { display: none } .qedge-com-corporate-structure .qedge-com-corporate-tabs>.container>.content .tab-tabs .tab .link.active { font-weight: 600 } @media screen and (max-width: 1024px) { .qedge-com-corporate-structure .qedge-com-corporate-tabs>.container>.content { padding: 15px 25px 35px 25px } .qedge-com-corporate-structure .qedge-com-corporate-tabs>.container>.content .tab-tabs { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-corporate-structure .qedge-com-corporate-tabs>.container>.content .tab-tabs .tab { padding: inherit } .qedge-com-corporate-structure .qedge-com-corporate-tabs>.container>.content .tab-tabs .tab:last-child { padding-right: 0 } .qedge-com-corporate-structure .qedge-com-corporate-tabs>.container>.content .tab-tabs .tab .link { height: auto } .qedge-com-corporate-structure .qedge-com-corporate-tabs>.container>.content .tab-tabs .tab .tab-title { font-size: 18px; line-height: 26px } .qedge-com-corporate-structure .qedge-com-corporate-tabs>.container>.content .title { font-size: 24px; line-height: 30px; margin-bottom: 32px } } .qedge-shares { border: 1px solid #666; border-radius: 16px; width: 100%; height: 511px; padding: 50px 100px } .qedge-shares-title { padding-bottom: 45px; border-bottom: 1px solid #d8d8d8 } .qedge-shares-price { border-bottom: 1px solid #d8d8d8; padding-top: 55px; padding-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-shares-single { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .qedge-shares-quantity { padding-right: 50px } .qedge-shares-number { font-size: 72px; color: #000; letter-spacing: 0; line-height: 50px; font-weight: 400; padding-bottom: 24px; font-weight: bold } .qedge-shares-number.single { font-size: 60px; color: #4faf4c; padding-bottom: 30px } .qedge-shares-number.rose-color { color: #f33 } .qedge-shares-unit { font-size: 24px; color: #000; letter-spacing: -0.33px; line-height: 36px; font-weight: 300 } .qedge-shares-unit.single { font-weight: 400; color: #666 } .qedge-shares-desc { padding-top: 43px } .qedge-shares-name { font-size: 40px; color: #000; letter-spacing: 0; line-height: 50px; font-weight: 600; margin-bottom: 8px } .qedge-shares-name.single { font-size: 29px } .qedge-shares-time { font-size: 18px; color: #666; letter-spacing: 0; line-height: 36px; font-weight: 400 } .qedge-shares-market { font-size: 16px; color: #666; line-height: 28px; font-weight: 400; margin-bottom: 60px } .qedge-shares-en .qedge-shares-title { border: 0; padding-bottom: 40px } .qedge-shares-en .qedge-shares-price { border: 0; padding-top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .qedge-shares-en .qedge-shares-price .qedge-shares-single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding-bottom: 20px } .qedge-shares-en .qedge-shares-price .qedge-shares-single .shares-unit { font-size: 24px; color: #000; letter-spacing: 0; line-height: 24px; font-weight: 700; padding-right: 15px } .qedge-shares-en .qedge-shares-price .qedge-shares-single .shares-price-number { font-size: 72px; color: #000; letter-spacing: 0; line-height: 72px; font-weight: 700 } .qedge-shares-en .qedge-shares-price .qedge-shares-range { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .qedge-shares-en .qedge-shares-price .qedge-shares-range.single { color: #4faf4c } .qedge-shares-en .qedge-shares-price .qedge-shares-range.single .shares-logo { border-top: 15px solid #4faf4c } .qedge-shares-en .qedge-shares-price .qedge-shares-range.rose-color { color: #f33 } .qedge-shares-en .qedge-shares-price .qedge-shares-range.rose-color .shares-logo { border-bottom: 15px solid #f33 } .qedge-shares-en .qedge-shares-price .qedge-shares-range .shares-logo { width: 0; height: 0; border-right: 7.5px solid rgba(0, 0, 0, 0); border-left: 7.5px solid rgba(0, 0, 0, 0) } .qedge-shares-en .qedge-shares-price .qedge-shares-range .shares-value { padding-left: 20px; font-size: 24px; letter-spacing: -0.33px; line-height: 36px; font-weight: 200 } .qedge-shares-en .qedge-shares-price .qedge-shares-range .shares-range { padding-left: 40px; font-size: 24px; letter-spacing: -0.33px; line-height: 36px; font-weight: 200 } .qedge-shares-en .qedge-shares-desc { padding-top: 20px; font-size: 16px; color: #666; letter-spacing: 0; line-height: 36px; font-weight: 400; white-space: nowrap } .qedge-shares-en .qedge-shares-delay { font-size: 16px; color: #000; text-align: justify; line-height: 28px; font-weight: 400; padding-top: 40px } @media screen and (max-width: 1024px) { .qedge-shares { border: 1px solid #979797; border-radius: 8px; width: 100%; height: 223px; padding: 18px 10px; margin-top: 32px } .qedge-shares-title { padding-bottom: 9px; border-bottom: 1px solid #d8d8d8 } .qedge-shares-price { border-bottom: 1px solid #d8d8d8; padding-top: 9px; padding-bottom: 9px; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-shares-single { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .qedge-shares-quantity { padding-right: 0px; padding-left: 12px } .qedge-shares-number { font-size: 24px; color: #000; letter-spacing: 0; line-height: 30px; font-weight: 600; padding-bottom: 9px } .qedge-shares-number.single { font-size: 24px; padding-bottom: 9px } .qedge-shares-unit { font-size: 12px; color: #666; letter-spacing: -0.26px; line-height: 22px; font-weight: 400 } .qedge-shares-desc { padding-top: 9px; font-size: 12px; color: #666; letter-spacing: 0; line-height: 22px; font-weight: 400 } .qedge-shares-name { font-size: 14px; line-height: 20px; margin-bottom: 8px; font-weight: 600 } .qedge-shares-name.single { font-size: 29px } .qedge-shares-time { font-size: 12px; line-height: 22px } .qedge-shares-market { font-size: 12px; line-height: 18px; margin: 12px 0 } .qedge-shares-en .qedge-shares-title { padding-bottom: 14px } .qedge-shares-en .qedge-shares-price { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .qedge-shares-en .qedge-shares-price .qedge-shares-single { padding-bottom: 0px } .qedge-shares-en .qedge-shares-price .qedge-shares-single .shares-unit { font-size: 16px; padding-right: 10px } .qedge-shares-en .qedge-shares-price .qedge-shares-single .shares-price-number { font-size: 24px; line-height: 1 } .qedge-shares-en .qedge-shares-price .qedge-shares-range.single .shares-logo { border-top: 10x solid #4faf4c } .qedge-shares-en .qedge-shares-price .qedge-shares-range.rose-color .shares-logo { border-bottom: 10px solid #f33 } .qedge-shares-en .qedge-shares-price .qedge-shares-range .shares-logo { border-right: 5px solid rgba(0, 0, 0, 0); border-left: 5px solid rgba(0, 0, 0, 0) } .qedge-shares-en .qedge-shares-price .qedge-shares-range .shares-value { padding-left: 15px; font-size: 16px; line-height: 20px; font-weight: 400 } .qedge-shares-en .qedge-shares-price .qedge-shares-range .shares-range { padding-left: 10px; font-size: 16px; line-height: 25px; font-weight: 400 } .qedge-shares-en .qedge-shares-desc { padding-top: 5px; font-size: 12px; line-height: 20px; white-space: normal } .qedge-shares-en .qedge-shares-delay { font-size: 12px; line-height: 20px; padding-top: 9px } } .qedge-com-announcement-tab .qedge-com-tab-item .content .tab-header a { font-size: 30px; color: #666; letter-spacing: 0; line-height: 50px; font-weight: 400 } .qedge-com-announcement-tab .qedge-com-tab-item.active .content .tab-header a { color: #000; font-weight: bold } .qedge-com-announcement-list .hide { display: none } .qedge-com-announcement-list .show { display: block } .qedge-com-announcement-img { width: 540px; height: 340px; background-size: cover } .qedge-com-announcement-item { display: -webkit-box; display: -ms-flexbox; display: flex } .regular .qedge-com-announcement-item { padding-top: 60px; padding-bottom: 60px; border-bottom: 1px solid #d8d8d8 } .regular .qedge-com-announcement-item:first-child { padding-top: 0 } .qedge-com-announcement-left { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .regular .qedge-com-announcement-left { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } .regular .qedge-com-announcement-right { margin-left: 50px } .qedge-com-announcement-title { font-size: 24px; color: #000; letter-spacing: 0; line-height: 36px; font-weight: 500; padding-bottom: 20px; display: block; padding-right: 40px } .qedge-com-announcement-time { font-size: 16px; color: #666; line-height: 28px; font-weight: 400; padding-bottom: 20px } .qedge-com-announcement-download { width: 30px; height: 30px; display: block } .qedge-com-announcement-download-icon { width: 100%; height: 100% } .regular .qedge-com-announcement-download { height: 33.6px } .qedge-com-announcement-download.text { height: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-bottom: 1px solid currentColor; margin-bottom: 30px } .qedge-com-announcement-download-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-announcement-download-wrapper span { margin-right: 5px; font-size: 14px; margin-top: 10px } .qedge-com-announcement-pagination.qedge-com-pagination .container .content { padding: 0 0 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination { display: inline-block; margin: 0 } .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination div { display: inline } .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination div .prev, .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination div .next { content: " "; display: inline-block; height: 8px; width: 8px; border-width: 2px 2px 0 0; border-color: #000; border-style: solid; margin-bottom: 1px } .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination div .disabled { border-color: #a2a2a2 } .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination div:first-child a { margin-right: 20px } .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination div:first-child a .prev { -webkit-transform: matrix(-0.71, 0.71, 0.71, 0.71, 0, 0); transform: matrix(-0.71, 0.71, 0.71, 0.71, 0, 0); margin-left: 2px } .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination div:last-child a { margin-left: 20px; margin-right: 0 } .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination div:last-child a .next { -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); margin-right: 2px } .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination div .link-container a.link { margin-right: 28px; margin-left: 0 } .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination div .link-container:last-child a.link { margin-right: 0 } .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination div a { font-size: 16px; width: 28px; height: 28px; color: #000; float: left; margin-right: 20px; text-decoration: none; border-radius: 50% } .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination div a.active { background-color: #000; color: #fff } .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination div a:hover:not(.active) { background-color: #d7d7d7 } .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination div.page-size .show { display: inline } .qedge-com-announcement-pagination.qedge-com-pagination .container .content .pagination div.page-size .hide { display: none } @media screen and (max-width: 1024px) { .qedge-com-announcement-tab .tab-items { margin: 20px 0 } .qedge-com-announcement-tab .qedge-com-tab-item { margin-right: 20px } .qedge-com-announcement-tab .qedge-com-tab-item .content .tab-header a { font-size: 18px; line-height: 26px; font-weight: 400 } .qedge-com-announcement-tab .qedge-com-tab-item.active .content .tab-header a { color: #000; font-weight: 700 } .qedge-com-announcement-img { width: 100%; height: 188px; background-size: cover } .qedge-com-announcement-item { display: block } .regular .qedge-com-announcement-item { padding-top: 32px; padding-bottom: 32px; border-bottom: 1px solid #d8d8d8 } .regular .qedge-com-announcement-item:first-child { padding-top: 0 } .regular .qedge-com-announcement-right { margin-left: 0 } .qedge-com-announcement-title { font-size: 16px; line-height: 26px; font-weight: 500; margin-top: 24px; padding-bottom: 0 } .qedge-com-announcement-time { font-size: 12px; line-height: initial; font-weight: 400; margin: 8px 0; padding-bottom: 0 } .qedge-com-announcement-download { width: 10px; height: 10px; display: block } .qedge-com-announcement-download-icon { width: 100%; height: 100%; display: block } .regular .qedge-com-announcement-download { width: 20px; height: 22px } .regular .qedge-com-announcement-download.text { width: auto; height: auto } .qedge-com-announcement-list.more .qedge-com-announcement-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-announcement-list.more .qedge-com-announcement-right .qedge-com-announcement-download { margin-left: 10px } .qedge-com-announcement-pagination.qedge-com-pagination { margin-top: -24px } .qedge-com-announcement-pagination.qedge-com-pagination .container .content { padding-bottom: 24px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-footer-links .container { max-width: 1160px } .qedge-com-footer-links .content { font-size: 16px; padding: 120px 25px 0px 25px } .qedge-com-footer-links .content .links-bottom { padding: 0 25px 120px 25px; border-bottom: 1px solid #999 } .qedge-com-footer-links .content .title { color: #000; font-size: 1.25em; font-weight: 600; margin: 0 0 1.5em 0 } .qedge-com-footer-links .content .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-footer-links .content .logo .link, .qedge-com-footer-links .content .logo a { display: block } .qedge-com-footer-links .content .logo .link img, .qedge-com-footer-links .content .logo a img { display: block; height: 28px } .qedge-com-footer-links .content ul { list-style-type: none; margin: 0; padding: 10px 0 } .qedge-com-footer-links .content ul li { padding: 5px 0 } .qedge-com-footer-links .content ul li a { color: #666; font-weight: 400; text-decoration: none } .qedge-com-footer-links .content ul li a:hover, .qedge-com-footer-links .content ul li a:focus, .qedge-com-footer-links .content ul li a:active { color: #0599c8 } html[lang=ja] .qedge-com-footer-links .content ul li { white-space: nowrap } html[lang=ja] .qedge-com-footer-links .content ul li>span>p:nth-child(3)>span { white-space: break-spaces } @media screen and (max-width: 1024px) { .qedge-com-footer-links .content { padding: 20px 0 21px 0 } .qedge-com-footer-links .content .columns { padding-bottom: 0; margin: 0; border: none } .qedge-com-footer-links .content .columns .column { padding: 0 } .qedge-com-footer-links .content .columns .column:last-child { display: none } .qedge-com-footer-links .content .links-bottom { padding-bottom: 0; border: none } .qedge-com-footer-links .content .qedge-com-accordion-menu { border-bottom: 1px solid #d7d7d7; margin: 0px 20px } .qedge-com-footer-links .content .qedge-com-accordion-menu .title { font-size: 14px; line-height: 24px; position: relative; font-weight: 400; margin-bottom: 0; padding: 8px 0 } .qedge-com-footer-links .content .qedge-com-accordion-menu ul { padding: 0; font-size: 12px; font-size: 12px; line-height: 22px } .qedge-com-footer-links .content .qedge-com-accordion-menu ul li { padding: 0 } .qedge-com-footer-links .content .qedge-com-accordion-menu ul li a, .qedge-com-footer-links .content .qedge-com-accordion-menu ul li span { display: block; padding: 6px 20px } .qedge-com-footer-links .content .qedge-com-accordion-menu ul li:last-child { padding-bottom: 10px } .qedge-com-footer-links>.container>.content { padding: 28px 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-footer { position: relative; background-color: #f5f5f5 } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .Qedge-swiper-uexploer { position: relative; padding-left: calc((100% - 1110px)/2); min-height: 750px } .Qedge-swiper-uexploer .Qedge-swiper-head-titles { position: absolute; top: 45px; z-index: 10; font-size: 40px; color: #000; letter-spacing: 0; font-weight: 600 } .Qedge-swiper-uexploer .swiper-container-uexploer { width: 50%; height: 100%; position: absolute; top: 0; right: 0; overflow: hidden } .Qedge-swiper-uexploer .swiper-container-uexploer .swiper-wrapper.touch-start .swiper-slide-active { opacity: 1 } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 90% } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left { width: 30% } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left.left-mobile { display: none } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left .ContentFlex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left .ContentFlex .Left-contentOne { margin-top: 155px } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left .ContentFlex .Left-contentOne ul { font-size: 24px; text-align: justify; line-height: 36px; font-weight: 400 } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left .ContentFlex .Left-contentOne ul li { margin-top: 20px; font-size: 16px; text-align: justify; line-height: 28px; font-weight: 400 } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left .ContentFlex .Left-contentTwo { margin-top: 70px } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left .ContentFlex .Left-contentTwo ul { font-size: 24px; text-align: justify; line-height: 36px; font-weight: 400 } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left .ContentFlex .Left-contentTwo li { margin-top: 20px; font-size: 16px; letter-spacing: 0; text-align: justify; line-height: 28px; font-weight: 400 } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .right { overflow: hidden; margin: 60px 1px 0 40px; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1 } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .right img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain;" } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .right video { max-width: 100%; max-height: 100%; display: block } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .right .img-pc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100% } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .right .img-mobile { display: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .Qedge-swiper-uexploer .swiper-container-uexploer-pc { position: absolute; right: auto; max-width: 480px; max-height: 810px } .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc { -webkit-transition: all linear .5s; transition: all linear .5s; position: absolute; opacity: 0; width: 100% } .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc .ContentFlex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc .ContentFlex .Left-contentOne { margin-top: 155px } .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc .ContentFlex .Left-contentOne ul { font-size: 24px; text-align: justify; line-height: 36px; font-weight: 400 } .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc .ContentFlex .Left-contentOne ul li { margin-top: 20px; font-size: 16px; text-align: justify; line-height: 28px; font-weight: 400; color: #666 } .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc .ContentFlex .Left-contentTwo { margin-top: 70px } .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc .ContentFlex .Left-contentTwo ul { font-size: 24px; text-align: justify; line-height: 36px; font-weight: 400 } .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc .ContentFlex .Left-contentTwo li { margin-top: 20px; font-size: 16px; letter-spacing: 0; text-align: justify; line-height: 28px; font-weight: 400; color: #666 } .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc .ContentFlex .Left-contentTwo li a { color: #000 } .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc .ContentFlex .Left-contentTwo li a span { margin-left: 12px } .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc .ContentFlex .Left-contentTwo li a:hover, .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc .ContentFlex .Left-contentTwo li a:focus, .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc .ContentFlex .Left-contentTwo li a:active { color: #666 } .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc .ContentFlex .Left-contentTwo li .ti-angle-right { display: inline-block; font-size: 15px; color: #000 } .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc .ContentFlex .Left-contentTwo li .ti-angle-right.hover-in { -webkit-animation: hover-in .2s linear 0s 1 normal; animation: hover-in .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc .ContentFlex .Left-contentTwo li .ti-angle-right.hover-out { -webkit-animation: hover-out .2s linear 0s 1 normal; animation: hover-out .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .Qedge-swiper-uexploer .swiper-container-uexploer-pc .left-pc.active { opacity: 1 } .Qedge-swiper-uexploer .swiper-navigation-btns { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 670px; right: auto; z-index: 50 } .Qedge-swiper-uexploer .swiper-navigation-btns .swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .Qedge-swiper-uexploer .swiper-navigation-btns .swiper-button-next-o { margin-left: 20px } .Qedge-swiper-uexploer .swiper-navigation-btns .swiper-button { position: static; text-align: center; height: 44px; width: 44px; border: 1px solid #000; background-color: #fff; border-radius: 30px; z-index: 10; cursor: pointer } .Qedge-swiper-uexploer .swiper-navigation-btns .swiper-button-next-o:after, .Qedge-swiper-uexploer .swiper-navigation-btns .swiper-button-prev-o:after { color: #333; font-family: themify; font-size: 23px; cursor: pointer } .Qedge-swiper-uexploer .swiper-navigation-btns .swiper-button-next-o:after { content: "" } .Qedge-swiper-uexploer .swiper-navigation-btns .swiper-button-prev-o:after { content: "" } .Qedge-swiper-uexploer .swiper-navigation-btns .swiper-button-next-o { margin-left: 20px; margin-right: 0 } @media screen and (max-width: 1024px) { .Qedge-swiper-uexploer { padding-left: 20px; padding-right: 20px; min-height: auto } .Qedge-swiper-uexploer .Qedge-swiper-head-titles { font-size: 24px; line-height: 34px; font-weight: 600; max-width: 60%; display: block } .Qedge-swiper-uexploer .swiper-container-uexploer { width: auto; height: auto; position: static } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .Left-contentOne { margin-top: 130px } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left { width: auto } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left.left-mobile { display: block } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left .ContentFlex .Left-contentOne ul { font-size: 16px; line-height: 26px; font-weight: 600 } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left .ContentFlex .Left-contentOne ul li { font-size: 14px; line-height: 24px; color: #666 } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left .ContentFlex .Left-contentTwo { margin-top: 20px } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left .ContentFlex .Left-contentTwo ul { font-size: 16px; line-height: 26px; font-weight: 600 } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left .ContentFlex .Left-contentTwo ul li { font-size: 14px; line-height: 24px; color: #666 } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .left .ContentFlex .Left-contentTwo ul li a { color: #000 } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .right { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; margin: 20px 0px 10px 0px } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .right img { width: 100%; -o-object-fit: cover; object-fit: cover } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .right .img-pc { display: none } .Qedge-swiper-uexploer .swiper-container-uexploer .Qedge-swiper-flex .right .img-mobile { display: block } .Qedge-swiper-uexploer .swiper-container-uexploer-pc { display: none } .Qedge-swiper-uexploer .swiper-navigation-btns { top: 45px; right: 20px } .Qedge-swiper-uexploer .swiper-navigation-btns .swiper-button { height: 32px; width: 32px } .Qedge-swiper-uexploer .swiper-navigation-btns .swiper-button-next-o:after, .Qedge-swiper-uexploer .swiper-navigation-btns .swiper-button-prev-o:after { font-size: 16px } } .qedge-com-vision-container { margin-top: 120px } .qedge-com-vision-container .container { max-width: 1160px } .qedge-com-vision-container .container .content .qedge-com-vision-title { font-size: 40px; font-weight: bold; margin-bottom: 40px } .qedge-com-vision-container .container .content .vision-video-wrapper { position: relative; height: 100%; width: 100% } .qedge-com-vision-container .container .content .vision-video-wrapper video { width: 100%; height: 100%; max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; cursor: pointer } .qedge-com-vision-container .container .content .vision-video-wrapper .vision-video-size { width: 1160px; height: 624px } .qedge-com-vision-container .container .content .vision-video-wrapper .vision-video-desc { position: absolute; left: 30px; bottom: 30px; font-size: 24px; color: #fff; line-height: 36px; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } .qedge-com-vision-container .container .content .vision-video-wrapper:hover .vision-video-desc { opacity: .5 } .qedge-com-vision-container .container .content .swiper { position: relative } .qedge-com-vision-container .container .content .swiper-navigation-btns { position: absolute; top: -100px; right: 0; display: none } .qedge-com-vision-container .container .content .swiper-navigation-btns .swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .qedge-com-vision-container .container .content .swiper-navigation-btns .btn-prev, .qedge-com-vision-container .container .content .swiper-navigation-btns .btn-next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 44px; height: 44px; border-radius: 22px; border: 1px solid #000; margin: 0 10px; cursor: pointer } .qedge-com-vision-container .container .content .swiper-container-initialized .swiper-navigation-btns { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-vision-container .container .content .qedge-com-vision-video-swiper-container .qedge-com-vision-video-swiper { position: relative } .qedge-com-vision-container .container .content .qedge-com-vision-video-swiper-container .qedge-com-vision-video-swiper .swiper-wrapper { height: 624px } .qedge-com-vision-container .container .content .qedge-com-vision-video-list-container { margin-top: 120px } .qedge-com-vision-container .container .content .qedge-com-vision-video-list-container .qedge-com-vision-video-section-title { font-size: 24px; color: #000; line-height: 36px; margin-bottom: 1em } .qedge-com-vision-container .container .content .qedge-com-vision-video-list-container .qedge-com-vision-video-section { margin-bottom: 150px } .qedge-com-vision-container .container .content .qedge-com-vision-video-list-container .qedge-com-vision-video-section .qedge-com-vision-video-section-content { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 300px); gap: 30px } .qedge-com-vision-container .container .content .qedge-com-vision-video-list-container .qedge-com-vision-video-section .qedge-com-vision-video-section-content .vision-video-item.first-col { grid-row: 1/3; grid-column: 1/2 } .qedge-com-vision-container .container .content .qedge-com-vision-video-list-container .qedge-com-vision-video-section .qedge-com-vision-video-section-content .vision-video-item.second-col { grid-row: 1/3; grid-column: 2/3 } .qedge-com-vision-container .container .content .qedge-com-vision-video-list-container .qedge-com-vision-video-section .swiper-navigation-btns { top: -64px } @media screen and (max-width: 1024px) { .qedge-com-vision-container { margin-top: 56px; padding-left: 20px; padding-right: 20px } .qedge-com-vision-container .container { max-width: initial } .qedge-com-vision-container .container .content .qedge-com-vision-title { font-size: 24px; margin-bottom: 1em } .qedge-com-vision-container .container .content .qedge-com-vision-video-swiper-container .qedge-com-vision-video-swiper .swiper-wrapper { display: block; height: auto } .qedge-com-vision-container .container .content .qedge-com-vision-video-swiper-container .qedge-com-vision-video-swiper .swiper-wrapper .swiper-slide { height: 188px; margin-bottom: 30px } .qedge-com-vision-container .container .content .qedge-com-vision-video-swiper-container .qedge-com-vision-video-swiper .swiper-wrapper .swiper-slide .vision-video-desc { left: 20px; bottom: 10px; font-size: 16px } .qedge-com-vision-container .container .content .qedge-com-vision-video-list-container { margin-top: 80px } .qedge-com-vision-container .container .content .qedge-com-vision-video-list-container .qedge-com-vision-video-section { margin-bottom: 80px } .qedge-com-vision-container .container .content .qedge-com-vision-video-list-container .qedge-com-vision-video-section .swiper-wrapper { display: block } .qedge-com-vision-container .container .content .qedge-com-vision-video-list-container .qedge-com-vision-video-section .qedge-com-vision-video-section-title { font-size: 16px; line-height: 1.5 } .qedge-com-vision-container .container .content .qedge-com-vision-video-list-container .qedge-com-vision-video-section .qedge-com-vision-video-section-content { display: block } .qedge-com-vision-container .container .content .qedge-com-vision-video-list-container .qedge-com-vision-video-section .qedge-com-vision-video-section-content .vision-video-item { height: 188px; margin-bottom: 30px } .qedge-com-vision-container .container .content .qedge-com-vision-video-list-container .qedge-com-vision-video-section .qedge-com-vision-video-section-content .vision-video-item .vision-video-desc { left: 20px; bottom: 10px; font-size: 16px } } .qedge-com-vision-container { margin-top: 120px } .qedge-com-vision-container .container { max-width: 1160px } .qedge-com-vision-container .container .content .qedge-com-vision-video-bottom-container { margin-bottom: 24px } .qedge-com-vision-container .container .content .qedge-com-vision-video-bottom-container .qedge-com-vision-video-bottom-title { margin-bottom: 24px; font-size: 24px; color: #000; letter-spacing: 0; line-height: 36px; font-weight: 400 } .qedge-com-vision-container .container .content .qedge-com-vision-video-bottom-container .qedge-com-vision-video-bottom-video { position: relative } .qedge-com-vision-container .container .content .qedge-com-vision-video-bottom-container .qedge-com-vision-video-bottom-video video { max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; cursor: pointer; height: 624px; width: 1110px } .qedge-com-vision-container .container .content .qedge-com-vision-video-bottom-container .qedge-com-vision-video-bottom-video .vision-video-bottom-desc { position: absolute; left: 30px; bottom: 30px; font-size: 24px; color: #fff; line-height: 36px; font-weight: 400; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } .qedge-com-vision-container .container .content .qedge-com-vision-video-bottom-container .qedge-com-vision-video-bottom-video:hover .vision-video-bottom-desc { opacity: .5 } @media screen and (max-width: 1024px) { .qedge-com-vision-container { margin-top: 56px; padding-left: 20px; padding-right: 20px } .qedge-com-vision-container .container { max-width: initial } .qedge-com-vision-container .container .content .qedge-com-vision-video-bottom-container .qedge-com-vision-video-bottom-title { margin-bottom: 1em; font-size: 16px; color: #000; letter-spacing: 0; line-height: 26px; font-weight: 500 } .qedge-com-vision-container .container .content .qedge-com-vision-video-bottom-container .qedge-com-vision-video-bottom-video video { display: block; margin-bottom: 30px; height: 188px; width: 335px } .qedge-com-vision-container .container .content .qedge-com-vision-video-bottom-container .qedge-com-vision-video-bottom-video .vision-video-bottom-desc { left: 20px; bottom: 10px; font-size: 16px } } @media all and (-ms-high-contrast: none) { html body { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-uInnovation-home-card>.container>.content .flags .flag { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-uInnovation-home-card>.container>.content .title, .qedge-com-uInnovation-home-card>.container>.content .details, .qedge-com-uInnovation-home-card>.container>.content .timestap { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-motional-image .content .note { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-tab-item .content .tab-header { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-tab-item .content.active-tab-click .tab-header { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-product-image-card>.container>.content .title, .qedge-com-product-image-card>.container>.content .info { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-product-image-card.title-only>.container>.content .title, .qedge-com-product-image-card.title-only>.container>.content .info { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-product-image-card-with-link .qedge-com-product-image-card.text-center .more-link { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-product-image-card-text>.container>.content .title { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title, .qedge-com-product-functionality-desc>.container>.content .introduction .intro { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-product-banner>.content .banner-introduction .introduction .intro { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-news-title .content .subTitle { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-home-innovation .content>.subTitle { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .title, .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .details { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .title a, .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .details a { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-highlighted-number .content .card-heading .number { font-family: source-han-sans-simplified-c, sans-serif } .qedge-com-header .content .qedge-com-accordion-menu .accordion-fixed-body .fixed-body-table .element-content .content-level { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-event-location>.content .card-footer address .name .title { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-event-location>.content .card-footer address .name .subtitle { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-event-location>.content .card-footer .detail { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-draggable-image-strip .strip-cover__title { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-display-banner.includeHeader .content .banner-details .title { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-display-banner.includeHeader .content .banner-details .subTitle { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-horizon-video-container .horizon-video-card .horizon-title { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-horizon-video-container .horizon-video-card .horizon-card-footer { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-card-basic-event .content .card-heading .title { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-vision-mission-content .title { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-vision-mission-content .title strong { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-vision-mission-content .bg-title { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-about-global .qedge-global-3d-container>.content .map-description-item-name { font-family: source-han-sans-simplified-c, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "SimHei", sans-serif !important } .qedge-com-display-card-item { overflow: hidden } .qedge-com-display-card-item .content { position: relative } .qedge-com-display-card-item .content .wrapper { border-radius: 0 } .for-uih-cloud .qedge-com-display-card-item { overflow: visible } .qedge-com-slick-tabs .content .tab-tabs .tab .link span.main, .qedge-com-slick-tabs .content .tab-tabs .tab .link span.sub { width: 100%; display: block; text-align: center } .qedge-com-activity-item>.container>.content .right-side .content-item .main-content, .qedge-com-media-item>.container>.content .right-side .content-item .main-content { width: 100% } .qedge-com-activity-item>.container>.content .right-side .content-item .main-content p, .qedge-com-media-item>.container>.content .right-side .content-item .main-content p { width: 100% } .qedge-com-event-item>.container>.content .content-card .right-side .content-item .main-content { width: 100% } .qedge-com-event-item>.container>.content .content-card .right-side .content-item .main-content p { width: 100% } .qedge-com-news-center-item>.container>.content .main-content .right-side .title p { width: 100%; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .qedge-com-news-center-item>.container>.content .main-content .right-side .description { height: 56px; display: block } .qedge-com-product-value-proposition .content .container-detailed .detailed-img { width: calc(100% - 570px) } .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.title-reverse .title p { white-space: normal } html[lang=zh] .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.title-reverse .title p { white-space: pre; word-break: break-word; word-wrap: break-word } .qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .card-title.reverse { width: 415px } .qedge-com-uInnovation-basic-card.around>.container>.content .qedge-com-uInnovation-basic-text-card>.container .content .introduction .details { width: 675px } .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-button-prev, .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-button-next { cursor: pointer; background-size: 16px 16px; background-position: center; background-repeat: no-repeat } .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-button-prev.swiper-button-disabled, .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-button-next.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-button-prev, .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-button-next, .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-button-prev.swiper-button-white, .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-button-next.swiper-button-white, .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-button-prev.swiper-button-black, .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-button-next.swiper-button-black, .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .qedge-com-swiper-in-tab .swiper-navigation-btns .swiper-button-lock { display: none } [data-aos^=fade][data-aos^=fade] { opacity: 1 } [data-aos=fade-up] { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .qedge-com-multi-center-image>.container>.content .col-2.is-multiline .column { width: 50%; -ms-flex-preferred-size: auto; flex-basis: auto } .qedge-com-display-card-item.isTriple { height: auto } .qedge-com-display-cards .card-content .content { height: 100% } .qedge-com-draggable-image-strip .draggable { display: none } .qedge-com-draggable-image-strip .strip-inner { cursor: pointer } .qedge-com-draggable-image-strip .strip { width: 100% } .qedge-com-draggable-image-strip .img-outer { width: 100%; max-width: 540px } .qedge-com-display-cards.highlight.for-uih-cloud.highlight-uihcloud .card-content .content { height: 100% } .qedge-com-about-commitment-carousel .title-cover { display: block; height: 20vh; min-height: 200px; max-height: 260px; overflow: hidden; background-color: #000 } .qedge-com-about-commitment-carousel .title-cover .qedge-com-news-title { padding-left: 25px; padding-right: 25px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; min-height: 200px; max-height: 260px } .qedge-com-about-commitment-carousel .title-cover .qedge-com-news-title .container { max-width: 1110px; margin: 0 auto; width: 100% } .qedge-com-about-commitment-carousel .title-cover .qedge-com-news-title .container .content .level-item.title { color: #fff; margin-top: 90px } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide { opacity: 1 } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide .qedge-com-about-promise-text { min-height: 900px; margin: 0 160px; width: auto } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide .qedge-com-about-promise-text>.container { height: 100% } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide .qedge-com-about-promise-text>.container>.content { height: 80% } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide .qedge-com-about-promise-text>.container>.content .content-body { display: block } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide .qedge-com-about-promise-text>.container>.content .content-body .brief { height: auto } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide .qedge-com-about-promise-text>.container>.content .content-body .details { height: auto; margin-top: 40px } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide .video-card { display: block; height: 100%; top: 0; bottom: 0 } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide .video-card .card-body { height: 100%; padding-top: 240px; position: relative } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide .video-card .card-body .vjs-big-play-button { display: none } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide .video-card .card-body .promise-video-mask { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide .video-card .card-body .promise-video-play-btn { position: absolute; right: 50px; margin-top: -90px; width: 80px; height: 80px; line-height: 1; cursor: pointer } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide .video-card .card-body .promise-video-play-btn:before { content: ""; display: block; font-family: VideoJS; font-size: 80px } .qedge-com-about-commitment-carousel>.content .qedge-sliders .qedge-slide .video-card .card-body .promise-video-play-btn.-playing:before { content: "" } .qedge-com-about-global { padding-top: 0 } .qedge-com-display-banner-newuinnovation .qedge-com-swiper-banner .swiper-slide .content.jobs { -moz-text-align-last: left; text-align-last: left } .qedge-com-home-innovation .content .content-swiper .pagination-content .swiper-pagination-home-innovation .swiper-pagination-bullet { top: -18px } .qedge-com-ui-content .uai-swiper-container .swiper-wrapper .qedge-com-product-image-card { width: 100% } .qedge-com-ui-content .uai-swiper-container .swiper-wrapper .qedge-com-product-image-card>.container>.content .info { width: 100% } html[lang=zh] .qedge-com-home-innovation .content .content-swiper .pagination-content .swiper-pagination-home-innovation .swiper-pagination-bullet { top: -18.5px } .qedge-com-draggable-image-strip .strip { pointer-events: auto } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } html[lang=zh] .qedge-com-product-value-proposition .content .container-detailed .detailed-content .detailed-text .title { text-align: justify } html[lang=zh] .qedge-com-product-functionality-ltr.no-top-padding .content .text-content .qedge-com-news-title .container .content .subtitle { text-align: justify } html[lang=zh] .qedge-com-multi-center-image.text-left>.container>.content .content-image-inside .qedge-com-product-image-card .content .info { text-align: justify } html[lang=zh] .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .content .info { text-align: justify } html[lang=zh] .qedge-com-product-left-image .product-container .product-container-content { text-align: justify } html[lang=zh] .qedge-com-news-title .content .subtitle { text-align: justify } html[lang=zh] .qedge-com-news-title .content .subtitle-unfinished { text-align: justify } html[lang=zh] .qedge-com-product-image-full-width .container .content .description { text-align: justify } html[lang=zh] .qedge-com-news-center-item .container .content .main-content .right-side .description { text-align: justify } html[lang=zh] .qedge-com-swiper-arrow-top-right .qedge-com-ui-content .uai-swiper-container .swiper-slide .slide-title { text-align: justify } html[lang=zh] .qedge-com-uInnovation-banner>.container>.content .banner-details .intro { text-align: justify } html[lang=zh] .qedge-com-customer-story-person-card .container .content .person-word { text-align: justify } html[lang=zh] .qedge-com-news-image-title .content .basic-card .container .content .right-section .sub-title { text-align: justify } @media screen and (max-width: 1024px) { html[lang=zh] .qedge-com-product-value-proposition .content .container-detailed .detailed-content .detailed-text .title { text-align: justify } html[lang=zh] .qedge-com-product-functionality-ltr.no-top-padding .content .text-content .qedge-com-news-title .container .content .subtitle { text-align: justify } html[lang=zh] .qedge-com-multi-center-image.text-left>.container>.content .content-image-inside .qedge-com-product-image-card .content .info { text-align: justify } html[lang=zh] .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .content .info { text-align: justify } html[lang=zh] .qedge-com-product-left-image .product-container .product-container-content { text-align: justify } html[lang=zh] .qedge-com-news-title .content .subtitle { text-align: justify } html[lang=zh] .qedge-com-news-title .content .subtitle-unfinished { text-align: justify } html[lang=zh] .qedge-com-product-image-full-width .container .content .description { text-align: justify } html[lang=zh] .qedge-com-news-center-item .container .content .main-content .right-side .description { text-align: justify } html[lang=zh] .qedge-com-multi-center-image.text-left>.container>.content .content-image .qedge-com-product-image-card .content .info { text-align: justify } html[lang=zh] .qedge-com-multi-center-image.text-left>.container>.content .content-image-inside .qedge-com-product-image-card .content .info { text-align: justify } html[lang=zh] .qedge-com-instance .container-instance .instance-content .text { text-align: justify } html[lang=zh] .qedge-com-product-functionality>.container>.content .sub-title { text-align: justify } } .qedge-com-customer-story-img { width: 540px; height: 340px } .qedge-com-customer-story-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-customer-story-item { display: -webkit-box; display: -ms-flexbox; display: flex } .regular .qedge-com-customer-story-item { padding-top: 60px; padding-bottom: 60px; border-bottom: 1px solid #d8d8d8 } .regular .qedge-com-customer-story-item:first-child { padding-top: 0 } .qedge-com-customer-story-left { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .regular .qedge-com-customer-story-left { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } .regular .qedge-com-customer-story-right { margin-left: 50px } .qedge-com-customer-story-right .story-mobile { display: none } .qedge-com-customer-story-title { font-size: 24px; color: #000; letter-spacing: 0; line-height: 36px; font-weight: 500; padding-bottom: 20px; display: block; padding-right: 40px } .qedge-com-customer-story-content { font-size: 16px; color: #666; letter-spacing: 0; line-height: 28px; font-weight: 400 } .qedge-com-customer-story-location { margin-top: 60px; font-size: 16px; color: #666; letter-spacing: 0; text-align: justify; line-height: 28px; font-weight: 400 } .qedge-com-customer-story-location .icon { width: 15px; height: 20px; margin-right: 15px; vertical-align: text-bottom } .qedge-com-customer-story-location .icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-customer-story-time { font-size: 16px; color: #666; line-height: 28px; font-weight: 400; padding-bottom: 20px; margin-left: 35px } .qedge-com-customer-story-list { margin-top: 60px } @media screen and (max-width: 1024px) { .qedge-com-customer-story-img { width: 100%; height: 188px } .qedge-com-customer-story-item { display: block } .regular .qedge-com-customer-story-item { padding-top: 32px; padding-bottom: 32px; border-bottom: 1px solid #d8d8d8 } .regular .qedge-com-customer-story-item:first-child { padding-top: 0 } .regular .qedge-com-customer-story-right { margin-left: 0 } .qedge-com-customer-story-right .story-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 8px; margin-bottom: 16px } .qedge-com-customer-story-right .story-pc { display: none } .qedge-com-customer-story-title { font-size: 16px; line-height: 26px; font-weight: 500; margin-top: 24px; padding-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical } .qedge-com-customer-story-content { font-size: 14px; color: #666; letter-spacing: 0; line-height: 24px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical } .qedge-com-customer-story-location { margin-top: 0; margin-left: 20px; font-size: 12px; color: #666; letter-spacing: 0; line-height: 22px; font-weight: 400 } .qedge-com-customer-story-time { font-size: 12px; color: #666; letter-spacing: 0; line-height: 22px; font-weight: 400; padding-bottom: 0; margin-left: 0 } .qedge-com-customer-story-list { margin-top: 32px } .qedge-com-customer-story-list.more .qedge-com-announcement-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-customer-story-list.more .qedge-com-announcement-right .qedge-com-announcement-download { margin-left: 10px } } .qedge-com-customer-story-news .container { max-width: 730px } .qedge-com-customer-story-news .container .content .story-content:not(:first-child) { margin-top: 20px } .qedge-com-customer-story-news .container .content .story-content .story-title { color: #000; margin: 15px 0; font-size: 16px; letter-spacing: 0; line-height: 28px; font-weight: 700 } .qedge-com-customer-story-news .container .content .story-content .story-details { margin: 10px 0; color: #666; font-size: 14px; line-height: 24px; letter-spacing: 0; font-weight: 400 } .qedge-com-customer-story-news .container .content .story-content .story-details p { margin-bottom: 0 } .qedge-com-customer-story-news .container .content b { display: block } .qedge-com-customer-story-news .container .content img { margin-top: 20px } .qedge-com-customer-story-news.more-height .container { max-width: 730px } .qedge-com-customer-story-news.more-height .container .content .story-content .story-title { font-size: 16px; color: #000; letter-spacing: 0; line-height: 28px; font-weight: 700 } .qedge-com-customer-story-news.more-height .container .content .story-content .story-details { font-size: 14px; color: #666; letter-spacing: 0; line-height: 24px; font-weight: 400; margin-top: 20px; margin-bottom: 30px } .qedge-com-customer-story-news.more-height .container .content .story-content .story-details p { margin-bottom: 0 } @media screen and (max-width: 1024px) { .qedge-com-customer-story-news .container .content { padding: 0px 20px 0px 20px } .qedge-com-customer-story-news .container .content .story-content:not(:first-child) { margin-top: 30px } .qedge-com-customer-story-news .container .content .story-content .story-title { font-size: 14px; color: #000; letter-spacing: 0; line-height: 26px; font-weight: 500 } .qedge-com-customer-story-news .container .content .story-content .story-details { font-size: 12px; color: #666; letter-spacing: 0; line-height: 22px; font-weight: 400; margin-top: 8px; margin-bottom: 16px } .qedge-com-customer-story-news .container .content .story-content .story-details p { margin-bottom: 0 } .qedge-com-customer-story-news.more-height .container { max-width: 730px } .qedge-com-customer-story-news.more-height .container .content .story-title { font-size: 16px; color: #000; letter-spacing: 0; line-height: 26px; font-weight: 500 } .qedge-com-customer-story-news.more-height .container .content .story-details { font-size: 12px; color: #666; letter-spacing: 0; line-height: 22px; font-weight: 400; margin-top: 8px; margin-bottom: 16px } .qedge-com-customer-story-news.more-height .container .content .story-details p { margin-bottom: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-customer-story-person-card { margin-top: 40px; margin-bottom: 40px } .qedge-com-customer-story-person-card .container { max-width: 730px } .qedge-com-customer-story-person-card .container .content .person-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-customer-story-person-card .container .content .person-top .head-portrait { width: 145px; height: 145px; border-radius: 50%; background-color: rgba(255, 255, 255, .1); overflow: hidden; margin-right: 20px; -ms-flex-negative: 0; flex-shrink: 0 } .qedge-com-customer-story-person-card .container .content .person-top .head-portrait img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-customer-story-person-card .container .content .person-top .person-message .person-name { color: #000; font-size: 16px; line-height: 28px; font-weight: 500 } .qedge-com-customer-story-person-card .container .content .person-top .person-message .person-job { color: #666; font-size: 14px; letter-spacing: 0; line-height: 28px; font-weight: 400 } .qedge-com-customer-story-person-card .container .content .person-btm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 46px } .qedge-com-customer-story-person-card .container .content .symbol-comma { width: 148px; height: 40px; overflow: hidden; margin-right: 17px; -ms-flex-negative: 0; flex-shrink: 0 } .qedge-com-customer-story-person-card .container .content .symbol-comma img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-customer-story-person-card .container .content .symbol-comma.has-not-symbol { display: none } .qedge-com-customer-story-person-card .container .content .person-word { font-size: 14px; color: #666; line-height: 28px; font-weight: 400 } .qedge-com-customer-story-person-card .container .content .view-more { margin-top: 10px } .qedge-com-customer-story-person-card.has-link { margin-bottom: 140px } @media screen and (max-width: 1024px) { .qedge-com-customer-story-person-card { margin-bottom: 80px } .qedge-com-customer-story-person-card .container .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0px 20px 0px 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .qedge-com-customer-story-person-card .container .content .person-top { margin-bottom: 20px } .qedge-com-customer-story-person-card .container .content .person-top .head-portrait { width: 75px; height: 75px; margin-right: 10px } .qedge-com-customer-story-person-card .container .content .person-top .person-message { max-width: none; line-height: 1.4; margin-left: 20px } .qedge-com-customer-story-person-card .container .content .person-top .person-message .person-name { color: #000; margin-bottom: 8px; font-size: 14px; letter-spacing: 0; line-height: 26px; font-weight: 500 } .qedge-com-customer-story-person-card .container .content .person-top .person-message .person-job { color: #666; font-size: 14px; letter-spacing: 0; line-height: 26px; font-weight: 400 } .qedge-com-customer-story-person-card .container .content .person-btm { -webkit-box-align: start; -ms-flex-align: start; align-items: start } .qedge-com-customer-story-person-card .container .content .symbol-comma { width: 105px; margin-right: 0 } .qedge-com-customer-story-person-card .container .content .person-word { font-size: 14px; letter-spacing: 0; line-height: 26px; font-weight: 400 } .qedge-com-customer-story-person-card.has-link { margin-bottom: 80px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-customer-story-load-more .container { max-width: 730px } .qedge-com-customer-story-load-more .container .content { padding: 30px 0 140px 0 } @media screen and (max-width: 1024px) { .qedge-com-customer-story-load-more .container .content { padding: 10px 20px 48px 20px; font-size: 14px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .modal-default { position: fixed; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, .8); height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1000 } .modal-default.hidden { display: none } .modal-region { padding-top: 120px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .modal-region__inner { padding: 40px; padding-right: 60px; max-width: 760px; background: #fff; position: relative } .modal-region__bg { position: absolute; width: 80%; height: 80%; bottom: 22px; right: 10px; overflow: hidden } .modal-region__bg img { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .modal-region__bg._mobile { display: none } .modal-region__content { position: relative; z-index: 1 } .modal-region__content-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; left: 0; top: 0; width: 100%; pointer-events: none; min-height: 226px; padding-bottom: 40px } .modal-region__content-item._active { position: relative; opacity: 0 1; pointer-events: inherit } .modal-region__title { font-size: 24px; line-height: 1.3; margin: 0; color: #000; letter-spacing: .5px } .modal-region__text, .modal-region__content_1 { font-size: 16px; margin: 18px 0 20px; line-height: 1.2; color: #454545; letter-spacing: .1px } .modal-region__content_1 { margin-bottom: 0 } .modal-region__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto -12px 0 } .modal-region__btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; height: 40px; margin: 10px 12px; padding: 5px 20px; border: 1px solid #454545; border-radius: 20px; background: #fff; color: #000; letter-spacing: -0.4px } .modal-region__btn ._text { margin: 0 10px } .modal-region__btn img { display: block; width: 16px; height: auto } .modal-region__btn img._globe { border-radius: 50%; -webkit-box-shadow: 0 0 1px #999; box-shadow: 0 0 1px #999; height: 16px } .modal-region__link { position: absolute; left: 0; bottom: 0; font-size: 16px; color: #0f95cf; line-height: 1.2; letter-spacing: .2px } .modal-region__link .ti-angle-right { margin-left: 10px } .modal-region__link .ti-angle-left { margin-right: 10px } .modal-region .modal-default__close { position: absolute; top: 14px; right: 18px } .modal-region .ti-close { color: #000; font-size: 18px; font-weight: 600 } @media only screen and (max-width: 1024px) { .modal-region { padding-top: 50px } .modal-region__inner { padding-left: 20px; padding-right: 20px; margin: 80px 20px 0 20px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-swiper-customer-story-video .content { padding: 70px 0; position: relative } .qedge-com-swiper-customer-story-video .content .title { font-size: 40px; color: #000; margin-bottom: 32px; padding-left: calc((100% - 1110px)/2) } .qedge-com-swiper-customer-story-video .content .swiper-button-container { position: absolute; width: 120px; left: calc(50% + 50px); bottom: 70px; height: 44px; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-swiper-customer-story-video .content .swiper-button-container .swiper-button { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; height: 44px; width: 44px; border: 1px solid #666; border-radius: 30px; background: rgba(0, 0, 0, 0) } .qedge-com-swiper-customer-story-video .content .swiper-button-container .swiper-button.swiper-button-prev::after { content: ""; color: #666; font-family: themify; font-size: 16px } .qedge-com-swiper-customer-story-video .content .swiper-button-container .swiper-button.swiper-button-next::after { content: ""; color: #666; font-family: themify; font-size: 16px } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .story-swiper-container { width: 50%; overflow: hidden } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .vjs-poster { background-size: cover } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .story-text-content { position: relative; width: 44%; max-width: 520px; margin-left: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .story-text-content.story-text-mobile { display: none } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .story-text-content .content-change-item { -webkit-transition: all linear .5s; transition: all linear .5s; opacity: 0; position: absolute } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .story-text-content .content-change-item.active { opacity: 1 } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .story-text-content .title { font-size: 40px; color: #000; letter-spacing: 0; font-weight: 700; line-height: 48px; margin-bottom: 20px } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .story-text-content .details { margin-top: 20px; font-size: 16px; color: #666; text-align: justify; line-height: 28px; font-weight: 400 } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .vjs-big-play-button { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: none; background-color: rgba(0, 0, 0, 0) } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .vjs-big-play-button .vjs-icon-placeholder:before { font-size: 100px } .qedge-com-swiper-customer-story-video.video-in-right .content .qedge-com-customer-story-video-content { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .qedge-com-swiper-customer-story-video.video-in-right .content .qedge-com-customer-story-video-content .story-text-content { margin-left: 0; margin-right: 50px; width: 505px } .qedge-com-swiper-customer-story-video.video-in-right .content .swiper-button-container { left: calc((100% - 1110px)/2) } @media screen and (max-width: 1024px) { .qedge-com-swiper-customer-story-video .content { padding: 40px 20px; margin-bottom: 44px } .qedge-com-swiper-customer-story-video .content .title { font-size: 24px; letter-spacing: 0; line-height: 32px; font-weight: 600; padding-left: 0 } .qedge-com-swiper-customer-story-video .content .swiper-button-container { bottom: 0; left: 20px; width: 75px } .qedge-com-swiper-customer-story-video .content .swiper-button-container .swiper-button { height: 30px; width: 30px } .qedge-com-swiper-customer-story-video .content .swiper-button-container .swiper-button-next { margin-right: 0; margin-left: 0 } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .story-swiper-container { width: 100% } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .story-text-content { width: auto; max-width: none; margin-left: 0 } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .story-text-content.story-text-mobile { display: block } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .story-text-content.story-text-pc { display: none } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .story-text-content .title { margin-top: 32px; font-size: 16px; line-height: 26px; font-weight: 500; margin-bottom: 8px } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .story-text-content .details { font-size: 14px; margin-top: 0; line-height: 24px; font-weight: 400 } .qedge-com-swiper-customer-story-video .content .qedge-com-customer-story-video-content .vjs-poster::after { content: ""; font-family: VideoJS; font-weight: normal; font-style: normal; position: relative; top: 37%; left: 43%; width: 100%; height: 100%; font-size: 50px; color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .qedge-com-swiper-customer-story-video.video-in-right .content .qedge-com-customer-story-video-content .story-text-content { margin-left: 0; margin-right: 0; width: auto } .qedge-com-swiper-customer-story-video.video-in-right .content .swiper-button-container { left: 20px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-swiper-golden-sentence { margin: 110px 0 } .qedge-com-swiper-golden-sentence .container { max-width: 1110px } .qedge-com-swiper-golden-sentence .container .content { overflow: hidden } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 120px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .message-mobile { display: none } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .head-portrait { width: 190px; height: 190px; border-radius: 50%; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 50px } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .head-portrait img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .person-message .person-name { font-size: 24px; color: #000; letter-spacing: 0; line-height: 36px; font-weight: 700 } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .person-message .person-job { margin: 10px 0 20px 0; font-size: 16px; color: #666; letter-spacing: 0; line-height: 28px; font-weight: 400 } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .person-message .symbol-comma { width: 40px } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .person-message .symbol-comma img { width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .person-message .person-word { margin-top: 10px; font-size: 20px; color: #000; letter-spacing: 0; font-weight: 400 } .qedge-com-swiper-golden-sentence .container .content .pagination-content { width: 1100px; position: absolute; bottom: 80px } .qedge-com-swiper-golden-sentence .container .content .pagination-content .swiper-pagination-home-innovation { top: auto; height: 2px; left: auto; right: 0; width: 450px; bottom: -10px } .qedge-com-swiper-golden-sentence .container .content .pagination-content .swiper-pagination-home-innovation.swiper-pagination-bullets { background: #d8d8d8; position: relative; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .qedge-com-swiper-golden-sentence .container .content .pagination-content .swiper-pagination-home-innovation.swiper-pagination-bullets .swiper-pagination-bullet { position: relative; height: 2px; opacity: 1; background-color: rgba(0, 0, 0, 0); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-radius: 0 } .qedge-com-swiper-golden-sentence .container .content .pagination-content .swiper-pagination-home-innovation.swiper-pagination-bullets .swiper-pagination-bullet:after { content: ""; position: absolute; left: 0; top: -25px; width: 100%; height: 50px } .qedge-com-swiper-golden-sentence .container .content .pagination-content .swiper-pagination-animation-bar { position: absolute; right: 300px; top: 10px; z-index: 10; width: 150px; height: 2px; background: #000; -webkit-transition: right linear .3s; transition: right linear .3s } .qedge-com-swiper-golden-sentence.new .container { max-width: 1160px; padding: 0 25px } .qedge-com-swiper-golden-sentence.new .content-swiper { position: relative } .qedge-com-swiper-golden-sentence.new .content .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-swiper-golden-sentence.new .content .qedge-com-news-title .sub-title { border-top: 1px solid #a1a1aa; padding-top: 10px } .qedge-com-swiper-golden-sentence.new .content .swiper-slide { will-change: transform !important; -webkit-transition-property: -webkit-transform !important; transition-property: -webkit-transform !important; transition-property: transform !important; transition-property: transform, -webkit-transform !important; -webkit-transition-duration: 1s !important; transition-duration: 1s !important; -webkit-transition-timing-function: ease-in-out !important; transition-timing-function: ease-in-out !important } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content { opacity: .5; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; will-change: opacity; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .video-wrapper { position: relative; width: 100% } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .video-message { width: 96%; height: 340px; position: absolute; bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 67px; padding-left: 44px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .video-message .message-title { font-size: 28px; font-weight: 500; line-height: 33.6px; color: #fff; width: 60% } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .video-message .message-word { margin-top: 8px; font-size: 18px; font-weight: 400; line-height: 28.8px; color: #fff; width: 86% } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .head-portrait { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .head-portrait img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; max-height: 570px } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content video { width: 100%; height: 100%; max-height: 570px; -o-object-fit: cover; object-fit: cover; display: block } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .video-wrapper-btn { position: absolute; bottom: 40px; right: 20px; z-index: 111; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .video-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .video-btn-play { display: block; width: 40%; cursor: pointer } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .video-btn-pause { display: none; width: 40%; cursor: pointer } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .bg-video-controls { position: absolute; z-index: 99; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100% } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .bg-video-controls .bg-video-progress { width: 99%; margin: 0 auto; height: 5px; border-radius: 4px; background-color: #999; opacity: .5; z-index: 10 } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .bg-video-controls .bg-video-progress .bg-video-progress-bar { position: relative; z-index: 11; height: 100%; width: 0%; background: #fff; opacity: 1; border-radius: 4px } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .person-message { position: absolute; right: 0; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 50px 70px 100px 30px; width: 55%; z-index: 20 } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .person-message .person-bottom { margin-top: 10% } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .person-word { font-size: 16px } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .person-name { color: #000; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; width: 100%; font-size: 48px; font-weight: 700; text-align: right } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .person-job { color: #121212; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; width: 100%; font-size: 12px } .qedge-com-swiper-golden-sentence.new .content .swiper-slide-active { z-index: 10; -webkit-transform: scale(1) !important; transform: scale(1) !important; cursor: pointer } .qedge-com-swiper-golden-sentence.new .content .swiper-slide-active .golden-sentence-content { background: rgba(0, 0, 0, .1); opacity: 1 !important; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; will-change: opacity } .qedge-com-swiper-golden-sentence.new .content .swiper-slide-active .golden-sentence-content img { -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform-origin: left bottom; transform-origin: left bottom } .qedge-com-swiper-golden-sentence.new .content .swiper-slide-duplicate-active { z-index: 10; -webkit-transform: scale(1) !important; transform: scale(1) !important } .qedge-com-swiper-golden-sentence.new .content .swiper-slide-duplicate-active .golden-sentence-content { opacity: 1 !important; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; will-change: opacity } .qedge-com-swiper-golden-sentence.new .content .swiper-slide { -webkit-transform: scale(0.9); transform: scale(0.9) } .qedge-com-swiper-golden-sentence.new .swiper-button-container { position: absolute; width: calc(100% - 40px); top: 50%; left: 20px; right: 20px; height: 44px; margin-top: -40px; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-swiper-golden-sentence.new .swiper-button-container .swiper-button { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; height: 44px; width: 44px; border: 1px solid #bcbcbc; border-radius: 30px } .qedge-com-swiper-golden-sentence.new .swiper-button-container .swiper-button-next:after, .qedge-com-swiper-golden-sentence.new .swiper-button-container .swiper-button-prev:after { color: #fff; font-family: themify; font-size: 16px; font-weight: bold; text-shadow: 0 0 5px #000 } .qedge-com-swiper-golden-sentence.new .swiper-button-container .swiper-button-next:not(.swiper-button-disabled):hover, .qedge-com-swiper-golden-sentence.new .swiper-button-container .swiper-button-prev:not(.swiper-button-disabled):hover { background: rgba(102, 102, 102, .9); border: 1px solid #e0e0e0 } .qedge-com-swiper-golden-sentence.new .swiper-button-container .swiper-button-next.swiper-button-disabled, .qedge-com-swiper-golden-sentence.new .swiper-button-container .swiper-button-prev.swiper-button-disabled { visibility: hidden } .qedge-com-swiper-golden-sentence.new .swiper-button-container .swiper-button-next:after { content: "" } .qedge-com-swiper-golden-sentence.new .swiper-button-container .swiper-button-prev:after { content: "" } .qedge-com-swiper-golden-sentence.new .swiper-button-container .swiper-button-next { margin-left: 20px; margin-right: 0 } .qedge-com-swiper-golden-sentence.user-enabled-popup .controls { color: #fff; display: block; text-align: center; -webkit-transition: top linear .08s; transition: top linear .08s } .qedge-com-swiper-golden-sentence.user-enabled-popup .controls a { color: inherit; -webkit-transition: -webkit-transform linear .3s; transition: -webkit-transform linear .3s; transition: transform linear .3s; transition: transform linear .3s, -webkit-transform linear .3s; display: block } .qedge-com-swiper-golden-sentence.user-enabled-popup .controls a:hover { -webkit-animation-name: "scale_min"; animation-name: "scale_min"; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-transform: scale(1.1); transform: scale(1.1) } .qedge-com-swiper-golden-sentence.user-enabled-popup .controls a:hover img { -webkit-animation-name: "opacity-looping"; animation-name: "opacity-looping"; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.3s; animation-duration: 1.3s } .qedge-com-swiper-golden-sentence.user-enabled-popup .controls img { height: 32px; width: 32px } @media screen and (max-width: 1024px) { .qedge-com-swiper-golden-sentence { margin: 120px 0 } .qedge-com-swiper-golden-sentence .container .content { padding: 0 20px } .qedge-com-swiper-golden-sentence .container .content .content-swiper { overflow: hidden } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .message-mobile { display: block; margin-left: 20px } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .message-pc { display: none } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .head-portrait { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 0 } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .head-portrait img { -ms-flex-negative: 0; flex-shrink: 0; width: 120px; height: 120px; -o-object-fit: cover; object-fit: cover; margin-left: 2px; border-radius: 50%; overflow: hidden } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .head-portrait .person-name { font-size: 16px; line-height: 26px; font-weight: 500 } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .head-portrait .person-job { font-size: 14px; font-weight: 400 } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .person-message { margin-top: 24px } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .person-message .symbol-comma { width: 40px } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .person-message .symbol-comma img { width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-swiper-golden-sentence .container .content .golden-sentence-content .person-message .person-word { margin-top: 8px; font-size: 16px; letter-spacing: 0; font-weight: 400; line-height: 1.3 } .qedge-com-swiper-golden-sentence .container .content .pagination-content { width: 100%; position: absolute; bottom: 80px; margin-left: -20px } .qedge-com-swiper-golden-sentence .container .content .pagination-content .swiper-pagination-home-innovation { top: auto; height: 2px; left: auto; right: 0; width: 210px; bottom: -38px } .qedge-com-swiper-golden-sentence .container .content .pagination-content .swiper-pagination-home-innovation.swiper-pagination-bullets { background: #d8d8d8; position: absolute } .qedge-com-swiper-golden-sentence .container .content .pagination-content .swiper-pagination-animation-bar { height: 1px; top: 37px } .qedge-com-swiper-golden-sentence.new .container { padding: 0 } .qedge-com-swiper-golden-sentence.new .content { padding: 0 } .qedge-com-swiper-golden-sentence.new .content-swiper { position: relative } .qedge-com-swiper-golden-sentence.new .content .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px } .qedge-com-swiper-golden-sentence.new .content .qedge-com-news-title .content { padding: 0 20px 20px 20px } .qedge-com-swiper-golden-sentence.new .content .qedge-com-news-title .sub-title { border-top: 1px solid #a1a1aa; padding-top: 10px; color: gray } .qedge-com-swiper-golden-sentence.new .content .swiper-slide { margin-right: unset; padding: 0 20px; -webkit-transform: scale(1); transform: scale(1); -webkit-box-sizing: border-box; box-sizing: border-box } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content { opacity: 1; background: rgba(0, 0, 0, 0); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .video-message { height: auto; padding: 20px 0; width: 100%; position: unset; background: #fff; gap: 20px } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .video-message .message-title { color: #000; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; width: 100%; font-size: 22px; font-weight: 400; text-align: right } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .video-message .message-word { margin-top: 0px; width: 100%; color: gray; font-size: 14px; line-height: 20px } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .head-portrait { position: relative; bottom: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .head-portrait img { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; aspect-ratio: 4/3 } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .video-wrapper-btn { position: absolute; bottom: 20px; right: 15px; z-index: 999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .video-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .video-btn-play { display: block; cursor: pointer } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .video-btn-pause { display: none; cursor: pointer } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .bg-video-controls { bottom: 5px; left: 50% } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .bg-video-controls .bg-video-progress { height: 3px } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .person-message { width: 100%; padding: 20px 0; gap: 20px; color: gray; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; padding-bottom: 20px; max-width: unset; font-size: 14px; min-height: 0 } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .person-message .person-bottom { margin-top: 0 } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .person-word { font-size: 14px } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .person-name { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; width: 100%; font-size: 22px; font-weight: 400; text-align: right } .qedge-com-swiper-golden-sentence.new .content .golden-sentence-content .person-job { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; width: 100%; font-size: 12px } .qedge-com-swiper-golden-sentence.new .content .swiper-slide-active { z-index: 10; -webkit-transform: scale(1) !important; transform: scale(1) !important; cursor: pointer } .qedge-com-swiper-golden-sentence.new .content .swiper-slide-active .golden-sentence-content { background: rgba(0, 0, 0, 0); opacity: 1 !important; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; will-change: opacity } .qedge-com-swiper-golden-sentence.new .content .swiper-slide-active .golden-sentence-content img { -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform-origin: left bottom; transform-origin: left bottom } .qedge-com-swiper-golden-sentence.new .content .swiper-slide-duplicate-active { z-index: 10; -webkit-transform: scale(1) !important; transform: scale(1) !important } .qedge-com-swiper-golden-sentence.new .content .swiper-slide-duplicate-active .golden-sentence-content { opacity: 1 !important; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; will-change: opacity } .qedge-com-swiper-golden-sentence.new .swiper-button-container { display: none } } .qedge-com-swiper-golden-sentence-popup { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; left: 0; bottom: 0; right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2000; background-color: rgba(0, 0, 0, .9); padding: 40px } .qedge-com-swiper-golden-sentence-popup video { display: block; width: 100%; max-height: 95vh; min-width: 100% } .qedge-com-swiper-golden-sentence-popup .close { position: absolute; top: 20px; right: 20px; z-index: 2100 } .qedge-com-swiper-golden-sentence-popup .close svg { height: 60px; width: 60px; pointer-events: none } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-picture-plus>.container { max-width: 1110px; padding-top: 70px } .qedge-com-picture-plus>.container>.content .title { font-size: 40px; color: #000; font-weight: 700 } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content { padding: 0 } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab { padding-top: 36px; position: relative } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-list ul { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; width: 100% } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-list ul li { font-size: 20px; color: #999; letter-spacing: 0; text-align: center; line-height: 34px; font-weight: 500 } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-list ul li.active { color: #000 } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-popup { position: fixed; width: 100%; height: 100%; background-color: #000; top: 0; left: 0; z-index: 1001; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-popup.hidden { display: none } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-popup .pophtml { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-popup .video-js, .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-popup img { width: 50%; height: auto; -o-object-fit: cover; object-fit: cover } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-popup .popup-close-button { font-size: 50px; -webkit-transform: rotate(45deg); transform: rotate(45deg); color: #fff; position: absolute; top: 20px; right: 40px; cursor: pointer } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-text { max-width: 340px; -ms-flex-negative: 0; flex-shrink: 0; text-align: left } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-text h1 { font-size: 18px; color: #fff; font-weight: 500; margin-bottom: 60px; line-height: 1.5 } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-text h2 { font-size: 21px; color: #fff; letter-spacing: 0; line-height: 36px; font-weight: 500; margin: 20px 0 10px 0 } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-text p { font-size: 14px; color: #fff; line-height: 28px; font-weight: 400; margin-bottom: 0 } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-body .image-wrapper { position: relative } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-body .image-wrapper .enlarge { width: 25px; height: 25px; position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 1 } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-body .image-wrapper .enlarge img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-body .image-wrapper .video-wrapper { height: 411px; width: 540px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-body .image-wrapper .video-wrapper .video-js { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-body .swiper-desc .title { font-size: 24px; color: #000; letter-spacing: 0; line-height: 36px; font-weight: 500 } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-body .swiper-desc .desc { font-size: 16px; color: #000; line-height: 28px; font-weight: 500; margin: 20px 0 } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-body .swiper-desc .info { font-size: 14px; color: #666; line-height: 28px; font-weight: 400 } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-body .swiper-desc .info p { margin-bottom: 0 } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .swiper-navigation-btns { position: absolute; top: 180px; width: 100% } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .swiper-navigation-btns .swiper-button-disabled { visibility: inherit } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .swiper-navigation-btns .swiper-button-prev { left: 480px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .swiper-navigation-btns .swiper-button-next { right: -100px } .qedge-com-picture-plus>.container>.content .swiper-pagination-in-tab { display: none } @media screen and (max-width: 1024px) { .qedge-com-picture-plus>.container { margin: 0 20px; padding: 40px 0 } .qedge-com-picture-plus>.container>.content .title { font-size: 24px; color: #000; letter-spacing: 0; line-height: 34px; font-weight: 600; margin-bottom: 0 } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab { padding-top: 32px; position: relative } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-list ul { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-list ul li { font-size: 14px; line-height: 24px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-popup .pophtml { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-popup .video-js, .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-popup img { width: 100% } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-popup .popup-close-button { font-size: 40px; top: 10px; right: 10px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-text { max-width: none; padding: 0 20px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-text .content { width: 50%; float: left; margin-bottom: 24px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-text h1 { font-size: 12px; margin-top: 40px; margin-bottom: 55px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-text h2 { font-size: 12px; margin: 0px 0 13px 0; line-height: 12px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .image-enlarged-text p { font-size: 10px; line-height: 14px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-body .image-wrapper .video-wrapper, .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-body .image-wrapper img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; max-height: 255px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-body .image-wrapper .enlarge { width: 15px; height: 15px; top: 10px; right: 10px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-body .swiper-desc .title { font-size: 16px; line-height: 26px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-body .swiper-desc .desc { font-size: 14px; line-height: 24px; margin: 8px 0 } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .slider-body .swiper-desc .info { font-size: 14px; line-height: 24px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .swiper-navigation-btns { top: 110px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .swiper-navigation-btns .cursor-switch { width: 30px; height: 30px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .swiper-navigation-btns .swiper-button-prev { left: 10px } .qedge-com-picture-plus>.container>.content .qedge-com-product-functionality>.container>.content .qedge-com-slider-in-tab .swiper-navigation-btns .swiper-button-next { right: 10px } .qedge-com-picture-plus>.container>.content .qedge-com-swiper-in-tab .swiper-body .swiper-item .swiper-desc { margin-bottom: 40px } } html:lang(ja) .qedge-com-uInnovation-home-card>.container>.content .flags .flag { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-uInnovation-home-card>.container>.content .title, html:lang(ja) .qedge-com-uInnovation-home-card>.container>.content .details, html:lang(ja) .qedge-com-uInnovation-home-card>.container>.content .timestap { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-motional-image .content .note { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-tab-item .content .tab-header { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-tab-item .content.active-tab-click .tab-header { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-product-image-card>.container>.content .title, html:lang(ja) .qedge-com-product-image-card>.container>.content .info { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-product-image-card.title-only>.container>.content .title, html:lang(ja) .qedge-com-product-image-card.title-only>.container>.content .info { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-product-image-card-with-link .qedge-com-product-image-card.text-center .more-link { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-product-image-card-text>.container>.content .title { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title, html:lang(ja) .qedge-com-product-functionality-desc>.container>.content .introduction .intro { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-product-banner>.content .banner-introduction .introduction .intro { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-news-title .content .subTitle { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-home-innovation .content>.subTitle { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .title, html:lang(ja) .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .details { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .title a, html:lang(ja) .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .details a { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-highlighted-number .content .card-heading .number { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-header .content .qedge-com-accordion-menu .accordion-fixed-body .fixed-body-table .element-content .content-level { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-event-location>.content .card-footer address .name .title { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-event-location>.content .card-footer address .name .subtitle { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-event-location>.content .card-footer .detail { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-draggable-image-strip .strip-cover__title { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-display-banner.includeHeader .content .banner-details .title { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-display-banner.includeHeader .content .banner-details .subTitle { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-horizon-video-container .horizon-video-card .horizon-title { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-horizon-video-container .horizon-video-card .horizon-card-footer { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-card-basic-event .content .card-heading .title { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-vision-mission-content .title { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-vision-mission-content .title strong { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-vision-mission-content .bg-title { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en { font-family: "Noto Sans JP" !important } html:lang(ja) .qedge-com-about-global .qedge-global-3d-container>.content .map-description-item-name { font-family: "Noto Sans JP" !important } @media screen and (max-width: 1024px) { html:lang(ja) .qedge-com-news-title .content { font-family: "Noto Sans JP" !important } } html:lang(ko) .qedge-com-uInnovation-home-card>.container>.content .flags .flag { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-uInnovation-home-card>.container>.content .title, html:lang(ko) .qedge-com-uInnovation-home-card>.container>.content .details, html:lang(ko) .qedge-com-uInnovation-home-card>.container>.content .timestap { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-uInnovation-basic-card.upDown>.content .qedge-com-motional-image .content .note { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-tab-item .content .tab-header { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-tab-item .content.active-tab-click .tab-header { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-products>.container>.content .dropdown .dropdown-trigger .button { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-product-image-card>.container>.content .title, html:lang(ko) .qedge-com-product-image-card>.container>.content .info { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-product-image-card.title-only>.container>.content .title, html:lang(ko) .qedge-com-product-image-card.title-only>.container>.content .info { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-product-image-card-with-link .qedge-com-product-image-card.text-center .more-link { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-product-image-card-text>.container>.content .title { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-product-functionality-desc>.container>.content .introduction .sect-title, html:lang(ko) .qedge-com-product-functionality-desc>.container>.content .introduction .intro { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-product-banner>.content .banner-introduction .introduction .intro-title { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-product-banner>.content .banner-introduction .introduction .intro-subtitle { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-product-banner>.content .banner-introduction .introduction .intro { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .intro-header { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-product-banner.text-left-showing .banner-introduction .introduction .more-link a { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-news-title .content .subTitle { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-home-innovation .content>.subTitle { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-home-innovation .content .content-text .content-change-item .flags .flag { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .title, html:lang(ko) .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .details { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .title a, html:lang(ko) .qedge-com-home-innovation .content .content-text.content-pc .content-change-item .details a { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-highlighted-number .content .card-heading .number { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-header .content .qedge-com-accordion-menu .accordion-fixed-body .fixed-body-table .element-content .content-level { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-event-location>.content .card-footer address .name .title { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-event-location>.content .card-footer address .name .subtitle { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-event-location>.content .card-footer .detail { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-draggable-image-strip .strip-cover__title { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-display-banner.includeHeader .content .banner-details .title { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-display-banner.includeHeader .content .banner-details .subTitle { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-horizon-video-container .horizon-video-card .horizon-title { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-horizon-video-container .horizon-video-card .horizon-card-footer { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-card-basic-event .content .card-heading .title { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-vision-mission-content .title { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-vision-mission-content .title strong { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-vision-mission-content .bg-title { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-about-promise-text>.container>.content .content-body .brief .brief-en { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-about-global .qedge-global-3d-container>.content .map-description-item-name { font-family: "Noto Sans KR" !important } html:lang(ko) .qedge-com-news-inside-content>.container>.content .content-body>p { font-family: "Noto Sans KR" !important } @media screen and (max-width: 1024px) { html:lang(ko) .qedge-com-news-title .content { font-family: "Noto Sans KR" !important } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-table-technical { padding: 70px 0 } .qedge-com-table-technical .container { max-width: 1110px; overflow: hidden } .qedge-com-table-technical .container .content .qedge-com-table-technical-title .title { font-size: 40px; color: #000; letter-spacing: 0; line-height: 50px; font-weight: 700; margin-bottom: 60px } .qedge-com-table-technical .container .content .slider-list { margin-bottom: 40px; border-bottom: 1px solid rgba(0, 0, 0, .2) } .qedge-com-table-technical .container .content .slider-list ul { margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; position: relative } .qedge-com-table-technical .container .content .slider-list ul li { margin: 0; padding: 20px 30px; font-size: 20px; color: #999; letter-spacing: 0; line-height: 34px; font-weight: 500; cursor: pointer } .qedge-com-table-technical .container .content .slider-list ul li.active { color: #000 } .qedge-com-table-technical .container .content .slider-list ul li.highlight-line { -webkit-transition: left linear .3s; transition: left linear .3s } .qedge-com-table-technical .container .content .slider-list ul li:first-child { padding-left: 5px } .qedge-com-table-technical .container .content .slider-list ul .highlight-line { position: absolute; background: #000; bottom: -1px; left: 0; height: 1px; padding: 0 } .qedge-com-table-technical .container .content .slider-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: -webkit-transform ease .5s; transition: -webkit-transform ease .5s; transition: transform ease .5s; transition: transform ease .5s, -webkit-transform ease .5s } .qedge-com-table-technical .container .content .slider-wrapper .talbe-content { opacity: 0; -webkit-transition: opacity ease .8s; transition: opacity ease .8s } .qedge-com-table-technical .container .content .slider-wrapper .talbe-content.current { opacity: 1 } .qedge-com-table-technical .container .content .talbe-content { max-height: 100px } .qedge-com-table-technical .container .content .talbe-content .table { margin-bottom: 28px } .qedge-com-table-technical .container .content .talbe-content .table .text-widget { font-size: 18px; color: #000; letter-spacing: 0; line-height: 36px; font-weight: 400 } .qedge-com-table-technical .container .content .talbe-content .table .text-widget.strong-text { font-weight: 700 } .qedge-com-table-technical .container .content .talbe-content .table .text-widget.node { font-size: 12px; color: #666; text-align: justify; line-height: 28px; font-weight: 400 } .qedge-com-table-technical .container .content .talbe-content .table td { padding: 20px 0; border-bottom: 1px solid #ececec; width: 50% } .qedge-com-table-technical .container .content .talbe-content .table tr:last-child td { border: none } .qedge-com-table-technical .container .content .talbe-content .table.ct .table td { width: auto } .qedge-com-table-technical .container .content .talbe-content .table.ct .table td:first-child { padding-right: 70px } .qedge-com-table-technical .container .content .talbe-content .table.ct .table td:last-child { padding-left: 70px } .qedge-com-table-technical .container .content .talbe-content.current { max-height: 9999px } .qedge-com-table-technical .container .content .info { font-size: 18px; color: #666; letter-spacing: 0; line-height: 36px; font-weight: 400 } @media screen and (max-width: 1024px) { .qedge-com-table-technical { padding: 40px 20px } .qedge-com-table-technical .container .content .qedge-com-table-technical-title .title { font-size: 24px; line-height: 34px; margin-bottom: 32px } .qedge-com-table-technical .container .content .slider-list { margin-bottom: 10px } .qedge-com-table-technical .container .content .slider-list ul li { margin: 0; padding: 8px 12px; font-size: 14px; color: #999; line-height: 24px; cursor: pointer } .qedge-com-table-technical .container .content .talbe-content .table { margin-bottom: 28px } .qedge-com-table-technical .container .content .talbe-content .table .text-widget { font-size: 14px; line-height: 24px } .qedge-com-table-technical .container .content .talbe-content .table .text-widget.node { font-size: 10px; line-height: 24px } .qedge-com-table-technical .container .content .talbe-content .table td { padding: 7px 0 19px 0; width: auto } .qedge-com-table-technical .container .content .talbe-content .table td:first-child { padding-right: 10px } .qedge-com-table-technical .container .content .talbe-content .table td:last-child { padding-left: 10px } .qedge-com-table-technical .container .content .talbe-content .table.ct .table td { width: auto } .qedge-com-table-technical .container .content .talbe-content .table.ct .table td:first-child { padding-right: 10px } .qedge-com-table-technical .container .content .talbe-content .table.ct .table td:last-child { padding-left: 10px } .qedge-com-table-technical .container .content .info { font-size: 14px; line-height: 20px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-news-image-swiper-title { position: relative } .qedge-com-news-image-swiper-title .pagination-content { width: 100%; position: absolute; bottom: 110px } .qedge-com-news-image-swiper-title .pagination-content .swiper-pagination-home-innovation { top: auto; height: 2px; left: auto; right: 0; width: 450px; bottom: -10px } .qedge-com-news-image-swiper-title .pagination-content .swiper-pagination-home-innovation.swiper-pagination-bullets { background: rgba(255, 255, 255, .4); position: relative; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .qedge-com-news-image-swiper-title .pagination-content .swiper-pagination-home-innovation.swiper-pagination-bullets .swiper-pagination-bullet { position: relative; height: 2px; opacity: 1; background-color: rgba(0, 0, 0, 0); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-radius: 0 } .qedge-com-news-image-swiper-title .pagination-content .swiper-pagination-home-innovation.swiper-pagination-bullets .swiper-pagination-bullet:after { content: ""; position: absolute; left: 0; top: -25px; width: 100%; height: 50px } .qedge-com-news-image-swiper-title .pagination-content .swiper-pagination-animation-bar { position: absolute; right: 300px; top: 10px; z-index: 10; width: 150px; height: 2px; background: #fff; -webkit-transition: right linear .3s; transition: right linear .3s } .qedge-com-news-image-swiper-title .qedge-com-news-image-title .content .basic-card .container .content .right-section .title { width: 51% } .qedge-com-news-image-swiper-title .qedge-com-news-image-title .content .basic-card .container .content .right-section .sub-title { width: 45% } @media screen and (max-width: 1024px) { .qedge-com-news-image-swiper-title .pagination-content { display: none } .qedge-com-news-image-swiper-title .qedge-com-news-image-title .content .basic-card .container .content { padding: 0 20px } .qedge-com-news-image-swiper-title .qedge-com-news-image-title .content .basic-card .container .content .right-section .title { width: 100% } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-event-pupup { margin-bottom: 60px } .qedge-com-event-pupup .container { width: 75% } .qedge-com-event-pupup .container .content img { width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-event-pupup .container .content img.mobile-img { display: none } @media screen and (max-width: 1024px) { .qedge-com-event-pupup .container { width: 90% } .qedge-com-event-pupup .container .content img.mobile-img { display: block } .qedge-com-event-pupup .container .content img.pc-img { display: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-carousel-banner-swiper { position: relative } .qedge-com-carousel-banner-swiper .android-picture { display: none; width: 100%; height: 100% } .qedge-com-carousel-banner-swiper .android-picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-carousel-banner-swiper .pagination-content-carousel-banner { width: 100%; position: absolute; bottom: 130px } .qedge-com-carousel-banner-swiper .pagination-content-carousel-banner .swiper-pagination-home-innovation { top: auto; height: 2px; left: auto; right: 0; width: 450px; bottom: -10px } .qedge-com-carousel-banner-swiper .pagination-content-carousel-banner .swiper-pagination-home-innovation.swiper-pagination-bullets { background: rgba(255, 255, 255, .2); position: relative; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .qedge-com-carousel-banner-swiper .pagination-content-carousel-banner .swiper-pagination-home-innovation.swiper-pagination-bullets .swiper-pagination-bullet { position: relative; height: 2px; opacity: 1; background-color: rgba(0, 0, 0, 0); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-radius: 0 } .qedge-com-carousel-banner-swiper .pagination-content-carousel-banner .swiper-pagination-home-innovation.swiper-pagination-bullets .swiper-pagination-bullet:after { content: ""; position: absolute; left: 0; top: -25px; width: 100%; height: 50px } .qedge-com-carousel-banner-swiper .pagination-content-carousel-banner .swiper-pagination-animation-bar-carousel-banner { position: absolute; right: 300px; top: 10px; z-index: 10; width: 150px; height: 2px; background: #fff; -webkit-transition: right linear .3s; transition: right linear .3s } @media screen and (max-width: 1024px) { .qedge-com-carousel-banner-swiper .android-picture { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .qedge-com-carousel-banner-swiper .android-picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-carousel-banner-swiper .pagination-content-carousel-banner { width: 100%; position: absolute; bottom: 80px; margin-left: -20px } .qedge-com-carousel-banner-swiper .pagination-content-carousel-banner .swiper-pagination-home-innovation { top: auto; height: 2px; left: auto; right: 0; width: 210px; bottom: -38px } .qedge-com-carousel-banner-swiper .pagination-content-carousel-banner .swiper-pagination-home-innovation.swiper-pagination-bullets { position: absolute; bottom: 0 } .qedge-com-carousel-banner-swiper .pagination-content-carousel-banner .swiper-pagination-animation-bar-carousel-banner { top: -1px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-product-customer-voice { padding: 70px 0 } .qedge-com-product-customer-voice .container { max-width: 1110px } .qedge-com-product-customer-voice .container .content .title { font-size: 40px; color: #000; letter-spacing: 0; line-height: 50px; font-weight: 700; margin-bottom: 60px } .qedge-com-product-customer-voice .container .content .inside-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content { width: calc(50% - 15px); margin-bottom: 60px } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content .head-portrait { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content .head-portrait .header-img { width: 145px; height: 145px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; overflow: hidden } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content .head-portrait .header-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content .head-portrait .header-message { margin-left: 20px } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content .head-portrait .header-message .person-name { color: #000; margin-bottom: 10px; font-size: 16px; line-height: 28px; font-weight: 500 } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content .head-portrait .header-message .person-job { color: #666; font-size: 14px; letter-spacing: 0; line-height: 28px; font-weight: 400 } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content:last-child { margin-bottom: 0 } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content:nth-last-child(2) { margin-bottom: 0 } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content:nth-child(2n) { margin-left: 30px } @media screen and (max-width: 1024px) { .qedge-com-product-customer-voice { padding: 40px 20px } .qedge-com-product-customer-voice .container { max-width: 1110px } .qedge-com-product-customer-voice .container .content .title { font-size: 24px; line-height: 34px; margin-bottom: 32px } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content { width: 100%; margin-bottom: 32px } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content .head-portrait { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content .head-portrait .header-img { width: 120px; height: 120px } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content .head-portrait .header-message { margin-left: 10px } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content .head-portrait .header-message .person-name { margin-bottom: 10px; font-size: 16px; line-height: 20px } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content .head-portrait .header-message .person-job { font-size: 14px; line-height: 20px } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content:last-child { margin-bottom: 32px } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content:nth-last-child(2) { margin-bottom: 32px } .qedge-com-product-customer-voice .container .content .inside-content .golden-sentence-content:nth-child(2n) { margin-left: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-product-aspirational-innovation { padding: 70px 0 } .qedge-com-product-aspirational-innovation>.container { max-width: 1110px } .qedge-com-product-aspirational-innovation>.container>.content>.title { font-size: 40px; color: #000; letter-spacing: 0; line-height: 50px; font-weight: 700; margin-bottom: 60px } .qedge-com-product-aspirational-innovation>.container>.content .inside-content .qedge-com-product-image-card>.container>.content .title { margin: 20px 0; font-size: 24px; color: #000; letter-spacing: 0; line-height: 36px; font-weight: 500 } .qedge-com-product-aspirational-innovation>.container>.content .inside-content .qedge-com-product-image-card>.container>.content .info { font-size: 16px; color: #666; letter-spacing: 0; line-height: 28px; font-weight: 400; margin-bottom: 60px } .qedge-com-product-aspirational-innovation>.container>.content .inside-content .columns.col-2 .column { max-width: 50% } @media screen and (max-width: 1024px) { .qedge-com-product-aspirational-innovation { padding: 40px 20px } .qedge-com-product-aspirational-innovation .container { max-width: 1110px } .qedge-com-product-aspirational-innovation .container .content .title { font-size: 24px; line-height: 34px; margin-bottom: 32px } .qedge-com-product-aspirational-innovation .container .content .inside-content .qedge-com-product-image-card>.container>.content .title { margin: 0; margin-bottom: 10px; font-size: 16px; color: #000; line-height: 26px } .qedge-com-product-aspirational-innovation .container .content .inside-content .qedge-com-product-image-card>.container>.content .info { font-size: 14px; color: #666; line-height: 20px; margin-bottom: 30px } .qedge-com-product-aspirational-innovation .container .content .inside-content .columns.col-2 .column { max-width: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-popup-healthcare-professionals { position: fixed; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, .2); height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1000 } .qedge-com-popup-healthcare-professionals.hidden { display: none } .qedge-com-popup-healthcare-professionals .pupup-content { max-width: 660px; background-color: #fff; padding: 50px 44px } .qedge-com-popup-healthcare-professionals .pupup-content .info { font-size: 24px; line-height: 36px; margin-bottom: 15px; color: #000; font-weight: 500; letter-spacing: 0 } .qedge-com-popup-healthcare-professionals .pupup-content .title { font-size: 16px; letter-spacing: 0; color: #666; line-height: 24px; font-weight: 400 } .qedge-com-popup-healthcare-professionals .pupup-content .buttons { margin-top: 30px } .qedge-com-popup-healthcare-professionals .pupup-content .buttons>div { width: 80px; height: 40px; text-align: center; border: 1px solid #999; cursor: pointer; margin-right: 20px; font-size: 24px; line-height: 38px; letter-spacing: 0 } .qedge-com-popup-healthcare-professionals .pupup-content .buttons>div.button-yes { background: #000; color: #fff } .qedge-com-popup-healthcare-professionals .pupup-content .buttons>div a { color: #000; display: block } html[lang=ja] .qedge-com-popup-healthcare-professionals .pupup-content .buttons>div { width: 100px; height: 44px; line-height: 42px } @media screen and (max-width: 1024px) { .qedge-com-popup-healthcare-professionals .pupup-content { max-width: 325px; padding: 40px 25px } .qedge-com-popup-healthcare-professionals .pupup-content .info { font-size: 16px; letter-spacing: 0; font-weight: 500 } .qedge-com-popup-healthcare-professionals .pupup-content .title { font-size: 14px; line-height: 24px } .qedge-com-popup-healthcare-professionals .pupup-content .buttons>div { width: 50px; height: 30px; line-height: 28px; font-size: 16px } .qedge-com-popup-healthcare-professionals .pupup-content .buttons>div a { font-size: 16px } html[lang=ja] .qedge-com-popup-healthcare-professionals .pupup-content .buttons>div { width: 78px; height: 34px; line-height: 32px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-timer-shaft { padding: 70px 0 } .qedge-com-timer-shaft .container { max-width: 1110px } .qedge-com-timer-shaft .container>.content .title { display: block; font-size: 40px; color: #000; letter-spacing: 0; font-weight: 700; margin-bottom: 30px } .qedge-com-timer-shaft .container>.content .timer-shaft-title-mobile { display: none } .qedge-com-timer-shaft .container>.content .subtitle { font-size: 16px; color: #666; line-height: 28px; font-weight: 400; margin-top: 0; margin-bottom: 60px } .qedge-com-timer-shaft .timer-shaft-bg-image { position: relative } .qedge-com-timer-shaft .timer-shaft-bg-image .content { min-height: 550px; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-timer-shaft .timer-shaft-bg-image .content .scroll-img { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-timer-shaft .timer-shaft-bg-image .content .scroll-img img { max-width: none; display: block; margin: 0 40px } .qedge-com-timer-shaft .timer-shaft-bg-image .pagination-shaft { position: absolute; width: 450px; height: 2px; background: rgba(255, 255, 255, .4); bottom: 35px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .qedge-com-timer-shaft .timer-shaft-bg-image .pagination-shaft .pagination-shaft-item { height: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } .qedge-com-timer-shaft .timer-shaft-bg-image .pagination-shaft .shaft-bar { height: 20px; position: relative; top: -10px; cursor: pointer } .qedge-com-timer-shaft .timer-shaft-bg-image .pagination-shaft .animation-shaft-bar { position: absolute; background: #fff; height: 2px; -webkit-transition: left linear .3s; transition: left linear .3s } @media screen and (max-width: 1024px) { .qedge-com-timer-shaft { padding: 40px 0px } .qedge-com-timer-shaft .container>.content .title { display: none } .qedge-com-timer-shaft .container>.content .timer-shaft-title-mobile { display: block; padding: 0 20px; margin-bottom: 36px; font-size: 24px; color: #000; letter-spacing: 0; font-weight: 700; line-height: 1.2 } .qedge-com-timer-shaft .container>.content .subtitle { padding: 0 20px; margin-bottom: 32px; font-size: 14px } .qedge-com-timer-shaft .timer-shaft-bg-image { position: relative } .qedge-com-timer-shaft .timer-shaft-bg-image .content .scroll-img { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 0px } .qedge-com-timer-shaft .timer-shaft-bg-image .content .scroll-img img { max-width: none; display: block; margin: 0 auto } .qedge-com-timer-shaft .timer-shaft-bg-image .pagination-shaft { display: none } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-safety-semicircle { padding: 70px 0 } @-webkit-keyframes hideIndex { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes hideIndex { 0% { opacity: 0 } 100% { opacity: 1 } } .qedge-com-safety-semicircle .container { max-width: 1110px } .qedge-com-safety-semicircle .container .content>.title { font-size: 40px; color: #000; letter-spacing: 0; font-weight: 700; margin-bottom: 70px } .qedge-com-safety-semicircle .container .content>.title .mobile-title { display: none } .qedge-com-safety-semicircle .container .content .semicircle-content { position: relative; max-width: 1110px; height: 555px } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle { position: absolute } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle .content { width: 100%; height: 100%; border-radius: 100% 100% 0 0/200% 200% 0 0 } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle .content .title { font-size: 24px; color: #000; letter-spacing: 0; text-align: center; line-height: 36px; font-weight: 500; padding-top: 35px; max-width: 235px; margin: 0 auto; cursor: pointer; position: relative } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle .content .title:hover .details { -webkit-animation: hideIndex .5s; animation: hideIndex .5s; display: block } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle .content .title .details { font-size: 16px; color: #666; letter-spacing: 0; text-align: center; line-height: 28px; font-weight: 400; background: #fff; z-index: 10; -webkit-box-shadow: 0 20px 40px -4px rgba(199, 200, 201, .5); box-shadow: 0 20px 40px -4px rgba(199, 200, 201, .5); margin: 0 auto; position: absolute; display: none; padding: 10px 25px; left: 50%; -webkit-transform: translateX(-50%) translateZ(10px); transform: translateX(-50%) translateZ(10px); white-space: nowrap } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle:first-child { width: 100%; height: 100% } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle:first-child .content { background: #faf9f9 } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle:first-child .content .details { padding: 15px 25px } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle:nth-child(2) { width: 80%; height: 80%; margin: auto; left: 0; right: 0; top: 20% } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle:nth-child(2) .content { background: #f4f3f2 } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle:nth-child(3) { width: 60%; height: 60%; margin: auto; left: 0; right: 0; top: 40% } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle:nth-child(3) .content { background: #f0efed } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle:nth-child(4) { width: 42%; height: 42%; margin: auto; left: 0; right: 0; top: 58% } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle:nth-child(4) .content { background: #ebeae9 } .qedge-com-safety-semicircle .container .content .safety-details { display: none } @media screen and (max-width: 1024px) { .qedge-com-safety-semicircle { padding: 40px 20px } .qedge-com-safety-semicircle .container .content>.title { font-size: 24px; color: #000; letter-spacing: 0; font-weight: 700; margin-bottom: 30px } .qedge-com-safety-semicircle .container .content>.title .pc-title { display: none } .qedge-com-safety-semicircle .container .content>.title .mobile-title { display: block; line-height: 32px } .qedge-com-safety-semicircle .container .content .semicircle-content { height: 188px } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle .content .title { font-size: 14px; line-height: 10.78px; padding-top: 20px; font-weight: 500 } .qedge-com-safety-semicircle .container .content .semicircle-content .semicircle .content .title:hover .details { display: none } .qedge-com-safety-semicircle .container .content .safety-details { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .qedge-com-safety-semicircle .container .content .safety-details .safety-content { margin-bottom: 20px; width: 50% } .qedge-com-safety-semicircle .container .content .safety-details .safety-content .title { font-size: 16px; color: #000; letter-spacing: 0; line-height: 26px; font-weight: 500; margin-bottom: 8px } .qedge-com-safety-semicircle .container .content .safety-details .safety-content .details { font-size: 14px; color: #666; letter-spacing: 0; line-height: 24px; font-weight: 400 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-about-image-text-scrolling { padding: 70px 0; overflow: hidden } .qedge-com-about-image-text-scrolling .container { max-width: 1110px } .qedge-com-about-image-text-scrolling .container .introduce { margin-bottom: 50px; background: #fff; position: relative; z-index: 10 } .qedge-com-about-image-text-scrolling .container .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; overflow: hidden } .qedge-com-about-image-text-scrolling .container .content .slider-nav { max-width: calc(100% - 145px); margin-right: 125px } .qedge-com-about-image-text-scrolling .container .content .slider-nav .slick-slide { cursor: pointer; width: 220px; font-size: 20px; color: #000; letter-spacing: 0; text-align: center; line-height: 34px; font-weight: 700; padding: 20px 0 } .qedge-com-about-image-text-scrolling .container .content .slider-nav .slick-slide .title-img { width: 100%; height: auto } .qedge-com-about-image-text-scrolling .container .content .slider-nav .slick-slide .title-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block } .qedge-com-about-image-text-scrolling .container .content .slider-for { max-width: 763px } .qedge-com-about-image-text-scrolling .container .content .slider-for .slick-slide { float: left; height: 100%; min-height: 1px } .qedge-com-about-image-text-scrolling .container .content .slider-for .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .qedge-com-about-image-text-scrolling .container .content .slider-for .slick-slide .slider-img { width: 763px; height: 350px } .qedge-com-about-image-text-scrolling .container .content .slider-for .slick-slide .slider-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-about-image-text-scrolling .container .content .slider-for .slick-slide .slider-content .title { font-size: 40px; color: #000; letter-spacing: 0; line-height: 60px; font-weight: 700; margin-top: 20px; margin-bottom: 18px } .qedge-com-about-image-text-scrolling .container .content .slider-for .slick-slide .slider-content .details { width: 100%; font-size: 16px; color: #666; text-align: justify; line-height: 28px; font-weight: 400 } @media screen and (max-width: 1024px) { .qedge-com-about-image-text-scrolling { padding: 40px 20px; margin: 0 } .qedge-com-about-image-text-scrolling .container .content { display: block } .qedge-com-about-image-text-scrolling .container .content .slider-nav { max-width: 100%; margin-right: 0; margin-bottom: 20px } .qedge-com-about-image-text-scrolling .container .content .slider-nav .slick-slide { cursor: pointer; width: auto; font-size: 14px; color: #000; letter-spacing: 0; text-align: left; line-height: 24px; font-weight: 700; padding: 14px 0; margin: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-about-image-text-scrolling .container .content .slider-nav .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-about-image-text-scrolling .container .content .slider-for { max-width: 100% } .qedge-com-about-image-text-scrolling .container .content .slider-for .slick-slide { float: left; height: 100%; min-height: 1px } .qedge-com-about-image-text-scrolling .container .content .slider-for .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .qedge-com-about-image-text-scrolling .container .content .slider-for .slick-slide .slider-img { width: 100%; height: auto } .qedge-com-about-image-text-scrolling .container .content .slider-for .slick-slide .slider-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-about-image-text-scrolling .container .content .slider-for .slick-slide .slider-content .title { font-size: 24px; color: #000; letter-spacing: 0; line-height: 32px; font-weight: 700; margin-top: 20px; margin-bottom: 18px } .qedge-com-about-image-text-scrolling .container .content .slider-for .slick-slide .slider-content .details { font-size: 14px; line-height: 24px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-vision-misson-usa { padding: 70px 0 } .qedge-com-vision-misson-usa .container { max-width: 1110px } .qedge-com-vision-misson-usa .container .content .misson { overflow: hidden; position: relative } .qedge-com-vision-misson-usa .container .content .misson.mobile { height: 0 } .qedge-com-vision-misson-usa .container .content .misson .misson-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-vision-misson-usa .container .content .misson .mission-text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width: 1024px) { .qedge-com-vision-misson-usa { padding: 40px 20px } .qedge-com-vision-misson-usa .container .content .misson.mobile { height: auto } .qedge-com-vision-misson-usa .container .content .misson.pc { display: none } .qedge-com-vision-misson-usa .container .content .misson .misson-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-vision-misson-usa .container .content .misson .misson-img.pc { display: none } .qedge-com-vision-misson-usa .container .content .misson .mission-text.pc { top: 0; -webkit-transform: translateY(0); transform: translateY(0) } } .qedge-com-pet-picture-text-info { margin: 50px auto; margin-top: 20px } .qedge-com-pet-picture-text-info .container { max-width: 1110px } .qedge-com-pet-picture-text-info .container>.content { padding: 0 25px } @media screen and (max-width: 1024px) { .qedge-com-pet-picture-text-info { padding: 0 20px } .qedge-com-pet-picture-text-info .container .content { padding: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-header-new { height: 120px } .qedge-com-header-new.submenu_show .menu_hover { top: 120px } .qedge-com-header-new .top-header { -webkit-box-shadow: inset 0px -1px #e6e6e6; box-shadow: inset 0px -1px #e6e6e6; background-color: #fff } .qedge-com-header-new .top-header .qedge-com-accordion-menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .qedge-com-header-new .top-header .menu-wrapper { max-width: 1150px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-header-new .top-header .menu-wrapper .qedge-com-accordion-menu { padding: 0 16px; z-index: 1001 } .qedge-com-header-new .top-header .menu-wrapper .qedge-com-accordion-menu .accordion-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-header-new .top-header .menu-wrapper .qedge-com-accordion-menu .accordion-header .icon-earch { margin-right: 4px } .qedge-com-header-new .top-header .menu-wrapper .qedge-com-accordion-menu .accordion-header a .title { color: #000; height: 60px; line-height: 60px; white-space: nowrap; font-size: 16px } .qedge-com-header-new .top-header .menu-wrapper .qedge-com-accordion-menu.language-selector .accordion-body { background-color: #fff; padding: 0 20px 0 40px } .qedge-com-header-new .bottom-header { margin-top: 12px } .qedge-com-header-new .bottom-header:hover, .qedge-com-header-new .bottom-header:focus, .qedge-com-header-new .bottom-header:active { background-color: #fff; -webkit-box-shadow: inset 0 -1px 0 0 #e6e6e6; box-shadow: inset 0 -1px 0 0 #e6e6e6 } .qedge-com-header-new .bottom-header:hover .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header a, .qedge-com-header-new .bottom-header:focus .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header a, .qedge-com-header-new .bottom-header:active .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header a { color: #000 } .qedge-com-header-new .bottom-header:hover .content .menu-mobile .menu-content .qedge-com-accordion-menu.active>.accordion-header::after, .qedge-com-header-new .bottom-header:focus .content .menu-mobile .menu-content .qedge-com-accordion-menu.active>.accordion-header::after, .qedge-com-header-new .bottom-header:active .content .menu-mobile .menu-content .qedge-com-accordion-menu.active>.accordion-header::after { background: #666 } .qedge-com-header-new .bottom-header:hover .content .search-controls .search-trigger, .qedge-com-header-new .bottom-header:focus .content .search-controls .search-trigger, .qedge-com-header-new .bottom-header:active .content .search-controls .search-trigger { color: #000 } .qedge-com-header-new .bottom-header:hover .content .search-controls.search-active, .qedge-com-header-new .bottom-header:focus .content .search-controls.search-active, .qedge-com-header-new .bottom-header:active .content .search-controls.search-active { background-color: #fff } .qedge-com-header-new .bottom-header:hover .content .search-controls.search-collapse, .qedge-com-header-new .bottom-header:focus .content .search-controls.search-collapse, .qedge-com-header-new .bottom-header:active .content .search-controls.search-collapse { background-color: rgba(0, 0, 0, 0) } .qedge-com-header-new .bottom-header:hover .content .logo img.is-hidden-touch, .qedge-com-header-new .bottom-header:focus .content .logo img.is-hidden-touch, .qedge-com-header-new .bottom-header:active .content .logo img.is-hidden-touch { -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0) } .qedge-com-header-new .bottom-header:hover .content .logo img.is-hidden-touch.hide, .qedge-com-header-new .bottom-header:focus .content .logo img.is-hidden-touch.hide, .qedge-com-header-new .bottom-header:active .content .logo img.is-hidden-touch.hide { display: none } .qedge-com-header-new .bottom-header .qedge-com-accordion-menu.only-mobile-show { display: none } .qedge-com-header-new .bottom-header .menu-mobile-wrapper { padding-top: 0; padding-bottom: 0 } .qedge-com-header-new .bottom-header .menu-mobile-wrapper .menu-content .qedge-com-accordion-menu-wrapper { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-header-new .bottom-header .menu-mobile-wrapper .menu-content .qedge-com-accordion-menu-wrapper .qedge-com-accordion-menu:first-child { text-align: left; padding: 0 32px 0 0 } .qedge-com-header-new .bottom-header .content .search-controls { top: 0; height: 90% } @media screen and (max-width: 1024px) { .qedge-com-header-new { height: 45px } .qedge-com-header-new .top-header { display: none } .qedge-com-header-new .bottom-header { margin-top: 0 } .qedge-com-header-new .bottom-header .qedge-com-accordion-menu.only-mobile-show { display: block } .qedge-com-header-new .bottom-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .qedge-com-header-new .bottom-header .content .menu-mobile .menu-content .qedge-com-accordion-menu .accordion-header .icon-earch { margin-right: 5px } .qedge-com-header-new .bottom-header .content .search-controls { top: -1px; height: 100% } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-form-thank-page { padding: 70px 0 } .qedge-com-form-thank-page .qedge-com-card-submit-info .content { padding: 0 25px } .qedge-com-form-thank-page .qedge-com-card-submit-info .content .card-heading { padding: 0 20px } .qedge-com-form-thank-page .qedge-com-card-submit-info .content .card-heading .title { font-size: 30px; margin-bottom: 5px; margin-top: 20px; font-weight: 400 } .qedge-com-form-thank-page .qedge-com-card-submit-info .content .card-heading .subtitle { font-size: 16px; font-weight: 300 } .qedge-com-form-thank-page .qedge-com-card-submit-info .content .thanks-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px } .qedge-com-form-thank-page .qedge-com-card-submit-info .content .thanks-button .back { min-width: 158px; min-height: 37px; line-height: 37px; text-align: center; cursor: pointer; background-color: #000; color: #fff; padding: 0 20px } .qedge-com-form-thank-page .qedge-com-card-submit-info .content .thanks-button .back:first-child { margin-right: 20px } @media screen and (max-width: 1024px) { .qedge-com-form-thank-page { padding: 35px 0 } .qedge-com-form-thank-page .qedge-com-card-submit-info .content { padding: 0 25px } .qedge-com-form-thank-page .qedge-com-card-submit-info .content .thanks-button { margin-top: 30px } .qedge-com-form-thank-page .qedge-com-card-submit-info .content .thanks-button .back { min-width: 100px; min-height: 28px; line-height: 28px; font-size: 14px } .qedge-com-form-thank-page .qedge-com-card-submit-info .content .thanks-button .back:first-child { margin-right: 10x } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-event .container { max-width: none } .qedge-com-event .container .content .banner-img { width: 100%; height: 500px } .qedge-com-event .container .content .banner-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-event .container .content .qedge-com-news-inside-content { max-width: 730px; margin: 70px auto } .qedge-com-event .container .content .qedge-com-news-inside-content .title { text-align: center; font-size: 40px; line-height: 1.2; color: #000; font-weight: 600; margin-bottom: 1.5rem } .qedge-com-event .container .content .qedge-com-news-inside-content .subtitle { margin-top: 0; font-size: 22px; line-height: 1.2; font-weight: 600; color: #000; margin-bottom: 1.2rem } .qedge-com-event .container .content .qedge-com-news-inside-content p { margin: 10px 0; color: #666; font-size: 14px; line-height: 24px; letter-spacing: 0; font-weight: 400 } .qedge-com-event .container .content .qedge-com-news-inside-content p img { margin: 1.5rem 0; width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-event .container .content .qedge-com-marketo-form { max-width: 730px; margin: 0 auto } .qedge-com-event .container .content .qedge-com-marketo-form .mktoForm { padding: 0 } @media screen and (max-width: 1024px) { .qedge-com-event .container { max-width: none } .qedge-com-event .container .content .banner-img { width: 100%; height: 184px } .qedge-com-event .container .content .qedge-com-news-inside-content { margin: 40px auto; padding: 0 20px } .qedge-com-event .container .content .qedge-com-news-inside-content .title { font-size: 22px } .qedge-com-event .container .content .qedge-com-news-inside-content .subtitle { font-size: 18px } .qedge-com-event .container .content .qedge-com-news-inside-content p { font-size: 12px; line-height: 22px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-swiper-richtext { position: relative; padding-left: calc((100% - 1110px)/2); min-height: 750px; margin: 70px 0 } .qedge-com-swiper-richtext.image-left { padding-left: 0; padding-right: calc((100% - 1110px)/2) } .qedge-com-swiper-richtext.image-left .qedge-com-swiper-richtext-container { left: 0 } .qedge-com-swiper-richtext.image-left .qedge-com-swiper-richtext-container .swiper-slide .right { margin: 0; margin-right: 50px } .qedge-com-swiper-richtext.image-left .qedge-com-swiper-richtext-container-pc { left: calc(50% + 50px) } .qedge-com-swiper-richtext.image-left .qedge-com-swiper-richtext-container-pc .left-pc { -webkit-transition: all linear .5s; transition: all linear .5s; position: absolute; opacity: 0 } .qedge-com-swiper-richtext.image-left .qedge-com-swiper-richtext-container-pc .left-pc .title { font-size: 40px; color: #000; letter-spacing: 0; font-weight: bold; margin-bottom: 30px } .qedge-com-swiper-richtext.image-left .qedge-com-swiper-richtext-container-pc .left-pc .title.title-small { font-size: 24px; color: #000; letter-spacing: 0; line-height: 36px; font-weight: 400; margin-bottom: 10px } .qedge-com-swiper-richtext.image-left .qedge-com-swiper-richtext-container-pc .left-pc .summary { font-size: 16px; color: #666; line-height: 28px; font-weight: 400; margin-bottom: 40px } .qedge-com-swiper-richtext.image-left .qedge-com-swiper-richtext-container-pc .left-pc.active { opacity: 1 } .qedge-com-swiper-richtext.image-left .swiper-navigation-btns { right: auto; left: calc(50% + 50px) } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container { width: 50%; height: 100%; position: absolute; top: 0; right: 0; overflow: hidden } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-wrapper.touch-start .swiper-slide-active { opacity: 1 } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 90% } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .left { width: 30% } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .left.left-mobile { display: none } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .right { overflow: hidden; margin: 60px 1px 0 40px; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; margin-top: 0 } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .right img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain;"; background-color: #000 } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .right .img-pc { display: block; height: 100% } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .right .img-mobile { display: none } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc { position: absolute; right: auto; max-width: 480px; max-height: 810px; width: 50% } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc .left-pc { -webkit-transition: all linear .5s; transition: all linear .5s; position: absolute; opacity: 0 } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc .left-pc ::-webkit-scrollbar { width: 6px } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc .left-pc ::-webkit-scrollbar-track { background: #f1f1f1 } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc .left-pc ::-webkit-scrollbar-thumb { background: #d8d8d8; border-radius: 4px } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc .left-pc .title { font-size: 40px; color: #000; letter-spacing: 0; font-weight: bold; margin-bottom: 30px } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc .left-pc .title.title-small { font-size: 24px; color: #000; letter-spacing: 0; line-height: 36px; font-weight: 400; margin-bottom: 10px } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc .left-pc .summary { font-size: 16px; color: #666; letter-spacing: 0; line-height: 28px; font-weight: 400; margin-bottom: 40px } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc .left-pc .table-content { max-height: 370px; overflow-y: scroll; overflow-x: hidden } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc .left-pc .table-content .table-content-item, .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc .left-pc .table-content .node { font-size: 16px; color: #666; letter-spacing: 0; line-height: 28px; font-weight: 400; border-bottom: 1px solid #ececec; padding: 10px 0 } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc .left-pc .table-content .table-content-item:first-child, .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc .left-pc .table-content .node:first-child { border-bottom: 1px solid #ececec } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc .left-pc .table-content .node { border: none } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc .left-pc.active { opacity: 1 } .qedge-com-swiper-richtext .swiper-navigation-btns { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; bottom: 80px; right: auto; left: auto; z-index: 50 } .qedge-com-swiper-richtext .swiper-navigation-btns .swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .qedge-com-swiper-richtext .swiper-navigation-btns .swiper-button-next-o { margin-left: 20px } .qedge-com-swiper-richtext .swiper-navigation-btns .swiper-button { position: static; text-align: center; height: 44px; width: 44px; border: 1px solid #000; background-color: #fff; border-radius: 30px; z-index: 10; cursor: pointer } .qedge-com-swiper-richtext .swiper-navigation-btns .swiper-button-next-o:after, .qedge-com-swiper-richtext .swiper-navigation-btns .swiper-button-prev-o:after { color: #333; font-family: themify; font-size: 23px; cursor: pointer } .qedge-com-swiper-richtext .swiper-navigation-btns .swiper-button-next-o:after { content: "" } .qedge-com-swiper-richtext .swiper-navigation-btns .swiper-button-prev-o:after { content: "" } .qedge-com-swiper-richtext .swiper-navigation-btns .swiper-button-next-o { margin-left: 20px; margin-right: 0 } @media screen and (max-width: 1024px) { .qedge-com-swiper-richtext { padding: 40px 20px !important; min-height: auto; margin: 0 } .qedge-com-swiper-richtext.image-left .qedge-com-swiper-richtext-container .swiper-slide .left .title { margin-top: 40px; font-size: 24px; line-height: 32px; font-weight: bold } .qedge-com-swiper-richtext.image-left .qedge-com-swiper-richtext-container .swiper-slide .left .title.title-small { font-size: 16px; color: #000; line-height: 24px; font-weight: 400 } .qedge-com-swiper-richtext.image-left .qedge-com-swiper-richtext-container .swiper-slide .left .summary { font-size: 16px; line-height: 24px } .qedge-com-swiper-richtext.image-left .qedge-com-swiper-richtext-container .swiper-slide .left.left-mobile { display: block; width: 100% } .qedge-com-swiper-richtext.image-left .qedge-com-swiper-richtext-container .swiper-slide .right { margin-right: 0 } .qedge-com-swiper-richtext.image-left .swiper-navigation-btns { top: 45px; right: 20px; left: auto } .qedge-com-swiper-richtext.image-left .swiper-navigation-btns .swiper-button { height: 32px; width: 32px } .qedge-com-swiper-richtext.image-left .swiper-navigation-btns .swiper-button-next-o:after, .qedge-com-swiper-richtext.image-left .swiper-navigation-btns .swiper-button-prev-o:after { font-size: 16px } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container { width: auto; height: auto; position: static } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide { display: block } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .left .title { font-size: 24px; line-height: 32px; font-weight: bold } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .left .title.title-small { font-size: 16px; color: #000; line-height: 24px; font-weight: 400 } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .left .summary { font-size: 14px; color: #666; text-align: left; line-height: 20px; margin-bottom: 20px } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .left .table-content { margin: 20px 0 } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .left .table-content .table-content-item, .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .left .table-content .node { font-size: 14px; color: #666; letter-spacing: 0; line-height: 20px; font-weight: 400; border-top: 1px solid #ececec; padding: 10px 0 } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .left .table-content .table-content-item:last-child, .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .left .table-content .node:last-child { border-bottom: 1px solid #ececec } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .left .table-content .table-content-item .columns, .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .left .table-content .node .columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .left .table-content .table-content-item .columns .column, .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .left .table-content .node .columns .column { width: 50% } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .left.left-mobile { display: block; width: 100% } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container .swiper-slide .right { margin-left: 0; margin-top: 15px } .qedge-com-swiper-richtext .qedge-com-swiper-richtext-container-pc { display: none } .qedge-com-swiper-richtext .swiper-navigation-btns { top: 0; right: 20px; left: auto } .qedge-com-swiper-richtext .swiper-navigation-btns .swiper-button { height: 32px; width: 32px } .qedge-com-swiper-richtext .swiper-navigation-btns .swiper-button-next-o:after, .qedge-com-swiper-richtext .swiper-navigation-btns .swiper-button-prev-o:after { font-size: 16px } } .qedge-com-title-text .container { max-width: 1110px } .qedge-com-title-text .container .content .title { font-size: 40px; color: #000; letter-spacing: 0; font-weight: bold } .qedge-com-title-text .container .content .summary { max-width: 730px; font-size: 16px; color: #666; text-align: justify; line-height: 28px; font-weight: 400; margin-top: 30px; margin-bottom: 60px } @media screen and (max-width: 1024px) { .qedge-com-title-text .container { max-width: 1110px; padding: 0 20px } .qedge-com-title-text .container .content .title { font-size: 24px } .qedge-com-title-text .container .content .summary { text-align: left } } .qedge-com-download-list { padding: 70px 0 } .qedge-com-download-list .container { max-width: 1110px } .qedge-com-download-list .container .content .title { font-size: 40px; color: #000; letter-spacing: 0; font-weight: bold; margin-bottom: 50px } .qedge-com-download-list .container .content .list .list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-download-list .container .content .list .list-item:last-child { margin-bottom: 0 } .qedge-com-download-list .container .content .list .list-item .paper-name { font-size: 24px; color: #000; letter-spacing: 0; line-height: 36px; font-weight: 400 } .qedge-com-download-list .container .content .list .list-item .paper-download { width: 30px; height: 30px } .qedge-com-download-list .container .content .list .list-item .paper-download img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media screen and (max-width: 1024px) { .qedge-com-download-list { padding: 40px 20px } .qedge-com-download-list .container .content .title { font-size: 24px; margin-bottom: 30px } .qedge-com-download-list .container .content .list .list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px } .qedge-com-download-list .container .content .list .list-item:last-child { margin-bottom: 0 } .qedge-com-download-list .container .content .list .list-item .paper-name { font-size: 16px; color: #000; letter-spacing: 0; line-height: 36px; font-weight: 400 } .qedge-com-download-list .container .content .list .list-item .paper-download { width: 20px; height: 20px } } .qedge-com-title-download-link { padding: 70px 0 } .qedge-com-title-download-link .container { max-width: 1110px } .qedge-com-title-download-link .container .content .title { font-size: 40px; color: #000; letter-spacing: 0; font-weight: bold; margin-bottom: 50px } .qedge-com-title-download-link .container .content .list .list-item { margin-bottom: 30px; font-size: 16px } .qedge-com-title-download-link .container .content .list .list-item:last-child { margin-bottom: 0 } .qedge-com-title-download-link .container .content .list .list-item .item-name { color: #666; line-height: 28px; font-weight: 400 } .qedge-com-title-download-link .container .content .list .list-item .item-download { color: #1890ff; text-align: justify; line-height: 28px; font-weight: 400 } @media screen and (max-width: 1024px) { .qedge-com-title-download-link { padding: 40px 20px } .qedge-com-title-download-link .container { max-width: 1110px } .qedge-com-title-download-link .container .content .title { font-size: 24px; margin-bottom: 30px } .qedge-com-title-download-link .container .content .list .list-item { margin-bottom: 20px; font-size: 14px } .qedge-com-title-download-link .container .content .list .list-item:last-child { margin-bottom: 0 } .qedge-com-title-download-link .container .content .list .list-item .item-name { line-height: 20px } .qedge-com-title-download-link .container .content .list .list-item .item-download { text-align: left; line-height: 20px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-parallax-video-hero .content { position: relative; text-align: center } .qedge-com-parallax-video-hero .content .parallax-window { height: 750px; max-height: 90vh } .qedge-com-parallax-video-hero .content .bg-video { height: 750px; overflow: hidden; position: relative } .qedge-com-parallax-video-hero .content .bg-video video { -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100% } .qedge-com-parallax-video-hero .content .intro { color: #fff; position: absolute; padding: 40px; bottom: 0; left: 0; right: 0; line-height: 1.2; text-align: center; width: 100% } .qedge-com-parallax-video-hero .content .intro .t1, .qedge-com-parallax-video-hero .content .intro .t2, .qedge-com-parallax-video-hero .content .intro .t3 { display: block } .qedge-com-parallax-video-hero .content .intro .t1 { font-size: 48px; font-weight: 700; margin: .7em 0 .5em 0 } .qedge-com-parallax-video-hero .content .intro .t2 { font-size: 24px; font-weight: 500 } .qedge-com-parallax-video-hero .content .intro .t3 { font-size: 18px; font-weight: 400 } .qedge-com-parallax-video-hero .content .intro .playback { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 60px 0 } .qedge-com-parallax-video-hero .content .intro .playback a { color: inherit; -webkit-transition: -webkit-transform linear .3s; transition: -webkit-transform linear .3s; transition: transform linear .3s; transition: transform linear .3s, -webkit-transform linear .3s } .qedge-com-parallax-video-hero .content .intro .playback a:hover { -webkit-animation-name: "scale"; animation-name: "scale"; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-transform: scale(1.5); transform: scale(1.5) } .qedge-com-parallax-video-hero .content .intro .playback a:hover svg { -webkit-animation-name: "opacity-looping"; animation-name: "opacity-looping"; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.3s; animation-duration: 1.3s } .qedge-com-parallax-video-hero .content .intro .playback svg { height: 50px; width: 50px } .qedge-com-parallax-video-hero .content .intro .playback p { margin-top: 20px; font-size: 16px } .qedge-com-parallax-video-hero .content .video-wrapper { position: fixed; top: 0; left: 0; bottom: 0; right: 0; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2000; background-color: rgba(0, 0, 0, .9); padding: 40px } .qedge-com-parallax-video-hero .content .video-wrapper video { display: block; width: 100%; max-height: 95vh; max-width: 100% } .qedge-com-parallax-video-hero .content .video-wrapper.show { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-parallax-video-hero .content .video-wrapper .close { position: absolute; top: 20px; right: 20px; z-index: 2100 } .qedge-com-parallax-video-hero .content .video-wrapper .close svg { height: 60px; width: 60px; pointer-events: none } @media screen and (max-width: 1024px) { .qedge-com-parallax-video-hero .content .bg-video { height: 500px } .qedge-com-parallax-video-hero .content .intro .t2 { font-size: 16px; font-weight: 700; line-height: 20px } .qedge-com-parallax-video-hero .content .intro .t1 { font-size: 32px; line-height: 38px; margin: .5em 0 .3em 0 } .qedge-com-parallax-video-hero .content .intro .t3 { font-size: 16px; line-height: 22px } .qedge-com-parallax-video-hero .content .intro .playback p { font-size: 16px; line-height: 20px } .qedge-com-parallax-video-hero .content .intro .note { font-size: 16px; line-height: 22px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-staircase-cards { max-width: 1920px; margin-left: auto; margin-right: auto } .qedge-com-staircase-cards .content ul { list-style-type: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0 10px } .qedge-com-staircase-cards .content ul .stair { background-color: #000; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0; -webkit-transition: -webkit-transform ease-out .3s; transition: -webkit-transform ease-out .3s; transition: transform ease-out .3s; transition: transform ease-out .3s, -webkit-transform ease-out .3s; position: relative } .qedge-com-staircase-cards .content .card { display: block; overflow: hidden; position: relative } .qedge-com-staircase-cards .content .card .card-bg { background-size: cover; background-repeat: no-repeat; display: block; height: 100%; padding-top: 123%; -webkit-transition: -webkit-transform ease-out .5s; transition: -webkit-transform ease-out .5s; transition: transform ease-out .5s; transition: transform ease-out .5s, -webkit-transform ease-out .5s } .qedge-com-staircase-cards .content .card .card-bg.mobile { display: none } .qedge-com-staircase-cards .content .card .intro { color: #fff; position: absolute; left: 0; line-height: 1.2; height: 130px; margin-bottom: 40px; padding: 40px 70px 0 35px; bottom: 0; z-index: 10; -webkit-transition: bottom ease-out .35s, opacity .5s ease, -webkit-transform linear .3s; transition: bottom ease-out .35s, opacity .5s ease, -webkit-transform linear .3s; transition: bottom ease-out .35s, transform linear .3s, opacity .5s ease; transition: bottom ease-out .35s, transform linear .3s, opacity .5s ease, -webkit-transform linear .3s; opacity: 1; width: 100% } .qedge-com-staircase-cards .content .card .intro .text { -webkit-transition: -webkit-transform linear .3s, -webkit-transform-origin linear .1s; transition: -webkit-transform linear .3s, -webkit-transform-origin linear .1s; transition: transform linear .3s, transform-origin linear .1s; transition: transform linear .3s, transform-origin linear .1s, -webkit-transform linear .3s, -webkit-transform-origin linear .1s } .qedge-com-staircase-cards .content .card .intro::before { content: " "; background-color: #fff; display: block; position: absolute; top: 0; bottom: 0; right: 44px; width: 1px } .qedge-com-staircase-cards .content .card .intro::after { background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(50%, #FFFFFF), to(#FFFFFF)); background: linear-gradient(to right, transparent 0%, transparent 50%, #FFFFFF 50%, #FFFFFF 100%); content: " "; height: 1px; position: absolute; bottom: -2px; right: 5px; -webkit-transform: rotate(-65deg); transform: rotate(-65deg); width: 80px } .qedge-com-staircase-cards .content .card .intro h1, .qedge-com-staircase-cards .content .card .intro h2, .qedge-com-staircase-cards .content .card .intro h3, .qedge-com-staircase-cards .content .card .intro h4, .qedge-com-staircase-cards .content .card .intro h5, .qedge-com-staircase-cards .content .card .intro h6 { font-size: 24px; font-weight: 700 } .qedge-com-staircase-cards .content .card .intro p { font-size: 16px; font-weight: 400; line-height: 1.5 } .qedge-com-staircase-cards .content .card .intro .load-more-btn { display: none } .qedge-com-staircase-cards .content .card:hover .card-bg { -webkit-transform: scale(1.5); transform: scale(1.5) } .qedge-com-staircase-cards .content .card:hover .intro { bottom: 30px } .qedge-com-staircase-cards .content .card:hover .intro .text { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: bottom left; transform-origin: bottom left } .qedge-com-staircase-cards .content .modal-card { position: absolute; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; transition: all .5s ease } .qedge-com-staircase-cards .content .modal-card .card-bg { background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none } .qedge-com-staircase-cards.add-load-more-btn .content .card .intro { height: 170px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-staircase-cards.add-load-more-btn .content .card .intro::before { display: none } .qedge-com-staircase-cards.add-load-more-btn .content .card .intro::after { display: none } .qedge-com-staircase-cards.add-load-more-btn .content .card .intro .load-more-btn { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 18px } .qedge-com-staircase-cards.add-load-more-btn .content .card .intro .load-more-btn p { color: #fff; font-size: 16px; font-weight: 400; -webkit-transition: letter-spacing .3s cubic-bezier(0.25, 0.1, 0.25, 1), text-underline-offset .3s ease, color .3s ease, -webkit-text-decoration .3s ease; transition: letter-spacing .3s cubic-bezier(0.25, 0.1, 0.25, 1), text-underline-offset .3s ease, color .3s ease, -webkit-text-decoration .3s ease; transition: letter-spacing .3s cubic-bezier(0.25, 0.1, 0.25, 1), text-decoration .3s ease, text-underline-offset .3s ease, color .3s ease; transition: letter-spacing .3s cubic-bezier(0.25, 0.1, 0.25, 1), text-decoration .3s ease, text-underline-offset .3s ease, color .3s ease, -webkit-text-decoration .3s ease; text-decoration: none; text-underline-offset: 2px } .qedge-com-staircase-cards.add-load-more-btn .content .card .intro .load-more-btn p:hover { letter-spacing: .3px; text-decoration: underline; text-decoration-thickness: 1px; color: #fff } .qedge-com-staircase-cards.add-modal .content ul .stair:hover .modal-card { opacity: 1; visibility: visible } .qedge-com-staircase-cards.add-modal .content .card .intro { height: 170px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-staircase-cards.add-modal .content .card .intro .text p { display: none } .qedge-com-staircase-cards.add-modal .content .card .intro::before { display: none } .qedge-com-staircase-cards.add-modal .content .card .intro::after { display: none } .qedge-com-staircase-cards.add-modal .content .card .intro .load-more-btn { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 18px } .qedge-com-staircase-cards.add-modal .content .card .intro .load-more-btn p { color: #fff; font-size: 16px; font-weight: 400; -webkit-transition: letter-spacing .3s cubic-bezier(0.25, 0.1, 0.25, 1), text-underline-offset .3s ease, color .3s ease, -webkit-text-decoration .3s ease; transition: letter-spacing .3s cubic-bezier(0.25, 0.1, 0.25, 1), text-underline-offset .3s ease, color .3s ease, -webkit-text-decoration .3s ease; transition: letter-spacing .3s cubic-bezier(0.25, 0.1, 0.25, 1), text-decoration .3s ease, text-underline-offset .3s ease, color .3s ease; transition: letter-spacing .3s cubic-bezier(0.25, 0.1, 0.25, 1), text-decoration .3s ease, text-underline-offset .3s ease, color .3s ease, -webkit-text-decoration .3s ease; text-decoration: none; text-underline-offset: 2px } .qedge-com-staircase-cards.add-modal .content .card .intro .load-more-btn p:hover { letter-spacing: .3px; text-decoration: underline; text-decoration-thickness: 1px; color: #fff } .qedge-com-staircase-cards.add-modal .content .modal-card .intro { color: #fff; position: relative; bottom: auto; line-height: 1.2; height: auto; margin-bottom: 0; padding: 20px; width: 100% } .qedge-com-staircase-cards.add-modal .content .modal-card .intro h1, .qedge-com-staircase-cards.add-modal .content .modal-card .intro h2, .qedge-com-staircase-cards.add-modal .content .modal-card .intro h3, .qedge-com-staircase-cards.add-modal .content .modal-card .intro h4, .qedge-com-staircase-cards.add-modal .content .modal-card .intro h5, .qedge-com-staircase-cards.add-modal .content .modal-card .intro h6 { font-size: 24px; font-weight: 700 } .qedge-com-staircase-cards.add-modal .content .modal-card .intro p { font-size: 18px; font-weight: 400; line-height: 1.5; margin-top: 30px } .qedge-com-staircase-cards.add-modal .content .modal-card .intro .load-more-btn { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 36px } .qedge-com-staircase-cards.add-modal .content .modal-card .intro .load-more-btn p { color: #fff; font-size: 16px; font-weight: 400; text-decoration: underline; margin-top: 0 } @media screen and (max-width: 1024px) { .qedge-com-staircase-cards .content ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-staircase-cards .content ul .stair { margin-bottom: 1px; width: 100% } .qedge-com-staircase-cards .content .card .card-bg { background-position: center center; display: none; padding-top: 35% } .qedge-com-staircase-cards .content .card .card-bg.mobile { display: block } .qedge-com-staircase-cards .content .card .intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; margin-bottom: 0; padding: 10px 60px 10px 20px } .qedge-com-staircase-cards .content .card .intro::before { top: 20px; bottom: 30px } .qedge-com-staircase-cards .content .card .intro::after { bottom: 29px; right: 25px; width: 40px } .qedge-com-staircase-cards .content .card .intro h2 { display: none } .qedge-com-staircase-cards .content .card .intro p { font-size: 16px; font-weight: 700; line-height: 20px } .qedge-com-staircase-cards.add-load-more-btn .content .card .intro { height: 130px } .qedge-com-staircase-cards.add-load-more-btn .content .card .intro .load-more-btn { width: 100% } .qedge-com-staircase-cards.add-load-more-btn .content .card .intro .load-more-btn p { font-weight: normal } .qedge-com-staircase-cards.add-modal .content ul .stair.active .modal-card { opacity: 1; visibility: visible } .qedge-com-staircase-cards.add-modal .content .card .intro { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-staircase-cards.add-modal .content .card .intro .text p { display: block } .qedge-com-staircase-cards.add-modal .content .modal-card { margin: 0 } .qedge-com-staircase-cards.add-modal .content .modal-card .card-bg.mobile { display: none } .qedge-com-staircase-cards.add-modal .content .modal-card .intro { z-index: 21 } .qedge-com-staircase-cards.add-modal .content .modal-card .intro h1, .qedge-com-staircase-cards.add-modal .content .modal-card .intro h2, .qedge-com-staircase-cards.add-modal .content .modal-card .intro h3, .qedge-com-staircase-cards.add-modal .content .modal-card .intro h4, .qedge-com-staircase-cards.add-modal .content .modal-card .intro h5, .qedge-com-staircase-cards.add-modal .content .modal-card .intro h6 { font-size: 18px } .qedge-com-staircase-cards.add-modal .content .modal-card .intro p { font-size: 16px; margin-top: 0 } .qedge-com-staircase-cards.add-modal .content .modal-card .intro .load-more-btn { margin-top: 12px } .qedge-com-staircase-cards.add-modal .content .modal-card .intro .load-more-btn p { font-size: 14px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-text-banner { background-color: #fafafa } .qedge-com-text-banner .container { max-width: 1110px } .qedge-com-text-banner .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-text-banner .content .title { color: #000; font-size: 40px; font-weight: 700; margin-bottom: 20px } .qedge-com-text-banner .content .download { display: inline-block; position: relative } .qedge-com-text-banner .content .download::after { background-image: url(../images/icons-small/push-down.svg); background-position: center center; background-repeat: no-repeat; background-size: cover; content: " "; width: 1.1em; height: 1.1em; display: inline-block; margin-left: .5em; position: relative; top: .2em } .qedge-com-text-banner .content p { color: gray; font-size: 18px; line-height: 28px; margin: 0 0 10px 0 } @media screen and (max-width: 1024px) { .qedge-com-text-banner .content .title { font-size: 24px; line-height: 28px; margin-bottom: 1em } .qedge-com-text-banner .content p { font-size: 16px; line-height: 22px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-scroll-slider { color: #fff; width: 100%; z-index: 10; margin: 130px auto; max-width: 1920px } .qedge-com-scroll-slider-inner { position: relative; width: 100%; left: 0; top: 0; z-index: 5 } .qedge-com-scroll-slider-wrapper { grid-template-columns: 50% 50%; display: grid; position: relative; z-index: 10; height: 100%; padding-top: 0 } .qedge-com-scroll-slider-title { width: 515px; margin-bottom: 60px } .qedge-com-scroll-slider-title .title { font-size: 28px; font-weight: 500; line-height: 33.6px; text-align: left } .qedge-com-scroll-slider-tips { font-size: 12px; font-weight: 400; line-height: 19.2px; margin-top: 62px; text-align: right; color: #666; width: 515px; padding: 20px 20px 0 } .qedge-com-scroll-slider-tips.is-mobile { display: none } .qedge-com-scroll-slider-accordion { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-right: 40px } .qedge-com-scroll-slider .accordion-group { border-left: 2px solid #ccc; width: 515px } .qedge-com-scroll-slider .accordion-group.current { border-left: 2px solid #000 } .qedge-com-scroll-slider .accordion-group.current .item { height: auto } .qedge-com-scroll-slider .accordion { background-color: rgba(0, 0, 0, 0); color: #a1a1aa; cursor: pointer; font-size: 24px; line-height: 28.8px; padding: 24px 16px; width: 520px; text-align: left; border: none; outline: none; -webkit-appearance: none; -webkit-transition: none; transition: none } .qedge-com-scroll-slider .accordion.active { font-weight: 600; color: #000; font-size: 32px; line-height: 38.8px } .qedge-com-scroll-slider .item { padding: 0 20px; background-color: #fff; color: #000; max-width: 520px; font-size: 16px; line-height: 25.6px; height: 0; overflow: hidden } .qedge-com-scroll-slider .item-tips { font-size: 12px; font-weight: 400; line-height: 19.2px; margin-top: 1em; text-align: left; color: #666 } .qedge-com-scroll-slider .slides { position: relative; padding-top: 75% } .qedge-com-scroll-slider .slides::-webkit-scrollbar { display: none } .qedge-com-scroll-slider .slides .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; height: 100%; width: 100%; display: flex; color: #333; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: opacity linear .8s; transition: opacity linear .8s } .qedge-com-scroll-slider .slides .slick-slide.current { opacity: 1; z-index: 99 } .qedge-com-scroll-slider .slides .slick-slide img, .qedge-com-scroll-slider .slides .slick-slide video { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; display: block } .qedge-com-scroll-slider .slides .slick-slide .toggle-image { z-index: 999; position: absolute; right: 40px; bottom: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .caption { font-family: Source Han Sans CN; font-size: 14px; font-weight: 400; line-height: 16.8px; margin-right: 16px; color: #999 } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .caption .cap { display: none } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .caption .cap.active { display: block } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper { border-radius: 28px 28px 28px 28px; padding: 3px; background-color: rgba(0, 0, 0, .3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper .icon { position: relative; width: 40px; height: 40px; border-radius: 50%; cursor: pointer } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper .icon::before { content: ""; width: 14px; height: 14px; position: absolute } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper .icon:hover { background: #fff } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper .icon:hover::before { border-color: #000 } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper .icon.disabled { pointer-events: none; opacity: .6; cursor: default } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper .icon-left { margin-right: 8px } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper .icon-left::before { border-top: 2px solid rgba(255, 255, 255, .8); border-left: 2px solid rgba(255, 255, 255, .8); text-shadow: 0 0 5px #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 35% } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper .icon-right::before { border-top: 2px solid rgba(255, 255, 255, .8); border-right: 2px solid rgba(255, 255, 255, .8); text-shadow: 0 0 5px #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 35% } .qedge-com-scroll-slider .slides .slick-slide .slide-media { position: relative; width: 100% } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 80px; height: 100%; width: 100%; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-intro { font-size: 12px; font-weight: 400; line-height: 14.4px; text-align: right; color: gray; margin-bottom: 10px } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item { margin-bottom: 20px; background-color: #fafafa; width: 31%; margin-right: 3%; height: 260px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: last baseline; -ms-flex-align: last baseline; align-items: last baseline; margin-top: 10px; padding: 0 20px } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-top .audio-name { font-size: 14px; font-weight: 400; line-height: 16.8px; text-align: left } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-top .audio-percent { font-size: 20px; font-weight: 500; text-align: center; color: #c59d62; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: last baseline; -ms-flex-align: last baseline; align-items: last baseline } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-top .audio-percent img { width: 5px; height: auto; margin-right: 2px } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-top .audio-percent span { font-size: 12px; -webkit-transform: scale(0.7); transform: scale(0.7) } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content { width: 100%; height: 100%; padding: 0 30px 20px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player .timeline { width: 18px; position: relative } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player .timeline div { width: 100%; position: absolute; bottom: 0; background-color: #fafafa; background-size: 5px 5px; overflow: hidden; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, transparent), color-stop(50%, #808080)); background-image: linear-gradient(0deg, transparent 50%, #808080 50%) } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player .audio-db { font-size: 12px; font-weight: 400; line-height: 14.4px; text-align: center; color: gray; margin-top: 11px; margin-bottom: 9px } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player.before .audio-name { font-size: 14px; font-weight: 400; line-height: 16.8px; text-align: left; position: absolute; top: 0 } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player.before .timeline .bar { height: 100%; z-index: 99 } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player.before .timeline .bar.playing { -webkit-animation: wave .6s infinite; animation: wave .6s infinite } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player.quiet .audio-percent { font-size: 16px; font-weight: 500; line-height: 9.6px; text-align: center; color: #c59d62; position: absolute; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player.quiet .audio-percent img { width: 9px; height: auto; margin-right: 2px } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player.quiet .audio-percent span { font-size: 12px } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player.quiet .timeline div { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, transparent), color-stop(50%, #C59D62)); background-image: linear-gradient(0deg, transparent 50%, #C59D62 50%) } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player.quiet .timeline .bar { height: 100%; z-index: 99 } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player.quiet .timeline .bar.playing { -webkit-animation: wave .6s infinite; animation: wave .6s infinite } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player .audio-btn { width: 20px; height: 20px; border: none; border-radius: 50%; background-color: #d2d2d7; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; outline: none; -webkit-transition: background-color .3s; transition: background-color .3s; position: relative } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player .audio-btn .audio-btn-pause { display: none } @-webkit-keyframes wave { 0% { opacity: .6 } 50% { opacity: .3 } 100% { height: .6 } } @keyframes wave { 0% { opacity: .6 } 50% { opacity: .3 } 100% { height: .6 } } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item:nth-child(3), .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item:nth-child(6) { margin-right: 0 } .qedge-com-scroll-slider .slides .slick-slide .slide-media>img, .qedge-com-scroll-slider .slides .slick-slide .slide-media>video { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; display: block } .qedge-com-scroll-slider .slides .slick-slide .slide-media>img.fade-out { opacity: .4; -webkit-transition: opacity linear .1s; transition: opacity linear .1s } .qedge-com-scroll-slider .slides .slick-slide .slide-media>img.fade-in { opacity: 1 } .qedge-com-scroll-slider .slides .slick-slide .slide-content { display: none } .qedge-com-scroll-slider .slides .slick-slide .video-wrapper-btn { position: absolute; bottom: 40px; right: 20px; z-index: 111; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-scroll-slider .slides .slick-slide .video-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-scroll-slider .slides .slick-slide .video-btn-play { display: block; width: 40%; cursor: pointer; -webkit-filter: contrast(50%); filter: contrast(50%) } .qedge-com-scroll-slider .slides .slick-slide .video-btn-pause { display: none; width: 40%; cursor: pointer; -webkit-filter: contrast(50%); filter: contrast(50%) } .qedge-com-scroll-slider .slides .slick-slide .bg-video-controls { position: absolute; z-index: 99; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100% } .qedge-com-scroll-slider .slides .slick-slide .bg-video-controls .bg-video-progress { width: 99%; margin: 0 auto; height: 5px; border-radius: 4px; background-color: #999; opacity: .5; z-index: 10 } .qedge-com-scroll-slider .slides .slick-slide .bg-video-controls .bg-video-progress .bg-video-progress-bar { position: relative; z-index: 11; height: 100%; width: 0%; background: #fff; opacity: 1; border-radius: 4px } .qedge-com-scroll-slider.user-enabled-image-first .qedge-com-scroll-slider-wrapper .qedge-com-scroll-slider-accordion { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 60px } .qedge-com-scroll-slider.user-enabled-popup .controls { color: #fff; display: block; text-align: center; -webkit-transition: top linear .08s; transition: top linear .08s } .qedge-com-scroll-slider.user-enabled-popup .controls a { color: inherit; -webkit-transition: -webkit-transform linear .3s; transition: -webkit-transform linear .3s; transition: transform linear .3s; transition: transform linear .3s, -webkit-transform linear .3s; display: block } .qedge-com-scroll-slider.user-enabled-popup .controls a:hover { -webkit-animation-name: "scale_min"; animation-name: "scale_min"; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-transform: scale(1.1); transform: scale(1.1) } .qedge-com-scroll-slider.user-enabled-popup .controls a:hover img { -webkit-animation-name: "opacity-looping"; animation-name: "opacity-looping"; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.3s; animation-duration: 1.3s } .qedge-com-scroll-slider.user-enabled-popup .controls img { height: 32px; width: 32px; -webkit-filter: contrast(50%); filter: contrast(50%) } .qedge-com-scroll-slider.hide-video-btn .slides .slick-slide .video-btn, .qedge-com-scroll-slider.hide-video-btn .slides .slick-slide .controls, .qedge-com-scroll-slider.hide-video-btn .slides .slick-slide .bg-video-controls { display: none } @media screen and (max-width: 1024px) { .qedge-com-scroll-slider { height: 100%; padding-top: 0; margin: 150px 0 } .qedge-com-scroll-slider.user-enabled-image-first .qedge-com-scroll-slider-inner .qedge-com-scroll-slider-wrapper .qedge-com-scroll-slider-accordion { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding-left: 0 } .qedge-com-scroll-slider-inner { position: relative; width: 100%; height: 100%; left: 0; top: 0; z-index: 5 } .qedge-com-scroll-slider-wrapper { grid-template-columns: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 10; height: 100% } .qedge-com-scroll-slider-accordion { padding-right: 0 } .qedge-com-scroll-slider-accordion .qedge-com-scroll-slider-title { width: 100%; padding: 0 20px; margin-bottom: 20px } .qedge-com-scroll-slider-accordion .accordion-group { display: none } .qedge-com-scroll-slider .accordion-group { width: auto } .qedge-com-scroll-slider-tips { display: none; width: 100%; margin-top: 0 } .qedge-com-scroll-slider-tips.is-mobile { display: block } .qedge-com-scroll-slider .slides { padding-top: 0; width: 100% } .qedge-com-scroll-slider .slides .slick-slider .slick-track, .qedge-com-scroll-slider .slides .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .qedge-com-scroll-slider .slides .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .qedge-com-scroll-slider .slides .slick-track:before, .qedge-com-scroll-slider .slides .slick-track:after { display: table; content: "" } .qedge-com-scroll-slider .slides .slick-track:after { clear: both } .qedge-com-scroll-slider .slides .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .qedge-com-scroll-slider .slides .slick-slide { opacity: 1; position: relative; float: left; height: 100%; min-height: 1px; width: 92vw; padding-right: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container { padding-right: 0; padding-left: 20px } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item { margin-bottom: 10px; height: auto; min-height: 140px } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-top { -ms-flex-pack: distribute; justify-content: space-around; -webkit-transform: scale(0.8); transform: scale(0.8); padding: 0 4px; margin-top: 4px } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-top .audio-name { font-size: 12px; margin-right: 10px } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-top .audio-percent { font-size: 14px } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content { padding: 0 10px 10px 10px } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player .timeline { width: 15px } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player .audio-db { margin: 4px 0; -webkit-transform: scale(0.8); transform: scale(0.8) } .qedge-com-scroll-slider .slides .slick-slide .slide-media .audio-container .audio-list .audio-item .audio-content .audio-player .audio-btn { width: 16px; height: 16px } .qedge-com-scroll-slider .slides .slick-slide>img, .qedge-com-scroll-slider .slides .slick-slide>video { width: 100vw; height: 75vw } .qedge-com-scroll-slider .slides .slick-slide .toggle-image { position: unset; display: block } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .caption { display: none } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper { background-color: unset; display: block } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper .icon { z-index: 999; width: 32px; height: 32px; border-radius: 50%; background-color: unset } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper .icon:hover { background: unset } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper .icon:hover::before { border-color: #fff } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper .icon-left { position: absolute; left: 20px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper .icon-left::before { border-top: 1px solid #fff; border-left: 1px solid #fff; left: 38% } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper .icon-right { position: absolute; right: 20px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) } .qedge-com-scroll-slider .slides .slick-slide .toggle-image .icon-wrapper .icon-right::before { border-top: 1px solid #fff; border-right: 1px solid #fff; right: 38% } .qedge-com-scroll-slider .slides .slick-slide .slide-content { display: block; width: 100% } .qedge-com-scroll-slider .slides .slick-slide .slide-content .title { font-size: 24px; padding: 30px 20px; margin-bottom: 0 } .qedge-com-scroll-slider .slides .slick-slide .slide-content .item { max-height: unset; height: auto } .qedge-com-scroll-slider .slides .slick-slide .slide-content .item p { color: #666; font-size: 14px; line-height: 20px } .qedge-com-scroll-slider .slides .slick-slide .slide-content .item p.item-tips { font-size: 12px; font-weight: 400; line-height: 19.2px; margin-top: 40px; text-align: left } .qedge-com-scroll-slider .slides .slick-slide .video-wrapper-btn { position: absolute; bottom: 20px; right: 15px; z-index: 999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-scroll-slider .slides .slick-slide .video-btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-scroll-slider .slides .slick-slide .bg-video-controls { bottom: 5px } .qedge-com-scroll-slider .slides .slick-slide .bg-video-controls .bg-video-progress { height: 3px } } .qedge-com-scroll-slider-popup { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; left: 0; bottom: 0; right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2000; background-color: rgba(0, 0, 0, .9); padding: 40px } .qedge-com-scroll-slider-popup video { display: block; width: 100%; max-height: 95vh; min-width: 100% } .qedge-com-scroll-slider-popup .close { position: absolute; top: 20px; right: 20px; z-index: 2100 } .qedge-com-scroll-slider-popup .close svg { height: 60px; width: 60px; pointer-events: none } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-scaling-video { margin: 130px auto; max-width: 1920px } .qedge-com-scaling-video .content { overflow: hidden; position: relative; height: auto } .qedge-com-scaling-video .content .video-wrapper { position: relative; height: auto } .qedge-com-scaling-video .content .bg-video { -o-object-fit: cover; object-fit: cover; display: block; margin: 0 auto; max-height: 90vh; width: 100% } .qedge-com-scaling-video .content .video-wrapper { position: relative; height: auto } .qedge-com-scaling-video .content .user-enabled-click-play-button { display: none } .qedge-com-scaling-video .content .user-enabled-click-play-button.show { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-scaling-video .content .controls { color: #fff; display: block; position: absolute; bottom: 5%; right: 20px; z-index: 999; text-align: center; text-align: center; -webkit-transition: top linear .08s; transition: top linear .08s; display: none } .qedge-com-scaling-video .content .controls.show { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-scaling-video .content .controls a { color: inherit; -webkit-transition: -webkit-transform linear .3s; transition: -webkit-transform linear .3s; transition: transform linear .3s; transition: transform linear .3s, -webkit-transform linear .3s; display: block } .qedge-com-scaling-video .content .controls a:hover { -webkit-animation-name: "scale_min"; animation-name: "scale_min"; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-transform: scale(1.1); transform: scale(1.1) } .qedge-com-scaling-video .content .controls a:hover img { -webkit-animation-name: "opacity-looping"; animation-name: "opacity-looping"; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.3s; animation-duration: 1.3s } .qedge-com-scaling-video .content .controls img { height: 32px; width: 32px } .qedge-com-scaling-video .content .intro { background-color: #fff; color: #000; position: relative; opacity: 0; -webkit-transition: opacity ease-out .8s; transition: opacity ease-out .8s } .qedge-com-scaling-video .content .intro.show { opacity: 1 } .qedge-com-scaling-video .content .intro .container { margin: 0 auto; max-width: 1120px; padding-top: 40px; padding-bottom: 40px } .qedge-com-scaling-video .content .intro h2 { font-size: 40px; font-weight: 700; line-height: 48px } .qedge-com-scaling-video .content .intro p { font-size: 18px; line-height: 28px; font-weight: 400 } .qedge-com-scaling-video .content .intro p.intro-tips { font-size: 12px; font-weight: 400; line-height: 19.2px; margin-top: 40px; text-align: left } .qedge-com-scaling-video .content .intro hr { height: 1px } .qedge-com-scaling-video.user-enabled-bg-black { background-color: #000 } .qedge-com-scaling-video.user-enabled-bg-black .content .video-wrapper { position: unset } .qedge-com-scaling-video.user-enabled-bg-black .content .intro { background-color: #000; color: #fff } .qedge-com-scaling-video.user-enabled-text-on-image .content .intro { background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0.005))); background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0.005) 100%); position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10 } .qedge-com-scaling-video.user-enabled-text-on-image .content .intro .container { color: #fff; padding-left: 20px; padding-right: 20px } .qedge-com-scaling-video.user-enabled-scaling .content .bg-video { max-width: 1120px } .qedge-com-scaling-video.user-enabled-scaling .content .intro .container { background: none } .qedge-com-scaling-video.user-enabled-click-play .user-enabled-click-play-button { color: #fff; position: absolute; top: 40%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; display: none } .qedge-com-scaling-video.user-enabled-click-play .user-enabled-click-play-button.show { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-scaling-video.user-enabled-click-play .user-enabled-click-play-button a { color: inherit; -webkit-transition: -webkit-transform linear .3s; transition: -webkit-transform linear .3s; transition: transform linear .3s; transition: transform linear .3s, -webkit-transform linear .3s } .qedge-com-scaling-video.user-enabled-click-play .user-enabled-click-play-button a:hover { -webkit-animation-name: "scale_min"; animation-name: "scale_min"; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-transform: scale(1.1); transform: scale(1.1) } .qedge-com-scaling-video.user-enabled-click-play .user-enabled-click-play-button a:hover svg { -webkit-animation-name: "opacity-looping"; animation-name: "opacity-looping"; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.3s; animation-duration: 1.3s } .qedge-com-scaling-video.user-enabled-click-play .user-enabled-click-play-button svg { height: 70px; width: 70px } .qedge-com-scaling-video.user-enabled-click-play .controls { display: none } .qedge-com-scaling-video.user-enabled-click-play .controls.show { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width: 768px) { .qedge-com-scaling-video .content { padding: 0; position: relative } .qedge-com-scaling-video .content .bg-video { width: 100%; padding: 0 } .qedge-com-scaling-video .content .user-enabled-click-play-button { color: #fff; position: absolute; top: 40%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; display: none } .qedge-com-scaling-video .content .user-enabled-click-play-button.show { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-scaling-video .content .user-enabled-click-play-button a { color: inherit; -webkit-transition: -webkit-transform linear .3s; transition: -webkit-transform linear .3s; transition: transform linear .3s; transition: transform linear .3s, -webkit-transform linear .3s } .qedge-com-scaling-video .content .user-enabled-click-play-button a:hover { -webkit-animation-name: "scale_min"; animation-name: "scale_min"; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-transform: scale(1.1); transform: scale(1.1) } .qedge-com-scaling-video .content .user-enabled-click-play-button a:hover svg { -webkit-animation-name: "opacity-looping"; animation-name: "opacity-looping"; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.3s; animation-duration: 1.3s } .qedge-com-scaling-video .content .user-enabled-click-play-button svg { height: 70px; width: 70px } .qedge-com-scaling-video .content .controls { display: none } .qedge-com-scaling-video .content .controls.show { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-scaling-video .content .intro { padding: 20px; position: relative; bottom: 0; opacity: 1 } .qedge-com-scaling-video .content .intro .container { padding-top: 0; padding-bottom: 0 } .qedge-com-scaling-video .content .intro h2 { font-size: 24px; line-height: 28px } .qedge-com-scaling-video .content .intro p { font-size: 14px; line-height: 20px; color: gray } .qedge-com-scaling-video .content .intro hr { background-color: #a1a1a1; margin: 1em 0 } .qedge-com-scaling-video.user-enabled-bg-black .content .intro p.intro-tips { margin-bottom: 40px } .qedge-com-scaling-video.user-enabled-text-on-image .content .intro { background: none; position: relative } .qedge-com-scaling-video.user-enabled-text-on-image .content .intro .container { color: #000; padding-left: 0; padding-right: 0 } .qedge-com-scaling-video:not([class*=user-enabled-bg-]) .content .intro { padding-bottom: 0 } .qedge-com-scaling-video.user-enabled-popup .user-enabled-click-play-button, .qedge-com-scaling-video.user-enabled-click-play .user-enabled-click-play-button { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-scaling-video.user-enabled-popup .controls, .qedge-com-scaling-video.user-enabled-click-play .controls { display: none } } .qedge-com-scaling-video-popup { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; left: 0; bottom: 0; right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2000; background-color: rgba(0, 0, 0, .9); padding: 40px } .qedge-com-scaling-video-popup video { display: block; width: 100%; max-height: 95vh; min-width: 100% } .qedge-com-scaling-video-popup .close { position: absolute; top: 20px; right: 20px; z-index: 2100 } .qedge-com-scaling-video-popup .close svg { height: 60px; width: 60px; pointer-events: none } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-scaling-human { margin: 130px auto; max-width: 1920px; position: relative } .qedge-com-scaling-human .content { overflow: hidden; padding: 0; max-width: 1920px; margin: 0 auto } .qedge-com-scaling-human .content .intro { color: #fff; position: relative; padding-bottom: 40px } .qedge-com-scaling-human .intro-bg { background-color: #12181d; height: 160px; width: 100%; position: relative; top: -40px; opacity: 0 } .qedge-com-scaling-human .effect-container-top { -webkit-transition: all 1s ease-out; transition: all 1s ease-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; width: 100%; z-index: 100 } .qedge-com-scaling-human .effect-container-top .bg-video { -webkit-transition: all 1s ease-out; transition: all 1s ease-out; padding: 0 } .qedge-com-scaling-human .effect-container-top svg { position: absolute; top: 60px; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; max-height: calc(100vh - 120px) } .qedge-com-scaling-human .effect-container-top svg g.plus-lighter { opacity: 0 } .qedge-com-scaling-human .effect-container-top .icon { position: fixed; width: 150px; height: 150px; z-index: 100; -webkit-transform: translate(-50%, -50%) scale(0.6); transform: translate(-50%, -50%) scale(0.6); opacity: 0; -webkit-transition: opacity .4s, width .4s, height .4s, -webkit-transform .4s; transition: opacity .4s, width .4s, height .4s, -webkit-transform .4s; transition: transform .4s, opacity .4s, width .4s, height .4s; transition: transform .4s, opacity .4s, width .4s, height .4s, -webkit-transform .4s; pointer-events: none } .qedge-com-scaling-human .effect-container-top .icon.on { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1 } .qedge-com-scaling-human .effect-container-top p.svg-desc { font-size: 16px; font-weight: 400; line-height: 25.6px; text-align: center; color: gray; position: absolute; top: 10px } .qedge-com-scaling-human .effect-container-bottom { position: relative; display: grid; grid-template-columns: 30% 70%; padding: 60px 0; background-color: #000; opacity: 1; -webkit-transition: all 1s ease-in; transition: all 1s ease-in } .qedge-com-scaling-human .effect-container-left { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-scaling-human .effect-container-left svg * { pointer-events: none } .qedge-com-scaling-human .effect-container-left svg circle.group { cursor: pointer } .qedge-com-scaling-human .effect-container-left svg path.group-big { cursor: pointer; pointer-events: auto } .qedge-com-scaling-human .effect-container-right { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 10px; padding-right: 10px } .qedge-com-scaling-human .effect-container-right .item-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; margin-left: 0; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .qedge-com-scaling-human .effect-container-right .item-left { -webkit-box-flex: 0; -ms-flex: 0 0 66.7%; flex: 0 0 66.7%; max-width: 66.7%; position: relative; padding: 0 10px 20px 10px } .qedge-com-scaling-human .effect-container-right .item-left:has(.intro-remark) { padding-bottom: 90px } .qedge-com-scaling-human .effect-container-right .item-left video, .qedge-com-scaling-human .effect-container-right .item-left img { display: block; margin-left: auto; margin-right: auto } .qedge-com-scaling-human .effect-container-right .item-left .magnify { position: absolute; right: 10px; bottom: 10px; width: 30px; height: 30px; opacity: .65; -webkit-transition: opacity linear .2s; transition: opacity linear .2s; cursor: pointer } .qedge-com-scaling-human .effect-container-right .item-left .magnify svg { width: 100%; height: 100% } .qedge-com-scaling-human .effect-container-right .item-left .magnify:hover { opacity: 1 } .qedge-com-scaling-human .effect-container-right .item-left .intro-remark { margin-bottom: 0; bottom: 0; right: 0 } .qedge-com-scaling-human .effect-container-right .item-left .intro-remark+.magnify { bottom: 50px } .qedge-com-scaling-human .effect-container-right .item-right { -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; max-width: 33.3%; position: relative; padding: 0 10px } .qedge-com-scaling-human .effect-container-right .item-flag { color: #fff; font-weight: 400; font-size: 14px; line-height: 16.8px; text-align: left; padding-bottom: 50px } .qedge-com-scaling-human .effect-container-right .item-title { color: #fff; font-size: 28px; font-weight: 500; line-height: 33.6px; text-align: left; padding-bottom: 20px } .qedge-com-scaling-human .effect-container-right .item-text { color: #f5f5f7; font-weight: 400; text-align: left; margin-bottom: 12px } .qedge-com-scaling-human .effect-container-right .item-desc { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -ms-flex-item-align: start; align-self: flex-start; margin-bottom: 12px } .qedge-com-scaling-human .effect-container-right .item-desc-details { color: #fff; line-height: 160%; max-height: 260px; overflow-y: auto } .qedge-com-scaling-human .effect-container-right .item-desc-details::-webkit-scrollbar { width: 16px; position: relative } .qedge-com-scaling-human .effect-container-right .item-desc-details::-webkit-scrollbar-thumb { border-radius: 12px; border: 6px solid rgba(0, 0, 0, 0); -webkit-box-shadow: 8px 0 0 #424245 inset; box-shadow: 8px 0 0 #424245 inset } .qedge-com-scaling-human .effect-container-right .item-desc-details::-webkit-scrollbar-thumb:hover { -webkit-box-shadow: 8px 0 0 #4a4a4a inset; box-shadow: 8px 0 0 #4a4a4a inset } .qedge-com-scaling-human .effect-container-right .item-desc-details p { margin-bottom: 0 } .qedge-com-scaling-human .effect-container-right .item-intro-remark { font-size: 12px; font-weight: 400; line-height: 19.2px; color: #ccc } .qedge-com-scaling-human .carousel { width: 100% } .qedge-com-scaling-human .carousel .intro-remark { font-size: 12px; font-weight: 400; line-height: 19.2px; color: #ccc; position: absolute; bottom: 0px } .qedge-com-scaling-human .carousel__container { border: 1px solid #424245; padding: 20px } .qedge-com-scaling-human .carousel__header { display: none } .qedge-com-scaling-human .carousel .thumb-nav { display: none } .qedge-com-scaling-human .carousel img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 1; -webkit-transition: opacity .3s; transition: opacity .3s } .qedge-com-scaling-human .carousel .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .qedge-com-scaling-human .carousel .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .qedge-com-scaling-human .carousel .slick-list:focus { outline: none } .qedge-com-scaling-human .carousel .slick-list.dragging { cursor: pointer; cursor: hand } .qedge-com-scaling-human .carousel .slick-slider .slick-track, .qedge-com-scaling-human .carousel .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .qedge-com-scaling-human .carousel .slick-track { position: relative; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-right: auto } .qedge-com-scaling-human .carousel .slick-track:before, .qedge-com-scaling-human .carousel .slick-track:after { content: ""; display: table } .qedge-com-scaling-human .carousel .slick-track:after { clear: both } .qedge-com-scaling-human .carousel .slick-loading .slick-track { visibility: hidden } .qedge-com-scaling-human .carousel .slick-slide { float: left; height: 100%; min-height: 1px; display: none } .qedge-com-scaling-human .carousel .slick-slide .zoom-out { position: absolute; right: 35px; bottom: 35px; width: 35px } .qedge-com-scaling-human .carousel [dir=rtl] .slick-slide { float: right } .qedge-com-scaling-human .carousel .slick-slide img { display: block } .qedge-com-scaling-human .carousel .slick-slide.slick-loading img { display: none } .qedge-com-scaling-human .carousel .slick-slide.dragging img { pointer-events: none } .qedge-com-scaling-human .carousel .slick-initialized .slick-slide { display: block } .qedge-com-scaling-human .carousel .slick-loading .slick-slide { visibility: hidden } .qedge-com-scaling-human .carousel .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid rgba(0, 0, 0, 0) } .qedge-com-scaling-human .carousel .slick-arrow.slick-hidden { display: none } .qedge-com-scaling-human .carousel .carousel__header { display: none; border-bottom: 1px solid #b3b3b3; gap: 20px; height: 70px; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px } .qedge-com-scaling-human .carousel .carousel__category-navigation { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .qedge-com-scaling-human .carousel .carousel__footer { margin-top: 30px } .qedge-com-scaling-human .carousel .carousel--black .carousel__header { border-color: #4d4d4d } .qedge-com-scaling-human .carousel .carousel:not(.slick-initialized) { margin-bottom: 0 } .qedge-com-scaling-human .carousel .slick-slide>div { height: 100%; width: 100% } .qedge-com-scaling-human .carousel .slick-list { height: auto !important } .qedge-com-scaling-human .carousel .carousel-dot-navigation__container { width: 150px; overflow: hidden; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-scaling-human .carousel .carousel-dot-navigation__dot-list { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; -webkit-transition: -webkit-transform .5s linear; transition: -webkit-transform .5s linear; transition: transform .5s linear; transition: transform .5s linear, -webkit-transform .5s linear } .qedge-com-scaling-human .carousel .carousel-dot-navigation__dot { width: 30px; height: 25px; position: relative } .qedge-com-scaling-human .carousel .carousel-dot-navigation__dot::before { content: ""; display: block; -webkit-transition: all .3s ease; transition: all .3s ease; background-color: #1a1a1a; width: 5px; height: 5px; border-radius: 50%; opacity: 50%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute } @media only screen and (min-width: 48em) { .qedge-com-scaling-human .carousel .carousel-dot-navigation__dot::before { width: 10px; height: 10px } } .qedge-com-scaling-human .carousel .carousel-dot-navigation__dot.is-small::before { width: 3px; height: 3px } @media only screen and (min-width: 48em) { .qedge-com-scaling-human .carousel .carousel-dot-navigation__dot.is-small::before { width: 7px; height: 7px } } .qedge-com-scaling-human .carousel .carousel-dot-navigation__dot.is-active::before { width: 15px; height: 5px; opacity: 100%; border-radius: 5px } @media only screen and (min-width: 48em) { .qedge-com-scaling-human .carousel .carousel-dot-navigation__dot.is-active::before { width: 30px; height: 10px } } .qedge-com-scaling-human .carousel .carousel-dot-navigation--black .carousel-dot-navigation__dot::before, .qedge-com-scaling-human .carousel .carousel-dot-navigation .bg-color-gray-shade-4 .carousel-dot-navigation__dot::before { color: #999 } .qedge-com-scaling-human .carousel .carousel-dot-navigation--black .carousel-dot-navigation__dot.is-active::before, .qedge-com-scaling-human .carousel .carousel-dot-navigation .bg-color-gray-shade-4 .carousel-dot-navigation__dot.is-active::before { color: #fff } .qedge-com-scaling-human .carousel .carousel-category-navigation .container { max-width: 1110px } .qedge-com-scaling-human .carousel .carousel-category-navigation__item-list { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } .qedge-com-scaling-human .carousel .carousel-category-navigation-item { border-bottom: 3px solid rgba(0, 0, 0, 0); padding: 20px 20px 17px; font-weight: 400; font-size: 16px; line-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer } .qedge-com-scaling-human .carousel .carousel-category-navigation-item__name { color: #fff; display: inline-block; margin-right: 10px } .qedge-com-scaling-human .carousel .carousel-category-navigation-item__slides-count { font-weight: 400; font-size: 12px; line-height: 20px; border-radius: 3px; padding: 0px 5px; background-color: #424245; color: #fff; display: inline-block } .qedge-com-scaling-human .carousel .carousel-category-navigation-item.is-active { border-color: #fff } .qedge-com-scaling-human .carousel .carousel-category-navigation-item.is-active .carousel-category-navigation-item__name { color: #fff } .qedge-com-scaling-human .carousel .carousel-category-navigation--black .carousel-category-navigation-item__name { color: #999 } .qedge-com-scaling-human .carousel .carousel-category-navigation--black .carousel-category-navigation-item__slides-count { background-color: #333; color: #fff } .qedge-com-scaling-human .carousel .carousel-category-navigation--black .carousel-category-navigation-item.is-active .carousel-category-navigation-item__name { color: #fff } .qedge-com-scaling-human .carousel .carousel-category-navigation .navigation-scroller { display: inline-grid } .qedge-com-scaling-human .carousel .navigation-scroller { position: relative } .qedge-com-scaling-human .carousel .navigation-scroller__scrollable { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; overflow: -moz-scrollbars-none; -ms-overflow-style: none; scrollbar-width: none } .qedge-com-scaling-human .carousel .navigation-scroller__scrollable::-webkit-scrollbar { width: 0 !important; height: 0 !important } .qedge-com-scaling-human .carousel .navigation-scroller .arrow { position: absolute; top: 50%; z-index: 5; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 3.88889rem; height: 3.88889rem; background-color: #fff; color: #cf4b00 } .qedge-com-scaling-human .carousel .navigation-scroller .arrow-left { left: 0; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), to(rgba(255, 255, 255, 0))); background: linear-gradient(90deg, #fff 50%, rgba(255, 255, 255, 0)) } .qedge-com-scaling-human .carousel .thumbnail-navigation { display: none } @media only screen and (min-width: 48em) { .qedge-com-scaling-human .carousel .thumbnail-navigation { display: block } } .qedge-com-scaling-human .carousel .thumbnail-navigation__container { max-width: 1110px; margin-left: auto; margin-right: auto; overflow: scroll; scrollbar-width: none } .qedge-com-scaling-human .carousel .thumbnail-navigation__container::-webkit-scrollbar { display: none } .qedge-com-scaling-human .carousel .thumbnail-navigation__item-list { white-space: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 10px; position: relative } .qedge-com-scaling-human .carousel .thumbnail-navigation__item { opacity: .4; height: 100px; aspect-ratio: 16/9; -o-object-fit: contain; object-fit: contain; cursor: pointer } .qedge-com-scaling-human .carousel .thumbnail-navigation__item>div { pointer-events: none; border: 3px solid #424245 } .qedge-com-scaling-human .carousel .thumbnail-navigation__item>div img { height: 98px; width: auto; margin: 0 auto; display: block } .qedge-com-scaling-human .carousel .thumbnail-navigation__item.is-active { opacity: 1 } .qedge-com-scaling-human .carousel .thumbnail-navigation__item.is-active>div { border-color: gray } .qedge-com-scaling-human.without-body .effect-container-top { display: none } .qedge-com-scaling-human.without-body .effect-container-left { display: none } .qedge-com-scaling-human.without-body .effect-container-bottom { grid-template-columns: unset; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-gap: 0; opacity: 1 } .qedge-com-scaling-human.without-body .effect-container-right { width: calc(100vw - 40px); max-width: 1910px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-scaling-human.without-body .effect-container-right .item-left, .qedge-com-scaling-human.without-body .effect-container-right .item-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-scaling-human.without-body .effect-container-right .item-left .container-half, .qedge-com-scaling-human.without-body .effect-container-right .item-right .container-half { max-width: 555px } .qedge-com-scaling-human.without-body .carousel .intro-remark { position: absolute } .qedge-com-scaling-human.without-body .carousel__container { border: none } .qedge-com-scaling-human.without-body .carousel__header { display: block } .qedge-com-scaling-human.complex .content .intro { color: #fff; position: absolute; bottom: 0px; left: 0; width: 100%; z-index: 10; opacity: 0; -webkit-transition: opacity ease-out 1s; transition: opacity ease-out 1s } .qedge-com-scaling-human.complex .bg-video { display: block; margin: 0 auto } .qedge-com-scaling-human.complex .bg-img { display: none } .qedge-com-scaling-human.complex .human-part-group { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0 } .qedge-com-scaling-human.complex .human-part-group .human-part { position: absolute; top: 0; left: 0; width: 200px; height: 150px; z-index: 100; cursor: pointer } .qedge-com-scaling-human.complex .human-part-group .human-part-img { opacity: 0; -webkit-transition: opacity ease-out .5s; transition: opacity ease-out .5s; position: absolute } .qedge-com-scaling-human.complex .human-part-group .human-part:hover img:first-child { opacity: 0 } .qedge-com-scaling-human.complex .human-part-group .human-part:hover img:last-child { opacity: 1 } .qedge-com-scaling-human.complex .modal.human-slick-modal { z-index: 9999 } .qedge-com-scaling-human.complex .modal.human-slick-modal p.intro-tips { font-size: 12px; font-weight: 400; line-height: 19.2px; text-align: left; color: #ccc; position: absolute; bottom: 0 } .qedge-com-scaling-human.complex .modal.human-slick-modal .modal-background { background-color: #0a0a0a } .qedge-com-scaling-human.complex .modal.human-slick-modal .modal-content { width: calc(100vw - 80px); max-height: calc(100vh - 100px) } .qedge-com-scaling-human.complex .modal.human-slick-modal .modal-close.is-large { top: 4px; right: 4px } .qedge-com-scaling-human.complex .modal.human-slick-modal img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 1; -webkit-transition: opacity .3s; transition: opacity .3s } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-list:focus { outline: none } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-list.dragging { cursor: pointer; cursor: hand } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-slider .slick-track, .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-track:before, .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-track:after { content: ""; display: table } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-track:after { clear: both } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-loading .slick-track { visibility: hidden } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-slide { float: left; height: 100%; min-height: 1px; display: none } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-slide .zoom-out { position: absolute; right: 35px; bottom: 35px; width: 35px } .qedge-com-scaling-human.complex .modal.human-slick-modal [dir=rtl] .slick-slide { float: right } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-slide img { display: block } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-slide.slick-loading img { display: none } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-slide.dragging img { pointer-events: none } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-initialized .slick-slide { display: block } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-loading .slick-slide { visibility: hidden } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid rgba(0, 0, 0, 0) } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-arrow.slick-hidden { display: none } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel__header { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #b3b3b3; gap: 20px; height: 70px; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel__category-navigation { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel__footer { margin-top: 30px } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel--black .carousel__header { border-color: #4d4d4d } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel:not(.slick-initialized) { margin-bottom: 0 } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-slide>div { height: 100% } .qedge-com-scaling-human.complex .modal.human-slick-modal .slick-list { height: auto !important } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-dot-navigation__container { width: 150px; overflow: hidden; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-dot-navigation__dot-list { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; -webkit-transition: -webkit-transform .5s linear; transition: -webkit-transform .5s linear; transition: transform .5s linear; transition: transform .5s linear, -webkit-transform .5s linear } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-dot-navigation__dot { width: 30px; height: 25px; position: relative } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-dot-navigation__dot::before { content: ""; display: block; -webkit-transition: all .3s ease; transition: all .3s ease; background-color: #1a1a1a; width: 5px; height: 5px; border-radius: 50%; opacity: 50%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute } @media only screen and (min-width: 48em) { .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-dot-navigation__dot::before { width: 10px; height: 10px } } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-dot-navigation__dot.is-small::before { width: 3px; height: 3px } @media only screen and (min-width: 48em) { .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-dot-navigation__dot.is-small::before { width: 7px; height: 7px } } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-dot-navigation__dot.is-active::before { width: 15px; height: 5px; opacity: 100%; border-radius: 5px } @media only screen and (min-width: 48em) { .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-dot-navigation__dot.is-active::before { width: 30px; height: 10px } } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-dot-navigation--black .carousel-dot-navigation__dot::before, .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-dot-navigation .bg-color-gray-shade-4 .carousel-dot-navigation__dot::before { color: #999 } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-dot-navigation--black .carousel-dot-navigation__dot.is-active::before, .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-dot-navigation .bg-color-gray-shade-4 .carousel-dot-navigation__dot.is-active::before { color: #fff } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-category-navigation__item-list { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-category-navigation-item { border-bottom: 3px solid rgba(0, 0, 0, 0); padding: 20px 20px 17px; font-weight: 400; font-size: 16px; line-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-category-navigation-item__name { color: #fff; display: inline-block; margin-right: 10px } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-category-navigation-item__slides-count { font-weight: 400; font-size: 12px; line-height: 20px; border-radius: 3px; padding: 0px 5px; background-color: #424245; color: #fff; display: inline-block } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-category-navigation-item.is-active { border-color: #fff } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-category-navigation-item.is-active .carousel-category-navigation-item__name { color: #fff } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-category-navigation--black .carousel-category-navigation-item__name { color: #999 } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-category-navigation--black .carousel-category-navigation-item__slides-count { background-color: #333; color: #fff } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-category-navigation--black .carousel-category-navigation-item.is-active .carousel-category-navigation-item__name { color: #fff } .qedge-com-scaling-human.complex .modal.human-slick-modal .carousel-category-navigation .navigation-scroller { display: inline-grid } .qedge-com-scaling-human.complex .modal.human-slick-modal .navigation-scroller { position: relative } .qedge-com-scaling-human.complex .modal.human-slick-modal .navigation-scroller__scrollable { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; overflow: -moz-scrollbars-none; -ms-overflow-style: none; scrollbar-width: none } .qedge-com-scaling-human.complex .modal.human-slick-modal .navigation-scroller__scrollable::-webkit-scrollbar { width: 0 !important; height: 0 !important } .qedge-com-scaling-human.complex .modal.human-slick-modal .navigation-scroller .arrow { position: absolute; top: 50%; z-index: 5; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 3.88889rem; height: 3.88889rem; background-color: #fff; color: #cf4b00 } .qedge-com-scaling-human.complex .modal.human-slick-modal .navigation-scroller .arrow-left { left: 0; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), to(rgba(255, 255, 255, 0))); background: linear-gradient(90deg, #fff 50%, rgba(255, 255, 255, 0)) } .qedge-com-scaling-human.complex .modal.human-slick-modal .thumbnail-navigation { display: none } @media only screen and (min-width: 48em) { .qedge-com-scaling-human.complex .modal.human-slick-modal .thumbnail-navigation { display: block } } .qedge-com-scaling-human.complex .modal.human-slick-modal .thumbnail-navigation__container { max-width: 100% } .qedge-com-scaling-human.complex .modal.human-slick-modal .thumbnail-navigation__container::-webkit-scrollbar { display: none } .qedge-com-scaling-human.complex .modal.human-slick-modal .thumbnail-navigation__item>div { pointer-events: none; border: 1px solid gray } .qedge-com-scaling-human.complex .modal.human-slick-modal .thumbnail-navigation__item>div img { height: 98px; width: auto; margin: 0 auto; display: block } .qedge-com-scaling-human.user-enabled-intro-on-top .effect-container-right .item-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .qedge-com-scaling-human.user-enabled-intro-on-top .effect-container-right .item-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .qedge-com-scaling-human.user-enabled-intro-on-top .effect-container-right .item-right .container-half { max-width: 100%; margin-bottom: 20px } .qedge-com-scaling-human.user-enabled-intro-on-top .effect-container-right .item-right .container-half .item-flag { display: none } .qedge-com-scaling-human.user-enabled-intro-on-top .effect-container-right .item-right .container-half .item-title { font-size: 24px; padding-bottom: 0 } .qedge-com-scaling-human.user-enabled-intro-on-top .effect-container-right .item-right .container-half .item-text { line-height: 1.6 } .qedge-com-scaling-human.user-enabled-intro-on-top .effect-container-right .item-left, .qedge-com-scaling-human.user-enabled-intro-on-top .effect-container-right .item-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 1110px; margin: 0 auto } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left { display: block } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel__category-navigation { height: calc(100% - 120px); background: #161616; padding: 20px } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation { height: 100% } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation>.container { height: 100% } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation>.container>.navigation-scroller { height: 100% } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation__item-list { padding: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100% } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item { padding: .875rem 1.0625rem; display: grid; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; grid-template-columns: 30% 70% } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item__left img { width: 100%; height: auto; max-width: 150px; max-height: 150px; -webkit-filter: grayscale(100%); filter: grayscale(100%) } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item__right { padding: 1.5313rem 1.125rem; -ms-flex-item-align: center; align-self: center } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item__right .carousel-category-navigation-item__name { font-size: 1.25rem; font-weight: 500; color: gray } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item__right .carousel-category-navigation-item__desc { font-size: 1rem; font-weight: 400; color: #424245 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item.is-active { background-color: #000 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item.is-active .carousel-category-navigation-item__name { color: #fff } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item.is-active .carousel-category-navigation-item__desc { color: #d2d2d7 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item.is-active img { -webkit-filter: grayscale(0%); filter: grayscale(0%) } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation .navigation-scroller { display: inline-grid; position: relative } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation .navigation-scroller__scrollable { overflow-x: hidden; overflow-y: scroll; max-height: 742px } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation .navigation-scroller__scrollable::-webkit-scrollbar { width: 16px; position: relative } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation .navigation-scroller__scrollable::-webkit-scrollbar-thumb { border-radius: 12px; border: 6px solid rgba(0, 0, 0, 0); -webkit-box-shadow: 8px 0 0 #424245 inset; box-shadow: 8px 0 0 #424245 inset } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation .navigation-scroller__scrollable::-webkit-scrollbar-thumb:hover { -webkit-box-shadow: 8px 0 0 #4a4a4a inset; box-shadow: 8px 0 0 #4a4a4a inset } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right { width: calc(100% - 40px) } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .carousel__header { display: none } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .carousel .slick-track { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .carousel .thumbnail-navigation__container { max-width: 100% } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left-desc { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -ms-flex-item-align: start; align-self: flex-start; padding-left: 1rem } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left-desc-details { color: #fff; line-height: 160%; max-height: 425px; overflow-y: auto } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left-desc-details::-webkit-scrollbar { width: 16px; position: relative } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left-desc-details::-webkit-scrollbar-thumb { border-radius: 12px; border: 6px solid rgba(0, 0, 0, 0); -webkit-box-shadow: 8px 0 0 #424245 inset; box-shadow: 8px 0 0 #424245 inset } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left-desc-details::-webkit-scrollbar-thumb:hover { -webkit-box-shadow: 8px 0 0 #4a4a4a inset; box-shadow: 8px 0 0 #4a4a4a inset } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left-desc-details p { margin-bottom: 0 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-right .container-half { max-width: 100%; padding-bottom: 20px } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-right .container-half .item-flag { display: none } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-right .container-half .item-title { font-size: 24px; padding-bottom: 0 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-right .container-half .item-text { line-height: 1.6 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 auto } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 100%; margin: 0 auto; max-height: 520px } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left:has(.intro-remark) { padding-bottom: 55px } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-bottom { display: grid; grid-template-columns: 25% 75% } @media screen and (max-width: 768px) { .qedge-com-scaling-human { background: #000; margin: 150px auto; padding: 20px } .qedge-com-scaling-human .effect-container-top { display: none } .qedge-com-scaling-human .effect-container-bottom { grid-template-columns: unset; grid-gap: 0; opacity: 1; padding: 20px 0 } .qedge-com-scaling-human .effect-container-left { display: none } .qedge-com-scaling-human .effect-container-right { width: calc(100vw - 40px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; padding-right: 0 } .qedge-com-scaling-human .effect-container-right .item-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .qedge-com-scaling-human .effect-container-right .item-container .item-left, .qedge-com-scaling-human .effect-container-right .item-container .item-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .qedge-com-scaling-human .effect-container-right .item-container .item-flag { display: none } .qedge-com-scaling-human .effect-container-right .item-left { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; padding: 0 20px; border: 1px solid #424245 } .qedge-com-scaling-human .effect-container-right .item-left .intro-remark { position: absolute !important; padding: 10px; text-align: right } .qedge-com-scaling-human .effect-container-right .item-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; padding: 0 } .qedge-com-scaling-human .effect-container-right .item-title { color: #fff; font-size: 22px; font-weight: 500; line-height: 33.6px; text-align: left; padding: 0; margin: 20px 0 } .qedge-com-scaling-human .effect-container-right .item-text { color: #f5f5f7; font-size: 14px; font-weight: 400; text-align: left; margin-bottom: 12px } .qedge-com-scaling-human .effect-container-right .item-desc-details { max-height: none !important; overflow-y: visible !important } .qedge-com-scaling-human .effect-container-right .carousel .carousel__slider .intro-remark { position: unset; padding-top: 20px } .qedge-com-scaling-human .effect-container-right .carousel .carousel__slider .multimedia-gallery-item .item-container .item-left { -ms-flex-wrap: wrap; flex-wrap: wrap } .qedge-com-scaling-human .effect-container-right .carousel .carousel__slider .multimedia-gallery-item .item-container .item-left:has(.intro-remark) { padding-bottom: 10px } .qedge-com-scaling-human .effect-container-right .carousel .carousel__slider .multimedia-gallery-item .item-container .item-left .intro-remark { position: relative !important; margin-top: 30px; padding-top: 0 } .qedge-com-scaling-human .effect-container-right .carousel .carousel__slider .multimedia-gallery-item .item-container .item-left .intro-remark+.magnify { bottom: 60px } .qedge-com-scaling-human .effect-container-right .carousel .thumbnail-navigation { display: block; position: relative } .qedge-com-scaling-human .effect-container-right .carousel .thumbnail-navigation__container { line-height: 1 } .qedge-com-scaling-human .effect-container-right .carousel .thumbnail-navigation .thumb-nav { border: 1px solid rgba(255, 255, 255, .5); background-color: rgba(255, 255, 255, .1); border-radius: 50%; display: block; width: 32px; height: 32px; position: absolute; padding: 6px; z-index: 100; top: 50%; margin-top: -16px } .qedge-com-scaling-human .effect-container-right .carousel .thumbnail-navigation .thumb-nav svg { display: block } .qedge-com-scaling-human .effect-container-right .carousel .thumbnail-navigation .thumb-nav.prev { left: 10px } .qedge-com-scaling-human .effect-container-right .carousel .thumbnail-navigation .thumb-nav.next { right: 10px } .qedge-com-scaling-human .effect-container-right .carousel .thumbnail-navigation__item { aspect-ratio: 4/3 } .qedge-com-scaling-human .effect-container-right .carousel .thumbnail-navigation__item div { height: 100% } .qedge-com-scaling-human .effect-container-right .carousel .thumbnail-navigation__item img { -o-object-fit: cover; object-fit: cover; display: block; width: 100%; height: 100% } .qedge-com-scaling-human .content .intro { bottom: 0; opacity: 1 } .qedge-com-scaling-human .carousel .carousel__header { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-scaling-human .carousel .carousel__container { border: none; padding: 0; width: calc(100vw - 40px) } .qedge-com-scaling-human.complex .bg-video { display: none } .qedge-com-scaling-human.complex .intro { display: none } .qedge-com-scaling-human.complex .human-part-group { display: none } .qedge-com-scaling-human.complex .modal.human-slick-modal { display: block; position: unset } .qedge-com-scaling-human.complex .modal.human-slick-modal p.intro-tips { position: unset; margin-top: 62px } .qedge-com-scaling-human.complex .modal.human-slick-modal .modal-card, .qedge-com-scaling-human.complex .modal.human-slick-modal .modal-content { margin: 0; width: 100%; max-height: unset; margin: 20px 0; overflow: unset } .qedge-com-scaling-human.complex .modal.human-slick-modal .is-large.modal-close { display: none } .qedge-com-scaling-human.complex .modal.human-slick-modal .intro { display: block; opacity: 1; position: unset } .qedge-com-scaling-human.complex .modal.human-slick-modal .thumbnail-navigation { display: block } .qedge-com-scaling-human.user-enabled-intro-on-top .effect-container-right .carousel { position: relative } .qedge-com-scaling-human.user-enabled-intro-on-top .effect-container-right .carousel .thumbnail-navigation { position: unset } .qedge-com-scaling-human.user-enabled-intro-on-top .effect-container-right .carousel .thumbnail-navigation a.thumb-nav { top: unset; bottom: 30% } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel__category-navigation { height: 100%; background: rgba(0, 0, 0, 0); border-bottom: 1px solid #424245 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation__item-list { padding: 0 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item { padding: 0; grid-template-columns: unset } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item__left { display: none } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item__right { padding: 1rem .625rem; border-left: 1px solid rgba(0, 0, 0, 0) } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item.is-active { background-color: rgba(0, 0, 0, 0) } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item.is-active .carousel-category-navigation-item__right { border-left: 1px solid #fff } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation .navigation-scroller { display: inline-grid; position: relative } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation .navigation-scroller__scrollable { overflow-x: hidden; overflow-y: scroll; max-height: 742px; overflow: -moz-scrollbars-none; -ms-overflow-style: none; scrollbar-width: none } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation .navigation-scroller__scrollable::-webkit-scrollbar { width: 0 !important; height: 0 !important } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right { width: calc(100vw - 40px) } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .carousel { position: relative } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .carousel__category-navigation { height: 100% } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left-desc { padding-top: .75rem; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0; padding-right: 0 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left-desc-details { line-height: 160%; max-height: unset; overflow-y: auto } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-bottom { grid-template-columns: unset } } @media screen and (max-height: 900px)and (min-width: 768px) { .qedge-com-scaling-human .effect-container-right .item-left:has(.intro-remark) { padding-bottom: 20px } .qedge-com-scaling-human.without-body .effect-container-bottom { padding: 20px 0 } .qedge-com-scaling-human.without-body .carousel .carousel__footer { margin-top: 10px } .qedge-com-scaling-human.without-body .carousel .thumbnail-navigation__item { height: 70px } .qedge-com-scaling-human.without-body .carousel .thumbnail-navigation__item>div img { max-height: 65px } .qedge-com-scaling-human.user-enabled-intro-on-top .carousel__header { margin-bottom: 12px } .qedge-com-scaling-human.user-enabled-intro-on-top .carousel .slick-slide img, .qedge-com-scaling-human.user-enabled-intro-on-top .carousel .slick-slide video { min-height: 250px; -o-object-fit: contain; object-fit: contain } .qedge-com-scaling-human.user-enabled-intro-on-top .effect-container-right .item-right .container-half .item-title { margin-bottom: 12px } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left { display: block } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel__category-navigation { height: calc(100% - 90px) } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation__item-list { padding: 1rem } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item__right { padding: .875rem .625rem } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item__right .carousel-category-navigation-item__name { font-size: 1.125rem } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item__right .carousel-category-navigation-item__desc { font-size: 1rem } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left-desc-details { font-size: 1rem; max-height: 325px } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left img, .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left video { max-height: 275px } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-right .container-half .item-title { font-size: 1.25rem; padding-bottom: 0 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-right .container-half .item-text { font-size: 1rem; line-height: 1.6 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-right .container-half .intro-remark { font-size: 1rem } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 auto } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 100%; margin: 0 auto; max-height: 325px } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left:has(.intro-remark) { padding-bottom: 55px } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left .intro-remark { font-size: .875rem } } @media screen and (max-height: 700px)and (min-width: 768px) { .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left { display: block } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel__category-navigation { padding: 10px } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation__item-list { padding: .625rem } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item { padding: .625rem } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item__right { padding: .625rem 0 0 .5rem } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item__right .carousel-category-navigation-item__name { font-size: 1rem } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-left .carousel-category-navigation-item__right .carousel-category-navigation-item__desc { font-size: .875rem } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .carousel__container { padding-bottom: 0 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left-desc-details { font-size: .625rem; max-height: 285px } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left img { max-height: 270px } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-right .container-half .item-title { font-size: 1rem; padding-bottom: 0 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-right .container-half .item-text { font-size: .875rem; line-height: 1.6 } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-right .container-half .intro-remark { font-size: .875rem } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 auto } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 100%; margin: 0 auto; max-height: 275px } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left:has(.intro-remark) { padding-bottom: 55px } .qedge-com-scaling-human.user-enabled-nav-on-left .effect-container-right .item-left .intro-remark { font-size: .875rem } } .qedge-com-scaling-human-popup { position: fixed; top: 80px; bottom: 80px; left: 10%; right: 10%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: scroll; z-index: 2000 } .qedge-com-scaling-human-popup::after { background-color: rgba(0, 0, 0, .9); content: " "; display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000 } .qedge-com-scaling-human-popup img, .qedge-com-scaling-human-popup video, .qedge-com-scaling-human-popup svg { display: block; max-width: 100%; max-height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; position: relative; z-index: 1100 } .qedge-com-scaling-human-popup .qedge-com-scaling-human-popup video { width: 100% !important; height: auto !important; max-height: 80vh; -o-object-fit: contain; object-fit: contain; background: #000 } .qedge-com-scaling-human-popup .qedge-com-scaling-human-popup { opacity: 0; -webkit-animation: fadeIn .3s ease-out forwards; animation: fadeIn .3s ease-out forwards } @-webkit-keyframes fadeIn { to { opacity: 1 } } @keyframes fadeIn { to { opacity: 1 } } .qedge-com-scaling-human-popup .pop-nav { background-color: rgba(255, 255, 255, .3); border-radius: 50%; display: block; width: 50px; height: 50px; position: fixed; top: 50%; margin-top: -25px; padding: 15px; z-index: 1200 } .qedge-com-scaling-human-popup .pop-nav.prev { left: 20px } .qedge-com-scaling-human-popup .pop-nav.next { right: 20px } .qedge-com-scaling-human-popup .pop-nav:hover { background-color: rgba(255, 255, 255, .5) } .qedge-com-scaling-human-popup .close { cursor: pointer; width: 36px; height: 36px; position: fixed; top: 20px; right: 20px; opacity: .75; -webkit-transition: opacity linear .2s; transition: opacity linear .2s; z-index: 1300 } .qedge-com-scaling-human-popup .close:hover { opacity: 1 } .qedge-com-scaling-human-popup .close svg { width: 100%; height: 100%; display: block } @media screen and (max-width: 768px) { .qedge-com-scaling-human.user-enabled-intro-on-top .carousel__slider .slick-slide video { opacity: 0; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; -webkit-transform: translateZ(0); transform: translateZ(0) } .qedge-com-scaling-human.user-enabled-intro-on-top .carousel__slider .slick-slide.slick-active video { -webkit-animation: fadeIn 300ms ease 300ms forwards; animation: fadeIn 300ms ease 300ms forwards } .qedge-com-scaling-human.user-enabled-intro-on-top .qedge-com-scaling-human-popup .carousel__slider .slick-slide video { opacity: 0; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; -webkit-transform: translateZ(0); transform: translateZ(0) } .qedge-com-scaling-human.user-enabled-intro-on-top .qedge-com-scaling-human-popup .carousel__slider .slick-slide.slick-active video { -webkit-animation: fadeIn 300ms ease 300ms forwards; animation: fadeIn 300ms ease 300ms forwards } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-globe-animation { background-color: #fff; height: 200vh; height: calc(260vh - 120px); overflow: hidden; position: relative } .qedge-com-globe-animation .content { background-color: #f2f2f2; position: relative; height: 100vh; height: calc(100vh - 120px); will-change: clip-path; clip-path: inset(0 20% 30% 20%) } .qedge-com-globe-animation .content .mobile-poster { display: none } .qedge-com-globe-animation .content .content-bubble { -webkit-filter: brightness(3); filter: brightness(3); width: 15vw; position: absolute; left: 0; bottom: 4vw } .qedge-com-globe-animation .content .content-bubble.b2 { bottom: -10vw; right: -2vw; left: auto; top: auto; width: 20vw } .qedge-com-globe-animation .content .rings { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; position: relative; will-change: transform; z-index: 10 } .qedge-com-globe-animation .content .rings::before { content: " "; display: block; position: absolute; width: 75vw; height: 75vw; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0); -webkit-transform: rotate(30deg); transform: rotate(30deg); border-left-color: #ced4d7; z-index: 90 } .qedge-com-globe-animation .content .rings .bubble { position: absolute; width: 13vw; top: -3vw; left: 11vw; z-index: 20 } .qedge-com-globe-animation .content .product { width: 20px; height: 20px; background-color: #000; border-radius: 50%; overflow: visible; position: fixed; top: 50%; top: calc(50% - 10px + 60px); left: 50%; left: calc(50% - 10px); opacity: 0; -webkit-transition: opacity linear .5s; transition: opacity linear .5s; will-change: transform, opacity; z-index: 500 } .qedge-com-globe-animation .content .product.deactive { opacity: .3 } .qedge-com-globe-animation .content .product.deactive:hover { cursor: not-allowed } .qedge-com-globe-animation .content .product.active { opacity: 1 } .qedge-com-globe-animation .content .product .title { width: 200px; position: absolute; top: -8px; right: 40px } .qedge-com-globe-animation .content .product .title h2 { font-size: 28px; line-height: 32px; font-weight: 500; margin: 0; padding: 0; text-align: right; position: absolute; top: 0; right: 0; z-index: 10; opacity: 0; -webkit-transition: opacity linear .5s; transition: opacity linear .5s } .qedge-com-globe-animation .content .product .title img { display: block; height: 32px; position: absolute; width: auto; right: 0; top: 0; z-index: 5; -webkit-transition: opacity linear .5s; transition: opacity linear .5s } .qedge-com-globe-animation .content .product .intro { color: #424242; font-size: 14px; line-height: 18px; text-align: right; position: absolute; width: 300px; right: -400px; top: 40px; opacity: 0; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition: all ease-out .4s; transition: all ease-out .4s } .qedge-com-globe-animation .content .product .links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-globe-animation .content .product .links a { color: gray; display: inline-block; position: relative; padding-right: 1.5em } .qedge-com-globe-animation .content .product .links a::after { font-family: themify; content: ""; position: absolute; right: 0; bottom: -1px } .qedge-com-globe-animation .content .product.focus h2 { opacity: 0 } .qedge-com-globe-animation .content .product.focus img { opacity: 1 } .qedge-com-globe-animation .content .product.focus .intro { -webkit-transform: translate3d(-400px, 0, 0); transform: translate3d(-400px, 0, 0); opacity: 1 } .qedge-com-globe-animation .content .product.fadeout { opacity: 0 } .qedge-com-globe-animation .content .product:last-child .title { left: 20px; right: auto } .qedge-com-globe-animation .content .product:last-child .title h2 { text-align: left; left: 20px; right: auto } .qedge-com-globe-animation .content .product:last-child .title img { height: 36px; left: 20px; right: auto } .qedge-com-globe-animation .content .product:last-child .intro { left: 440px; right: auto; text-align: left } .qedge-com-globe-animation .content .product:last-child .links { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .qedge-com-globe-animation .content::before, .qedge-com-globe-animation .content::after { content: " "; display: block; position: absolute; z-index: 300 } .qedge-com-globe-animation .content::before { width: 24vw; height: 24vw; border: 2px solid rgba(0, 0, 0, 0); border-radius: 50%; border-left-color: #fff; border-right-color: #fff; left: -14vw; top: -6vw; -webkit-animation-duration: 6s; animation-duration: 6s } .qedge-com-globe-animation .content::after { width: 30vw; height: 30vw; border: 3px solid rgba(0, 0, 0, 0); border-radius: 50%; border-left-color: rgba(255, 255, 255, .85); border-right-color: rgba(255, 255, 255, .65); right: -14vw; bottom: -6vw; -webkit-animation-duration: 10s; animation-duration: 10s } .qedge-com-globe-animation .content.playing::before, .qedge-com-globe-animation .content.playing::after { -webkit-animation-name: "round-and-round"; animation-name: "round-and-round"; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform: transale3d(0, 0, 0); transform: transale3d(0, 0, 0) } .qedge-com-globe-animation .content .globe-svg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); border-radius: 50%; overflow: hidden; position: relative; width: 40vw; height: 40vw } .qedge-com-globe-animation .content .globe-svg::after { content: " "; display: block; width: 70%; height: 70%; background: radial-gradient(at center, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%); position: absolute; bottom: -10%; right: -10% } .qedge-com-globe-animation .content .globe-svg svg { position: relative } .qedge-com-globe-animation .section-intro { position: fixed; bottom: 80px; width: 100%; z-index: 200; will-change: transform, opacity; pointer-events: none; -webkit-transform: translate3d(-200vw, 0, 0); transform: translate3d(-200vw, 0, 0) } .qedge-com-globe-animation .section-intro.pinned { position: absolute; -webkit-transform: none; transform: none } .qedge-com-globe-animation .section-intro .container { max-width: 1100px; margin: 0 auto } .qedge-com-globe-animation .section-intro .title { border-bottom: 1px solid #a1a1a1; margin-bottom: 15px; padding-bottom: 15px } .qedge-com-globe-animation .section-intro .title h1, .qedge-com-globe-animation .section-intro .title h2, .qedge-com-globe-animation .section-intro .title h3, .qedge-com-globe-animation .section-intro .title h4, .qedge-com-globe-animation .section-intro .title h5, .qedge-com-globe-animation .section-intro .title h6 { font-size: 40px; line-height: 48px; font-weight: 700 } .qedge-com-globe-animation .section-intro .description { font-size: 18px; line-height: 28px; font-weight: 400 } .qedge-com-globe-animation.playing .content { position: fixed; top: 120px; left: 0; right: 0 } .qedge-com-globe-animation.playing.pin-to-end .content { position: absolute; bottom: 0; left: 0; right: 0; top: auto } .qedge-com-globe-animation .ring { border-radius: 50%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-globe-animation .ring.ring1 { background-color: #e8e8e8; -webkit-box-shadow: 0 0 90px 0 rgba(0, 0, 0, .1), 0 0 60px 0 rgba(0, 0, 0, .15); box-shadow: 0 0 90px 0 rgba(0, 0, 0, .1), 0 0 60px 0 rgba(0, 0, 0, .15); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 85vw; height: 85vw; position: relative; z-index: 10 } .qedge-com-globe-animation .ring.ring1 .spinner { display: block; width: 85vw; height: 85vw; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: 5; position: absolute; will-change: transform; -webkit-animation-duration: 18s; animation-duration: 18s } .qedge-com-globe-animation .ring.ring1 .spinner::before, .qedge-com-globe-animation .ring.ring1 .spinner::after { border-radius: 50%; content: " "; display: block; -webkit-box-sizing: content-box; box-sizing: content-box; width: 85vw; height: 85vw; border: 4px solid rgba(0, 0, 0, 0); border-left-color: #c1c1c1; left: -4px; top: -4px; position: absolute } .qedge-com-globe-animation .ring.ring1 .spinner::after { background-color: #c1c1c1; -webkit-box-shadow: 0 0 10px 0 #c1c1c1, 0 0 10px 0 #c1c1c1, 0 0 10px 0 #c1c1c1; box-shadow: 0 0 10px 0 #c1c1c1, 0 0 10px 0 #c1c1c1, 0 0 10px 0 #c1c1c1; border-radius: 50%; width: 30px; height: 30px; left: calc(12.4479617998vw - 15px); top: calc(72.5520382002vw - 15px) } .qedge-com-globe-animation .ring.ring1 .spinner.playing { -webkit-animation-name: "round-and-round-reverse"; animation-name: "round-and-round-reverse"; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform: transale3d(0, 0, 0); transform: transale3d(0, 0, 0) } .qedge-com-globe-animation .ring.ring2 { background-color: #ededed; width: 55vw; height: 55vw; position: relative } .qedge-com-globe-animation .ring.ring2::before, .qedge-com-globe-animation .ring.ring2::after { border-radius: 50%; -webkit-box-sizing: content-box; box-sizing: content-box; content: " "; display: block; position: absolute; height: 100%; width: 100% } .qedge-com-globe-animation .ring.ring2::before { border: 5vw solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #eee; -webkit-box-shadow: -9px 0 6px -13px; box-shadow: -9px 0 6px -13px } .qedge-com-globe-animation .ring.ring2::after { border: 10vw solid; border-color: rgba(0, 0, 0, 0) #eee rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); -webkit-transform: rotate(-16deg); transform: rotate(-16deg) } .qedge-com-globe-animation .ring.ring2 img { display: block; height: 40vw; width: 40vw; position: relative; z-index: 90 } .qedge-com-globe-animation .ring.ring2 .static-line { position: absolute; width: 85%; height: 85%; background-color: #cecece; border-radius: 50%; -webkit-transform: rotate(30deg); transform: rotate(30deg) } .qedge-com-globe-animation .ring.ring2 .static-line::before, .qedge-com-globe-animation .ring.ring2 .static-line::after { content: " "; display: block; position: absolute } .qedge-com-globe-animation .ring.ring2 .static-line::before { border-radius: 50%; background-color: #eee; top: 1px; right: 1px; bottom: 1px; left: 1px } .qedge-com-globe-animation .ring.ring2 .static-line::after { width: 60%; height: 105%; background-color: #eee; border-bottom-right-radius: 40%; left: 28%; top: 0 } .qedge-com-globe-animation .ring.ring2 .dot-spinner { -webkit-box-sizing: content-box; box-sizing: content-box; padding: 5vw; position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 1px solid; border-color: rgba(0, 0, 0, 0) #b7b7b7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); -webkit-animation-duration: 14s; animation-duration: 14s; will-change: transform; z-index: 70 } .qedge-com-globe-animation .ring.ring2 .dot-spinner::before, .qedge-com-globe-animation .ring.ring2 .dot-spinner::after { content: " "; display: block; background-color: #c2c2c2; border-radius: 50%; width: 20px; height: 20px; left: calc(55.4809703884vw - 10px); top: calc(9.5190296117vw - 10px); position: absolute; z-index: 100 } .qedge-com-globe-animation .ring.ring2 .dot-spinner::after { top: calc(55.4809703884vw - 10px) } .qedge-com-globe-animation .ring.ring2 .dot-spinner.playing { -webkit-animation-name: "round-and-round-reverse"; animation-name: "round-and-round-reverse"; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform: transale3d(0, 0, 0); transform: transale3d(0, 0, 0) } .qedge-com-globe-animation .ring.ring2 .shadow-spinner { position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 1px solid; border-color: #b7b7b7 rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0); -webkit-box-shadow: inset 0 50px 85px 0 rgba(0, 0, 0, .16), inset 0 25px 30px -30px rgba(0, 0, 0, .2); box-shadow: inset 0 50px 85px 0 rgba(0, 0, 0, .16), inset 0 25px 30px -30px rgba(0, 0, 0, .2); -webkit-animation-duration: 10s; animation-duration: 10s; will-change: transform; z-index: 80 } .qedge-com-globe-animation .ring.ring2 .shadow-spinner::before { content: " "; display: block; background-color: #c2c2c2; border-radius: 50%; width: 20px; height: 20px; left: calc(46.9454364825vw - 10px); top: calc(8.0545635176vw - 10px); position: absolute; z-index: 100 } .qedge-com-globe-animation .ring.ring2 .shadow-spinner.playing { -webkit-animation-name: "round-and-round"; animation-name: "round-and-round"; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform: transale3d(0, 0, 0); transform: transale3d(0, 0, 0) } .qedge-com-globe-animation .ring.ring2 .ring2-bubble { position: absolute; right: -3vw; bottom: 9vw; width: 11vw; height: 11vw; opacity: .9 } .qedge-com-globe-animation .lines { display: none; width: 58vw; height: 58vw; position: relative; z-index: 999 } .qedge-com-globe-animation .lines .plong { stroke-dasharray: 1000; stroke-dashoffset: 10000; -webkit-animation: dash 2s linear; animation: dash 2s linear } .qedge-com-globe-animation.single-mode .content .product .title { width: 230px; right: 20px; left: auto } .qedge-com-globe-animation.single-mode .content .product .title h2 { display: none } .qedge-com-globe-animation.single-mode .content .product .title img { display: block; height: 60px; opacity: 1 } .qedge-com-globe-animation.single-mode .content .product:last-child .intro { right: 20px; top: 60px; left: auto; text-align: right; -webkit-transform: none; transform: none; width: 400px; opacity: 1 } .qedge-com-globe-animation.single-mode .content .product:last-child .links { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-globe-animation .qedge-com-slider { display: none } .qedge-com-globe-animation.mobile { height: auto } .qedge-com-globe-animation.mobile .qedge-com-slider { display: block } .qedge-com-globe-animation.mobile .content { background-color: #fff; clip-path: none; height: auto } .qedge-com-globe-animation.mobile .content::before, .qedge-com-globe-animation.mobile .content::after { display: none } .qedge-com-globe-animation.mobile .content .content-bubble, .qedge-com-globe-animation.mobile .content .rings, .qedge-com-globe-animation.mobile .content .product { display: none } .qedge-com-globe-animation.mobile .content .mobile-poster { display: block } .qedge-com-globe-animation.mobile .content .mobile-poster img { display: block; width: 100% } .qedge-com-globe-animation.mobile .section-intro { position: relative; bottom: auto; pointer-events: all; -webkit-transform: none; transform: none; padding: 30px 20px } .qedge-com-globe-animation.mobile .section-intro .title { font-size: 24px; line-height: 29px } .qedge-com-globe-animation.mobile .section-intro .description { color: gray; font-size: 14px; line-height: 20px } .qedge-com-globe-animation .qedge-com-slider { padding: 20px 0 } .qedge-com-globe-animation .qedge-com-slider .slick-slide { margin: 0 0 0 20px !important } .qedge-com-globe-animation .globe-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15); height: 100% } .qedge-com-globe-animation .globe-card .card-heading { padding: 20px; border-bottom: 1px solid #eceded; font-size: 24px; font-weight: 700; line-height: 28px; text-align: center } .qedge-com-globe-animation .globe-card .card-heading h1, .qedge-com-globe-animation .globe-card .card-heading h2, .qedge-com-globe-animation .globe-card .card-heading h3, .qedge-com-globe-animation .globe-card .card-heading h4, .qedge-com-globe-animation .globe-card .card-heading h5, .qedge-com-globe-animation .globe-card .card-heading h6, .qedge-com-globe-animation .globe-card .card-heading p, .qedge-com-globe-animation .globe-card .card-heading em, .qedge-com-globe-animation .globe-card .card-heading i, .qedge-com-globe-animation .globe-card .card-heading b, .qedge-com-globe-animation .globe-card .card-heading address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-globe-animation .globe-card .card-heading h1, .qedge-com-globe-animation .globe-card .card-heading h2, .qedge-com-globe-animation .globe-card .card-heading h3, .qedge-com-globe-animation .globe-card .card-heading h4, .qedge-com-globe-animation .globe-card .card-heading h5, .qedge-com-globe-animation .globe-card .card-heading h6, .qedge-com-globe-animation .globe-card .card-heading a, .qedge-com-globe-animation .globe-card .card-heading p, .qedge-com-globe-animation .globe-card .card-heading em, .qedge-com-globe-animation .globe-card .card-heading i, .qedge-com-globe-animation .globe-card .card-heading b, .qedge-com-globe-animation .globe-card .card-heading address { color: inherit } .qedge-com-globe-animation .globe-card .card-heading a:hover, .qedge-com-globe-animation .globe-card .card-heading a:focus, .qedge-com-globe-animation .globe-card .card-heading a:active { color: #0599c8 } .qedge-com-globe-animation .globe-card .card-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 20px; font-size: 14px; line-height: 20px; color: gray } .qedge-com-globe-animation .globe-card .card-footer { border-top: none; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-globe-animation .globe-card .card-footer img { display: block; height: 18px } .qedge-com-globe-animation .globe-card .card-footer a, .qedge-com-globe-animation .globe-card .card-footer .link { color: gray; display: inline-block; font-size: 14px; position: relative; padding-right: 1.5em } .qedge-com-globe-animation .globe-card .card-footer a::after, .qedge-com-globe-animation .globe-card .card-footer .link::after { font-family: themify; content: ""; position: absolute; right: 0; bottom: -1px } .qedge-com-chart-timing-bar { margin-bottom: 30px } .qedge-com-chart-timing-bar .content .chart .chart-title { font-size: 20px; font-weight: 400 } .qedge-com-chart-timing-bar .content .chart .chart-body { position: relative; overflow: hidden } .qedge-com-chart-timing-bar .content .chart .chart-body .bar { background-color: #adff2f; content: " "; display: block; position: absolute; top: 0; right: 100%; bottom: 0; width: 100%; -webkit-transition: -webkit-transform linear .1s; transition: -webkit-transform linear .1s; transition: transform linear .1s; transition: transform linear .1s, -webkit-transform linear .1s; z-index: 0 } .qedge-com-chart-timing-bar .content .chart .chart-body .bar-meter { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0; position: relative } .qedge-com-chart-timing-bar .content .chart .chart-body .bar-meter li { opacity: 0; margin: 0; overflow: hidden; padding: 8px 0; position: relative; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-chart-timing-bar .content .chart .chart-body .bar-meter li+li { border-left: 1px solid rgba(255, 255, 255, .45); margin-top: 0 !important } .qedge-com-chart-timing-bar .content .chart .chart-body .bar-meter li.going { opacity: 1 } .qedge-com-chart-timing-bar .content .chart .chart-body .bar-meter li.going .intro { -webkit-animation-name: "opacity-looping"; animation-name: "opacity-looping"; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-duration: .4s; animation-duration: .4s } .qedge-com-chart-timing-bar .content .chart .chart-body .bar-meter li.done { opacity: 1 } .qedge-com-chart-timing-bar .content .chart .chart-body .bar-meter li.done .time { opacity: 1 } .qedge-com-chart-timing-bar .content .chart .chart-body .bar-meter li .time { color: #fff; font-weight: 600; line-height: 1.1; margin-bottom: 8px; opacity: 0; padding: 0 8px; -webkit-transition: opacity linear .3s; transition: opacity linear .3s } .qedge-com-chart-timing-bar .content .chart .chart-body .bar-meter li .intro { color: #fff; font-size: 10px; padding: 0 8px; white-space: nowrap } .qedge-com-chart-timing-bar.user-enabled-gold .content .bar { background: -webkit-gradient(linear, left top, right top, from(#C39B63), color-stop(30%, #C39B63), to(#D1B798)); background: linear-gradient(to right, #C39B63 0%, #C39B63 30%, #D1B798 100%); border-bottom: 4px solid #ab8756 } .qedge-com-chart-timing-bar.user-enabled-gray .content .bar { background: -webkit-gradient(linear, left top, right top, from(#7D7D7D), color-stop(30%, #7D7D7D), to(#A6A6A6)); background: linear-gradient(to right, #7D7D7D 0%, #7D7D7D 30%, #A6A6A6 100%); border-bottom: 4px solid dimgray } @media screen and (max-width: 1024px) { .qedge-com-chart-timing-bar .content .chart .chart-body .bar-meter li .time { font-size: 10px; padding-left: 4px; padding-right: 2px } .qedge-com-chart-timing-bar .content .chart .chart-body .bar-meter li .intro { font-size: 10px; padding-left: 4px; padding-right: 2px; white-space: break-spaces; width: 60px; line-height: 1 } } .qedge-com-chart-num-donut .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-chart-num-donut .content .chart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; width: 200px; height: 200px; border: 4px solid #c39b63; border-radius: 50%; position: relative; overflow: hidden } .qedge-com-chart-num-donut .content .chart::after { content: " "; display: block; width: 100%; height: 25%; position: absolute; left: 0; bottom: 0; background: -webkit-gradient(linear, left bottom, left top, from(#FFF), color-stop(80%, rgba(255, 255, 255, 0.15)), color-stop(90%, rgba(255, 255, 255, 0.09)), color-stop(95%, rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to top, #FFF 0%, rgba(255, 255, 255, 0.15) 80%, rgba(255, 255, 255, 0.09) 90%, rgba(255, 255, 255, 0.05) 95%, rgba(255, 255, 255, 0) 100%); z-index: 25 } .qedge-com-chart-num-donut .content .chart .side, .qedge-com-chart-num-donut .content .chart .side::before, .qedge-com-chart-num-donut .content .chart .nut { content: " "; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; border-radius: 50%; position: absolute } .qedge-com-chart-num-donut .content .chart .side { width: 95%; height: 95%; left: 2.5%; top: 2.5%; z-index: 10 } .qedge-com-chart-num-donut .content .chart .side::before, .qedge-com-chart-num-donut .content .chart .nut { border: 30px solid rgba(0, 0, 0, 0); width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .qedge-com-chart-num-donut .content .chart .side::before { border-width: 34px; border-top-color: #f3f3f3; border-left-color: #f3f3f3; z-index: 30 } .qedge-com-chart-num-donut .content .chart .nut { top: 1%; left: 1%; width: 98%; height: 98%; border-top-color: #c8a475; border-left-color: #c8a475; z-index: 20; -webkit-transition: -webkit-transform linear .1s; transition: -webkit-transform linear .1s; transition: transform linear .1s; transition: transform linear .1s, -webkit-transform linear .1s } .qedge-com-chart-num-donut .content .chart .title { font-size: 36px; font-weight: 600; color: #c39b63; margin: 0 } .qedge-com-chart-num-donut .content .chart .title span { display: inline; font-size: inherit; margin: 0 } .qedge-com-chart-num-donut .content .chart .intro { font-size: 10px } @media screen and (max-width: 1024px) { .qedge-com-chart-num-donut .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .qedge-com-chart-composition { background-color: #f3f3f3; margin: 130px 0 } .qedge-com-chart-composition>.container { max-width: 1110px } .qedge-com-chart-composition>.container>.content { padding: 40px 0 } .qedge-com-chart-composition>.container>.content .columns .column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-chart-composition>.container>.content .note { font-size: 12px; margin-top: 40px } @media screen and (max-width: 1024px) { .qedge-com-chart-composition { margin: 150px 0 } .qedge-com-chart-composition>.container>.content { padding: 40px 20px } } .qedge-com-aviva { background: -webkit-gradient(linear, left top, left bottom, from(#040404), color-stop(70%, #131313), to(#131313)); background: linear-gradient(to bottom, #040404 0%, #131313 70%, #131313 100%) } .qedge-com-aviva .content { position: relative; color: #fff } .qedge-com-aviva .content .bg { display: block; width: 100% } .qedge-com-aviva .content .product { border: 1px solid rgba(255, 255, 255, .4); background-color: rgba(0, 0, 0, .6); position: absolute; z-index: 20; width: 25%; -webkit-transition: all linear .3s; transition: all linear .3s } .qedge-com-aviva .content .product::before, .qedge-com-aviva .content .product::after, .qedge-com-aviva .content .product .deco::before, .qedge-com-aviva .content .product .deco::after { border-style: solid; border-color: rgba(0, 0, 0, 0); border-width: 2px; content: " "; display: block; width: 15px; height: 15px; position: absolute; z-index: 10 } .qedge-com-aviva .content .product::before { border-left-color: #ab8a5b; border-top-color: #ab8a5b; left: -1px; top: -1px } .qedge-com-aviva .content .product::after { border-right-color: #ab8a5b; border-top-color: #ab8a5b; right: -1px; top: -1px } .qedge-com-aviva .content .product .deco::before { border-left-color: #ab8a5b; border-bottom-color: #ab8a5b; left: -1px; bottom: -1px } .qedge-com-aviva .content .product .deco::after { border-right-color: #ab8a5b; border-bottom-color: rgba(197, 157, 98, .8); right: -1px; bottom: -1px } .qedge-com-aviva .content .product .pd-img { display: block; width: 100% } .qedge-com-aviva .content .product-intro { max-width: 100%; padding: 18px; text-align: center } .qedge-com-aviva .content .product-intro .title { color: #ab8a5b; font-size: 24px; line-height: 1.16; font-weight: 400; margin-bottom: .5em } .qedge-com-aviva .content .product-intro .p-detail { font-size: 14px; line-height: 1.3; overflow: hidden; max-height: 0; -webkit-transition: all linear .3s; transition: all linear .3s } .qedge-com-aviva .content .product:hover, .qedge-com-aviva .content .product:focus, .qedge-com-aviva .content .product:active { -webkit-box-shadow: 0 -3px 10px 0 rgba(171, 138, 91, .55); box-shadow: 0 -3px 10px 0 rgba(171, 138, 91, .55); background-color: rgba(0, 0, 0, .8); cursor: pointer } .qedge-com-aviva .content .product:hover .p-detail, .qedge-com-aviva .content .product:focus .p-detail, .qedge-com-aviva .content .product:active .p-detail { max-height: 300px } .qedge-com-aviva .content .product-1 { top: 43%; left: 10% } .qedge-com-aviva .content .product-1 .pointer { position: absolute; bottom: 100%; left: 50% } .qedge-com-aviva .content .product-2 { top: 43%; right: 9% } .qedge-com-aviva .content .product-2 .pointer { position: absolute; bottom: 100%; left: auto; right: 50% } .qedge-com-aviva .content .intro { text-align: center; position: absolute; top: 60%; left: 0; right: 0; margin: 0 auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30%; z-index: 1 } .qedge-com-aviva .content .intro .title { font-size: 48px; line-height: 1.2; margin-bottom: .6em } .qedge-com-aviva .content .intro .star { display: block; margin: 0 auto; width: 22px } .qedge-com-aviva .content .intro .sub-title { font-weight: 400; font-size: 20px; line-height: 1.4; margin-bottom: .8em } .qedge-com-aviva .content .intro .detail { font-size: 16px; line-height: 1.6; font-weight: 400; opacity: .8 } @media screen and (max-width: 1024px) { .qedge-com-aviva .content .intro { top: 15vw; -webkit-transform: none; transform: none; width: 80% } .qedge-com-aviva .content .intro .title { font-size: 36px; margin-bottom: .4em } .qedge-com-aviva .content .intro .sub-title { font-size: 16px; margin: 0 0 .5em 0 } .qedge-com-aviva .content .intro .detail { font-size: 14px } .qedge-com-aviva .content .product { background-color: #fff; border: none; position: relative; top: auto; left: auto; right: auto; padding: 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; width: 100% } .qedge-com-aviva .content .product:hover, .qedge-com-aviva .content .product:focus, .qedge-com-aviva .content .product:active { background-color: #fff; -webkit-box-shadow: none; box-shadow: none } .qedge-com-aviva .content .product::before, .qedge-com-aviva .content .product::after, .qedge-com-aviva .content .product .deco::before, .qedge-com-aviva .content .product .deco::after { display: none } .qedge-com-aviva .content .product .bg { height: 260px; -o-object-fit: contain; object-fit: contain } .qedge-com-aviva .content .product .pointer { display: none } .qedge-com-aviva .content .product .pd-img { width: 30%; -ms-flex-negative: 0; flex-shrink: 0; -o-object-fit: contain; object-fit: contain } .qedge-com-aviva .content .product-intro { padding: 0 } .qedge-com-aviva .content .product-intro .title { text-align: left; font-size: 16px; font-weight: 700; line-height: 1.2; margin-bottom: 1em } .qedge-com-aviva .content .product-intro .p-detail { color: #131313; max-height: 10000px; text-align: left; line-height: 1.42 } } .qedge-com-aviva-highlights { background-color: #fafafa; margin: 150px 0 } .qedge-com-aviva-highlights .content .aviva-brief { padding: 100px 25px; max-width: 1160px; margin: 0 auto } .qedge-com-aviva-highlights .content .aviva-brief h2 { font-size: 40px; line-height: 1.2 } .qedge-com-aviva-highlights .content .aviva-brief hr { background-color: #a1a1a1; height: 1px } .qedge-com-aviva-highlights .content .aviva-brief p { font-size: 18px; line-height: 1.5; color: gray } .qedge-com-aviva-highlights .content .hightlights-container { position: relative } .qedge-com-aviva-highlights .content .hightlights-container .main-bg { display: block } .qedge-com-aviva-highlights .content .hightlights-container .main-bg-m { display: none } .qedge-com-aviva-highlights .content .hightlights-container .intro { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); -webkit-transition: all linear .4s; transition: all linear .4s; border-radius: 5px; position: absolute; width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-aviva-highlights .content .hightlights-container .intro img { border: 1px solid #c59d62; border-radius: 50%; width: 29.7619%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer } .qedge-com-aviva-highlights .content .hightlights-container .intro .detail { padding: 10px; opacity: 0; -webkit-transition: opacity linear .5s; transition: opacity linear .5s } .qedge-com-aviva-highlights .content .hightlights-container .intro .detail .title { font-size: 18px; font-weight: 400; line-height: 1.5; color: #c59d62; margin: .6em 0 } .qedge-com-aviva-highlights .content .hightlights-container .intro .detail .info { font-size: 16px; line-height: 1.5; color: #424242 } .qedge-com-aviva-highlights .content .hightlights-container .intro.round-left img { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .qedge-com-aviva-highlights .content .hightlights-container .intro.round-left .detail { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .qedge-com-aviva-highlights .content .hightlights-container .intro.active { background-color: #fcfaf7; border: 1px solid #c59d62; z-index: 30 } .qedge-com-aviva-highlights .content .hightlights-container .intro.active .detail { opacity: 1 } .qedge-com-aviva-highlights .content .hightlights-container .intro:hover { background-color: #fcfaf7; border: 1px solid #c59d62; z-index: 30 } .qedge-com-aviva-highlights .content .hightlights-container .intro:hover .detail { opacity: 1 } @media screen and (max-width: 1024px) { .qedge-com-aviva-highlights .content .aviva-brief { padding: 40px 20px } .qedge-com-aviva-highlights .content .aviva-brief h2 { font-size: 30px; line-height: 1.2 } .qedge-com-aviva-highlights .content .aviva-brief hr { background-color: #a1a1a1; height: 1px } .qedge-com-aviva-highlights .content .aviva-brief p { font-size: 14px; line-height: 1.5; color: gray } .qedge-com-aviva-highlights .content .hightlights-container { background-color: #fff } .qedge-com-aviva-highlights .content .hightlights-container .main-bg-m { display: block; margin-bottom: 20px; width: 100% } .qedge-com-aviva-highlights .content .hightlights-container .main-bg { display: none } .qedge-com-aviva-highlights .content .hightlights-container .intro { border-top-left-radius: 60px !important; border-top-right-radius: 5px !important; background-color: #fcfaf7; border: 1px solid #c59d62; position: static; padding-bottom: 20px; width: auto; margin: 10px 20px } .qedge-com-aviva-highlights .content .hightlights-container .intro .detail { opacity: 1; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .qedge-com-aviva-highlights .content .hightlights-container .intro .detail .title { font-size: 16px; font-weight: 700 } .qedge-com-aviva-highlights .content .hightlights-container .intro .detail .info { font-size: 14px } .qedge-com-aviva-highlights .content .hightlights-container .intro img { border: 2px solid #c59d62; display: block; width: 120px; height: 120px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-landing-page-text-banner .container .content { margin-bottom: 30px; margin-top: 60px; padding: 0px 190px 0 25px } .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title { font-size: 40px; font-weight: 600; margin-bottom: 60px; line-height: normal } .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title h1, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title h2, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title h3, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title h4, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title h5, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title h6, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title p, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title em, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title i, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title b, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-details { font-size: 20px; color: #000; line-height: 34px } @media screen and (max-width: 1024px) { .qedge-com-landing-page-text-banner { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 } .qedge-com-landing-page-text-banner .container .content { padding: 32px 20px 48px 20px; margin: 0 auto } .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title { font-size: 24px; font-weight: 600; margin-bottom: 32px; line-height: 34px } .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title h1, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title h2, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title h3, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title h4, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title h5, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title h6, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title p, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title em, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title i, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title b, .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-title address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-landing-page-text-banner .container .content .content-wrapper .content-wrapper-details { font-size: 14px; color: #000; font-weight: normal; letter-spacing: 0; line-height: 24px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-knowledge-base-card .container { max-width: 1160px } .qedge-com-knowledge-base-card>.container>.content, .qedge-com-knowledge-base-card>.content { padding: 30px 25px 70px 25px } .qedge-com-knowledge-base-card>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-knowledge-base-card>.content.no-global-padding>.container>.content, .qedge-com-knowledge-base-card>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-knowledge-base-card>.container>.content .content-wrapper { width: 100% } .qedge-com-knowledge-base-card>.container>.content .content-wrapper .content-wrapper-title h2 { color: #000; font-size: 24px; margin-bottom: 26px; text-align: left; line-height: 36px } .qedge-com-knowledge-base-card>.container>.content .content-wrapper .crad-list { width: 100% } .qedge-com-knowledge-base-card>.container>.content .content-wrapper .crad-list.columns { margin: 0 } .qedge-com-knowledge-base-card>.container>.content .content-wrapper .crad-list .card-item { -webkit-box-shadow: .5em 1em -0.125em rgba(10, 10, 10, .1); box-shadow: .5em 1em -0.125em rgba(10, 10, 10, .1) } .qedge-com-knowledge-base-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content { position: relative } .qedge-com-knowledge-base-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content .qedge-com-knowledge-base-image-wrapper { width: 100%; overflow: hidden } .qedge-com-knowledge-base-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content .qedge-com-knowledge-base-image-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-knowledge-base-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content .qedge-com-knowledge-base-subtitle { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-knowledge-base-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content .qedge-com-knowledge-base-subtitle h2, .qedge-com-knowledge-base-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content .qedge-com-knowledge-base-subtitle h3, .qedge-com-knowledge-base-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content .qedge-com-knowledge-base-subtitle div { --line-height: 1.125; width: 100%; padding: 0; margin-bottom: 0; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: var(--line-height); line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: calc(var(--line-height)*2) } .qedge-com-knowledge-base-card.user-categories-card>.container>.content .content-wrapper .crad-list { gap: 0 15px } .qedge-com-knowledge-base-card.user-categories-card>.container>.content .content-wrapper .crad-list .card-item.column { width: calc(25% - 25px); padding: 0 } .qedge-com-knowledge-base-card.user-categories-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content { position: relative } .qedge-com-knowledge-base-card.user-categories-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content .qedge-com-knowledge-base-image-wrapper img { min-height: 16em; -webkit-transition: -webkit-transform ease-out .3s; transition: -webkit-transform ease-out .3s; transition: transform ease-out .3s; transition: transform ease-out .3s, -webkit-transform ease-out .3s } .qedge-com-knowledge-base-card.user-categories-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content .qedge-com-knowledge-base-subtitle { position: absolute; top: 10px; left: 0; -webkit-transition: top ease-out .35s, -webkit-transform linear .3s; transition: top ease-out .35s, -webkit-transform linear .3s; transition: top ease-out .35s, transform linear .3s; transition: top ease-out .35s, transform linear .3s, -webkit-transform linear .3s; text-align: center } .qedge-com-knowledge-base-card.user-categories-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content:hover .qedge-com-knowledge-base-image-wrapper img { -webkit-transform: scale(1.5); transform: scale(1.5) } .qedge-com-knowledge-base-card.user-categories-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content:hover .qedge-com-knowledge-base-subtitle { top: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: scale(1.08); transform: scale(1.08) } .qedge-com-knowledge-base-card.user-articles-card>.container>.content { padding-bottom: 0 } .qedge-com-knowledge-base-card.user-articles-card>.container>.content .content-wrapper .crad-list { gap: 15px } .qedge-com-knowledge-base-card.user-articles-card>.container>.content .content-wrapper .crad-list .card-item { padding: 0 } .qedge-com-knowledge-base-card.user-articles-card>.container>.content .content-wrapper .crad-list .card-item.column { width: calc(33.3333333333% - 10px) } .qedge-com-knowledge-base-card.user-articles-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content .qedge-com-knowledge-base-image-wrapper { height: 12em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-knowledge-base-card.user-articles-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content .qedge-com-knowledge-base-image-wrapper img { max-height: 12em } .qedge-com-knowledge-base-card.user-articles-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content .qedge-com-knowledge-base-subtitle { position: absolute; bottom: 0px; left: 0; z-index: 111; background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), to(rgba(0, 0, 255, 0))); background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 255, 0)); padding: 10px } .qedge-com-knowledge-base-card.user-top-border>.container>.content { padding-top: 0 } .qedge-com-knowledge-base-card.user-top-border>.container>.content .content-wrapper { border-top: 1px solid #6d6d6d; padding-top: 30px; padding-bottom: 70px } @media screen and (max-width: 1024px) { .qedge-com-knowledge-base-card>.container>.content { padding: 32px 20px 48px 20px } .qedge-com-knowledge-base-card>.container>.content .content-wrapper .content-wrapper-title h2 { font-size: 16px; line-height: 26px; margin-bottom: 10px } .qedge-com-knowledge-base-card>.container>.content .content-wrapper .crad-list { width: 100% } .qedge-com-knowledge-base-card>.container>.content .content-wrapper .crad-list.columns { margin: 0 } .qedge-com-knowledge-base-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content .qedge-com-knowledge-base-subtitle h3 { font-size: 14px; line-height: 24px } .qedge-com-knowledge-base-card.user-categories-card>.container>.content .content-wrapper .crad-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .qedge-com-knowledge-base-card.user-categories-card>.container>.content .content-wrapper .crad-list .card-item.column { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; width: calc(50% - 10px) } .qedge-com-knowledge-base-card.user-categories-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content .qedge-com-knowledge-base-subtitle h3 { font-size: 14px; line-height: 24px } .qedge-com-knowledge-base-card.user-categories-card>.container>.content .content-wrapper .crad-list .card-item .qedge-com-knowledge-base-card-link .content:hover .qedge-com-knowledge-base-subtitle { left: 15px } .qedge-com-knowledge-base-card.user-articles-card>.container>.content { padding-bottom: 0 } .qedge-com-knowledge-base-card.user-articles-card>.container>.content .content-wrapper .crad-list { width: 100% } .qedge-com-knowledge-base-card.user-articles-card>.container>.content .content-wrapper .crad-list .card-item.column { width: 100% } } @media screen and (max-width: 560px) { .qedge-com-knowledge-base-card.user-categories-card>.container>.content .content-wrapper .crad-list { width: 100% } .qedge-com-knowledge-base-card.user-categories-card>.container>.content .content-wrapper .crad-list.columns { margin: 0 } .qedge-com-knowledge-base-card.user-categories-card>.container>.content .content-wrapper .crad-list .card-item.column { width: 100% } } .qedge-com-media-item-list-vue { margin: 150px 0 } .qedge-com-media-item-list-vue>.container { max-width: 1110px } .qedge-com-media-item-list-vue>.container .content .app-inner { display: none } .qedge-com-media-item-list-vue>.container .content .app-inner.ready { display: block !important } .qedge-com-media-item-list-vue>.container .content .heading { text-transform: none } .qedge-com-media-item-list-vue>.container .content .heading h1, .qedge-com-media-item-list-vue>.container .content .heading h2, .qedge-com-media-item-list-vue>.container .content .heading h3, .qedge-com-media-item-list-vue>.container .content .heading h4 { font-size: 40px; line-height: 1.2; margin: 40px 0 } .qedge-com-media-item-list-vue>.container .content .qedge-com-media-item:last-of-type .content { border-bottom: none } .qedge-com-media-item-list-vue>.container .content .loadmore { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-media-item-list-vue>.container .content .loadmore.show { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-media-item-list-vue>.container .content .loadmore a { display: block; padding: 10px 20px } .qedge-com-media-item-list-vue>.container .content .qedge-com-event-pupup { cursor: default; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; background-color: rgba(0, 0, 0, .85); margin-bottom: 0; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000 } .qedge-com-media-item-list-vue>.container .content .qedge-com-event-pupup.ready { display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-media-item-list-vue>.container .content .qedge-com-event-pupup>.container { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } .qedge-com-media-item-list-vue>.container .content .qedge-com-event-pupup .controls { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-media-item-list-vue>.container .content .qedge-com-event-pupup .controls button { background-color: rgba(0, 0, 0, 0); cursor: pointer; border-style: none; font-size: 30px; line-height: 1; padding: 15px } .qedge-com-media-item-list-vue>.container .content .qedge-com-event-pupup .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; max-height: 95vh; overflow-x: hidden; overflow-y: scroll; padding: 30px 20px } .qedge-com-media-item-list-vue>.container .content .qedge-com-event-pupup .content img { display: block; max-width: 100% } @media screen and (max-width: 1024px) { .qedge-com-media-item-list-vue { margin: 130px 20px } .qedge-com-media-item-list-vue .container .content .heading h1, .qedge-com-media-item-list-vue .container .content .heading h2, .qedge-com-media-item-list-vue .container .content .heading h3, .qedge-com-media-item-list-vue .container .content .heading h4 { font-size: 24px; line-height: 1.2; margin: 10px 0 } } .uiPolicy-brief-text-box { max-width: 1110px; margin: 0 auto; text-align: justify; padding: 70px 0; font-size: 20px; color: #000; line-height: 36px } .uiPolicy-brief-text-box h1, .uiPolicy-brief-text-box h2, .uiPolicy-brief-text-box h3, .uiPolicy-brief-text-box h4, .uiPolicy-brief-text-box h5, .uiPolicy-brief-text-box h6, .uiPolicy-brief-text-box p, .uiPolicy-brief-text-box em, .uiPolicy-brief-text-box i, .uiPolicy-brief-text-box b, .uiPolicy-brief-text-box address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uiPolicy-brief-text-box p.uiPolicy-brief-text-box-one { margin-bottom: 20px } @media screen and (max-width: 1024px) { .uiPolicy-brief-text-box { padding: 40px 20px; text-align: left; font-size: 14px; line-height: 24px } .uiPolicy-brief-text-box h1, .uiPolicy-brief-text-box h2, .uiPolicy-brief-text-box h3, .uiPolicy-brief-text-box h4, .uiPolicy-brief-text-box h5, .uiPolicy-brief-text-box h6, .uiPolicy-brief-text-box p, .uiPolicy-brief-text-box em, .uiPolicy-brief-text-box i, .uiPolicy-brief-text-box b, .uiPolicy-brief-text-box address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .uiPolicy-brief-text-box p.uiPolicy-brief-text-box-one { margin-bottom: 20px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-feature-highlights { --dot-radius: 13px; --intro-width: 300px; --active-intro-width: 300px; margin: 150px 0 } .qedge-com-feature-highlights .feature-brief { max-width: 1160px; margin: 0 auto } .qedge-com-feature-highlights.user-enabled-default-animation .content .feature-brief { padding: 100px 25px } .qedge-com-feature-highlights.user-enabled-default-animation .content .feature-brief h2 { font-size: 40px; line-height: 1.2 } .qedge-com-feature-highlights.user-enabled-default-animation .content .feature-brief hr { background-color: #a1a1a1; height: 1px } .qedge-com-feature-highlights.user-enabled-default-animation .content .feature-brief p { font-size: 18px; line-height: 1.5; color: gray } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container { position: relative } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .main-bg { display: block } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .main-bg-m { display: none } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot { border-radius: 50%; background-color: #fff; width: 26px; height: 26px; border: 1px solid #c59d62; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: .8; position: absolute } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot .dot-color { background-color: #c59d62; border-radius: 50%; display: block; width: 9px; height: 9px; -webkit-transition: all linear .1s; transition: all linear .1s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot::before, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot::after { pointer-events: none } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:hover, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:focus, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:active, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.active { cursor: pointer; opacity: 1; z-index: 50 } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:hover .dot-color, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:focus .dot-color, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:active .dot-color, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.active .dot-color { width: 11px; height: 11px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.active .intro { opacity: 1 } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:hover .intro .detail, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:focus .intro .detail, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:active .intro .detail, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.active .intro .detail { background-color: rgba(196, 158, 99, .12); border: 1px solid #c59d62; border-radius: 5px; backdrop-filter: blur(2px) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:hover .intro .detail .title, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:focus .intro .detail .title, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:active .intro .detail .title, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.active .intro .detail .title { color: #c59d62 } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:hover .intro .detail .info, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:focus .intro .detail .info, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:active .intro .detail .info, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.active .intro .detail .info { display: block } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot .intro { color: #000; -webkit-transition-property: left, top, bottom, right, opacity; transition-property: left, top, bottom, right, opacity; -webkit-transition-timing-function: linear, linear, linear, linear, linear; transition-timing-function: linear, linear, linear, linear, linear; -webkit-transition-duration: .4s, .4s, .4s, .4s, .4s; transition-duration: .4s, .4s, .4s, .4s, .4s; position: absolute; width: var(--intro-width); max-height: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; opacity: 1; overflow: hidden } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot .intro .detail { -ms-flex-item-align: end; align-self: flex-end; padding: 10px; position: relative; -webkit-transition: all linear .2s; transition: all linear .2s; -webkit-transition-delay: .2s; transition-delay: .2s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot .intro .detail .title { font-size: 18px; font-weight: 400; line-height: 1.3; color: #000; margin: 0 0 10px 0 } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot .intro .detail .info { font-size: 16px; line-height: 1.3; color: #424242; display: none } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot .intro .detail .info em { color: #c59d62; font-style: normal } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left { --h-line-width: 300px; --active-h-line-width: 54px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left .intro { bottom: 3px; left: calc(var(--h-line-width)*-1); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-item-align: end; align-self: flex-end } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left::after { background-color: #c59d62; content: " "; display: block; height: 1px; position: absolute; top: 12px; right: calc(var(--dot-radius)*2); width: var(--h-line-width); -webkit-transition: width linear .2s; transition: width linear .2s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left:hover::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left:focus::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left:active::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.active::after { width: var(--active-h-line-width) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.active .intro { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-item-align: center; align-self: center; bottom: unset; left: auto; right: calc(var(--active-h-line-width) + var(--dot-radius)*2) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long .intro { right: 226px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long::after { width: 500px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long:hover::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long:focus::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long:active::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long.active::after { width: 280px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long.active .intro { bottom: unset; right: 306px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left .intro { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; right: 63px; bottom: -60px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left .intro .detail { -ms-flex-item-align: end; align-self: flex-end } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left::before { background-color: #c59d62; content: " "; display: block; height: 50px; position: absolute; top: 26px; right: 13px; width: 1px; -webkit-transition: height linear .15s; transition: height linear .15s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left::after { background-color: #c59d62; content: " "; display: block; height: 1px; position: absolute; top: 76px; right: 13px; width: 350px; -webkit-transition: width linear .15s; transition: width linear .15s; -webkit-transition-delay: .15s; transition-delay: .15s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left:hover::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left:focus::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left:active::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left.active::after { width: 100px; top: 76px; -webkit-transition-duration: 0; transition-duration: 0 } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left.active .intro { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; right: 113px; top: 35px; bottom: auto } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left.deep .intro { bottom: -100px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left.deep::before { height: 100px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left.deep::after { top: 126px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left.deep:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left.deep:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left.deep:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-left.deep.active .intro { bottom: -140px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom { --h-line-width: 30px; --v-line-height: 50px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom .intro { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; right: 63px; top: calc(var(--v-line-height) + var(--dot-radius)); -webkit-transform: translateX(80%); transform: translateX(80%) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom .intro .detail { -ms-flex-item-align: end; align-self: flex-end } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom::before { background-color: #c59d62; content: " "; display: block; height: var(--v-line-height); position: absolute; top: var(--dot-radius); right: calc(var(--h-line-width) + var(--dot-radius)*2); width: 1px; -webkit-transition: height linear .15s; transition: height linear .15s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom::after { background-color: #c59d62; content: " "; display: block; height: 1px; position: absolute; top: var(--dot-radius); right: calc(var(--dot-radius)*2); width: var(--h-line-width); -webkit-transition: width linear .15s; transition: width linear .15s; -webkit-transition-delay: .15s; transition-delay: .15s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom:hover::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom:focus::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom:active::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom.active::after { -webkit-transition-duration: 0; transition-duration: 0 } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom.active .intro { left: auto; right: calc(var(--h-line-width)/2); top: calc(var(--v-line-height) + var(--dot-radius)); bottom: auto; width: max(var(--intro-width), var(--active-intro-width)); -webkit-transform: translateX(55%); transform: translateX(55%) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom.deep .intro { bottom: -100px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom.deep::before { height: 100px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom.deep::after { top: 126px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom.deep:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom.deep:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom.deep:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left-bottom.deep.active .intro { bottom: -140px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left { --v-line-height: 50px; --h-line-width: 350px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left .intro { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; right: calc(var(--h-line-width) + var(--dot-radius) - var(--intro-width)); bottom: calc(var(--v-line-height) + var(--dot-radius)) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left .intro .detail { -ms-flex-item-align: end; align-self: flex-end } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left::before { background-color: #c59d62; content: " "; display: block; height: var(--v-line-height); position: absolute; bottom: 26px; right: 13px; width: 1px; -webkit-transition: height linear .15s; transition: height linear .15s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left::after { background-color: #c59d62; content: " "; display: block; height: 1px; position: absolute; bottom: calc(var(--v-line-height) + var(--dot-radius)*2); right: 13px; width: var(--h-line-width); -webkit-transition: width linear .15s; transition: width linear .15s; -webkit-transition-delay: .15s; transition-delay: .15s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left:hover, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left:focus, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left:active, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left.active { --h-line-width: 100px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left:hover::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left:focus::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left:active::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left.active::after { width: var(--h-line-width); bottom: calc(var(--v-line-height) + var(--dot-radius)*2); -webkit-transition-duration: 0; transition-duration: 0 } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-left.active .intro { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; right: calc(var(--h-line-width) + var(--dot-radius)); bottom: 0 } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-right .intro { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; left: 13px; bottom: -80px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-right::before { background-color: #c59d62; content: " "; display: block; height: 65px; position: absolute; top: 26px; left: 12px; width: 1px; -webkit-transition: height linear .15s; transition: height linear .15s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-right::after { background-color: #c59d62; content: " "; display: block; height: 1px; position: absolute; top: 91px; left: 12px; width: var(--intro-width); -webkit-transition: width linear .15s; transition: width linear .15s; -webkit-transition-delay: .15s; transition-delay: .15s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-right:hover::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-right:focus::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-right:active::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-right.active::after { width: 80px; -webkit-transition-duration: 0; transition-duration: 0 } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-right:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-right:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-right:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom-right.active .intro { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; left: 93px; top: 40px; bottom: auto } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right { --h-line-width: 160px; --v-line-height: 65px; --active-v-line-height: 65px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right .intro { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; right: calc((var(--h-line-width) - var(--dot-radius))*-1); bottom: calc(var(--v-line-height) + var(--dot-radius)) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right::before { background-color: #c59d62; content: " "; display: block; height: var(--v-line-height); position: absolute; bottom: calc(var(--dot-radius)*2); left: 12px; width: 1px; -webkit-transition: height linear .15s; transition: height linear .15s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right::after { background-color: #c59d62; content: " "; display: block; height: 1px; position: absolute; bottom: calc(var(--v-line-height) + var(--dot-radius)*2); left: 12px; width: var(--h-line-width); -webkit-transition: width linear .15s; transition: width linear .15s; -webkit-transition-delay: .15s; transition-delay: .15s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right:hover, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right:focus, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right:active, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right.active { --h-line-width: 50px!important } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right:hover::before, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right:focus::before, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right:active::before, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right.active::before { height: var(--active-v-line-height) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right:hover::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right:focus::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right:active::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right.active::after { width: calc(var(--h-line-width)); -webkit-transition-duration: 0; transition-duration: 0; bottom: calc(var(--active-v-line-height) + var(--dot-radius)*2) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top-right.active .intro { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; left: auto; left: calc(var(--h-line-width) + var(--dot-radius)); top: calc((var(--active-v-line-height) + var(--dot-radius)*3)*-1); bottom: auto } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right { --extend-width: 30px; --h-line-width: 180px; --v-line-height: 65px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right .dot-color::before { background-color: #c59d62; content: " "; display: block; height: 1px; width: var(--extend-width); position: absolute; left: calc(var(--dot-radius)*2); top: var(--dot-radius) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right .intro { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; right: calc((var(--h-line-width) + var(--dot-radius) + var(--extend-width))*-1); bottom: calc(var(--v-line-height)) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right::before { background-color: #c59d62; content: " "; display: block; height: var(--v-line-height); position: absolute; bottom: calc(var(--dot-radius) - 3px); left: calc(var(--dot-radius)*2 + var(--extend-width)); width: 1px; -webkit-transition: height linear .15s; transition: height linear .15s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right::after { background-color: #c59d62; content: " "; display: block; height: 1px; position: absolute; bottom: calc(var(--v-line-height) + var(--dot-radius) - 3px); left: calc(var(--dot-radius)*2 + var(--extend-width)); width: var(--h-line-width); -webkit-transition: width linear .15s; transition: width linear .15s; -webkit-transition-delay: .15s; transition-delay: .15s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right:hover, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right:focus, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right:active, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right.active { --h-line-width: 60px; --active-h-line-width: 60px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right:hover::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right:focus::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right:active::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right.active::after { width: calc(var(--active-h-line-width)); -webkit-transition-duration: 0; transition-duration: 0 } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-top-right.active .intro { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; left: calc(var(--active-h-line-width) + var(--extend-width) + var(--dot-radius)*2); bottom: auto; top: calc((var(--v-line-height) + var(--dot-radius)*2)*-1); width: max(var(--intro-width), var(--active-intro-width)) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right { --extend-width: 30px; --h-line-width: 180px; --v-line-height: 65px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right .dot-color::before { background-color: #c59d62; content: " "; display: block; height: 1px; width: var(--extend-width); position: absolute; left: calc(var(--dot-radius)*2); top: var(--dot-radius) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right .intro { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; right: calc((var(--h-line-width) + var(--dot-radius) + var(--extend-width))*-1); bottom: calc(var(--v-line-height)*-1) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right::before { background-color: #c59d62; content: " "; display: block; height: var(--v-line-height); position: absolute; top: calc(var(--dot-radius)); left: calc(var(--dot-radius)*2 + var(--extend-width)); width: 1px; -webkit-transition: height linear .15s; transition: height linear .15s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right::after { background-color: #c59d62; content: " "; display: block; height: 1px; position: absolute; top: calc(var(--v-line-height) + var(--dot-radius)); left: calc(var(--dot-radius)*2 + var(--extend-width)); width: var(--h-line-width); -webkit-transition: width linear .15s; transition: width linear .15s; -webkit-transition-delay: .15s; transition-delay: .15s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right:hover, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right:focus, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right:active, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right.active { --h-line-width: 60px; --active-h-line-width: 60px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right:hover::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right:focus::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right:active::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right.active::after { width: var(--active-h-line-width); -webkit-transition-duration: 0; transition-duration: 0 } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.extend-bottom-right.active .intro { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; left: calc(var(--active-h-line-width) + var(--extend-width) + var(--dot-radius)*2); top: calc(var(--v-line-height) - var(--dot-radius)*2); bottom: auto } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.right { --h-line-width: 200px; --intro-width: 200px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.right .intro { left: calc(var(--dot-radius)*2); bottom: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: var(--intro-width) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.right::after { background-color: #c59d62; content: " "; display: block; height: 1px; position: absolute; top: 12px; left: calc(var(--dot-radius)*2); width: var(--h-line-width); -webkit-transition: width linear .2s; transition: width linear .2s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.right:hover, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.right:focus, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.right:active, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.right.active { --h-line-width: 80px!important } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.right:hover::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.right:focus::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.right:active::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.right.active::after { width: var(--h-line-width) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.right:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.right:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.right:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.right.active .intro { bottom: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; left: calc(var(--h-line-width) + var(--dot-radius)*2); width: max(var(--intro-width), var(--active-intro-width)) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom .intro { bottom: -110px; left: 13px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom::before { background-color: #c59d62; content: " "; display: block; width: 1px; position: absolute; left: 12px; top: 26px; height: 100px; -webkit-transition: height linear .2s; transition: height linear .2s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom:hover::before, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom:focus::before, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom:active::before, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom.active::before { height: 40px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.bottom.active .intro { left: -137px; top: 66px; bottom: auto } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top .intro { left: 13px; top: -100px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top::before { background-color: #c59d62; content: " "; display: block; width: 1px; position: absolute; left: 12px; bottom: 26px; height: 100px; -webkit-transition: height linear .2s; transition: height linear .2s } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top:hover::before, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top:focus::before, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top:active::before, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top.active::before { height: 40px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.top.active .intro { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: -137px; top: -121px } .qedge-com-feature-highlights.user-enabled-line-animation .content .feature-brief { padding: 100px 25px } .qedge-com-feature-highlights.user-enabled-line-animation .content .feature-brief h2 { font-size: 40px; line-height: 1.2 } .qedge-com-feature-highlights.user-enabled-line-animation .content .feature-brief hr { background-color: #a1a1a1; height: 1px } .qedge-com-feature-highlights.user-enabled-line-animation .content .feature-brief p { font-size: 18px; line-height: 1.5; color: gray } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container { position: relative } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .main-bg { display: block } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .main-bg-m { display: none } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot { border-radius: 50%; background-color: #fff; width: 26px; height: 26px; border: 1px solid #c59d62; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: .8; position: absolute } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot .dot-color { background-color: #c59d62; border-radius: 50%; display: block; width: 9px; height: 9px; -webkit-transition: all linear .1s; transition: all linear .1s } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot:hover, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot:focus, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot:active, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.active { cursor: pointer; opacity: 1; z-index: 50 } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot:hover .dot-color, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot:focus .dot-color, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot:active .dot-color, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.active .dot-color { width: 11px; height: 11px } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot:hover .intro, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot:focus .intro, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot:active .intro, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.active .intro { opacity: 1; max-height: 999px } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot .intro { color: #000; -webkit-transition: all linear .4s; transition: all linear .4s; position: absolute; width: var(--intro-width); max-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; opacity: 0; overflow: hidden; -webkit-transition: all linear .1s; transition: all linear .1s } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot .intro .detail { background-color: rgba(196, 158, 99, .12); border: 1px solid #c59d62; border-radius: 5px; backdrop-filter: blur(2px); padding: 10px; position: relative; -webkit-transition: all linear .5s; transition: all linear .5s } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot .intro .detail .title { font-size: 18px; font-weight: 400; line-height: 1.3; color: #c59d62; margin: 0 0 10px 0 } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot .intro .detail .info { font-size: 16px; line-height: 1.3; color: #424242 } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot .intro .detail .info em { color: #c59d62; font-style: normal } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left .intro { right: 106px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left::after { background-color: #c59d62; content: " "; display: block; height: 1px; position: absolute; top: 12px; right: 26px; width: 0; -webkit-transition: width linear .2s; transition: width linear .2s } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left:hover::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left:focus::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left:active::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left.active::after { width: 80px } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left.long .intro { right: 266px } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left.long:hover::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left.long:focus::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left.long:active::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left.long.active::after { width: 240px } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-left .intro { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; right: 93px; top: 30px } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-left::before { background-color: #c59d62; content: " "; display: block; height: 0; position: absolute; top: 26px; right: 13px; width: 1px; -webkit-transition: height linear .15s; transition: height linear .15s } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-left::after { background-color: #c59d62; content: " "; display: block; height: 1px; position: absolute; top: 71px; right: 13px; width: 0; -webkit-transition: width linear .15s; transition: width linear .15s; -webkit-transition-delay: .15s; transition-delay: .15s } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-left:hover::before, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-left:focus::before, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-left:active::before, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-left.active::before { height: 45px } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-left:hover::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-left:focus::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-left:active::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-left.active::after { width: 80px; -webkit-transition-duration: 0; transition-duration: 0 } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-right .intro { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; left: 93px; top: 30px } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-right::before { background-color: #c59d62; content: " "; display: block; height: 0; position: absolute; top: 26px; left: 12px; width: 1px; -webkit-transition: height linear .15s; transition: height linear .15s } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-right::after { background-color: #c59d62; content: " "; display: block; height: 1px; position: absolute; top: 71px; left: 12px; width: 0; -webkit-transition: width linear .15s; transition: width linear .15s; -webkit-transition-delay: .15s; transition-delay: .15s } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-right:hover::before, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-right:focus::before, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-right:active::before, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-right.active::before { height: 45px } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-right:hover::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-right:focus::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-right:active::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom-right.active::after { width: 80px; -webkit-transition-duration: 0; transition-duration: 0 } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.right .intro { left: 106px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.right::after { background-color: #c59d62; content: " "; display: block; height: 1px; position: absolute; top: 12px; left: 26px; width: 0; -webkit-transition: width linear .2s; transition: width linear .2s } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.right:hover::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.right:focus::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.right:active::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.right.active::after { width: 80px } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom .intro { top: 66px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom::before { background-color: #c59d62; content: " "; display: block; width: 1px; position: absolute; left: 12px; top: 26px; height: 0; -webkit-transition: height linear .2s; transition: height linear .2s } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom:hover::before, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom:focus::before, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom:active::before, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.bottom.active::before { height: 40px } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.top .intro { bottom: 66px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.top::before { background-color: #c59d62; content: " "; display: block; width: 1px; position: absolute; left: 12px; bottom: 26px; height: 0; -webkit-transition: height linear .2s; transition: height linear .2s } .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.top:hover::before, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.top:focus::before, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.top:active::before, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.top.active::before { height: 40px } .qedge-com-feature-highlights.user-enabled-panvivo-style .content .hightlights-container .dot:hover .intro .detail, .qedge-com-feature-highlights.user-enabled-panvivo-style .content .hightlights-container .dot:focus .intro .detail, .qedge-com-feature-highlights.user-enabled-panvivo-style .content .hightlights-container .dot:active .intro .detail, .qedge-com-feature-highlights.user-enabled-panvivo-style .content .hightlights-container .dot.active .intro .detail { background-color: RGBA(243, 234, 221, 0.8) } @media screen and (max-width: 1210px)and (min-width: 1024px) { .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot { -webkit-transform: scale(0.75); transform: scale(0.75) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long:hover::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long:focus::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long:active::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long.active::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left.long:hover::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left.long:focus::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left.long:active::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left.long.active::after { width: 340px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long:hover .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long:focus .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long:active .intro, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.left.long.active .intro, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left.long:hover .intro, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left.long:focus .intro, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left.long:active .intro, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.left.long.active .intro { right: 366px } } @media screen and (max-width: 1440px)and (min-width: 1210px) { .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot { -webkit-transform: scale(0.87); transform: scale(0.87) } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.lefxt.long .intro, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.lefxt.long .intro { right: 306px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.lefxt.long:hover::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.lefxt.long:focus::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.lefxt.long:active::after, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.lefxt.long.active::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.lefxt.long:hover::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.lefxt.long:focus::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.lefxt.long:active::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.lefxt.long.active::after { width: 280px } } @media screen and (max-width: 1024px) { .qedge-com-feature-highlights.user-enabled-default-animation .content .feature-brief, .qedge-com-feature-highlights.user-enabled-line-animation .content .feature-brief { padding: 40px 20px } .qedge-com-feature-highlights.user-enabled-default-animation .content .feature-brief h2, .qedge-com-feature-highlights.user-enabled-line-animation .content .feature-brief h2 { font-size: 30px; line-height: 1.2 } .qedge-com-feature-highlights.user-enabled-default-animation .content .feature-brief hr, .qedge-com-feature-highlights.user-enabled-line-animation .content .feature-brief hr { background-color: #a1a1a1; height: 1px } .qedge-com-feature-highlights.user-enabled-default-animation .content .feature-brief p, .qedge-com-feature-highlights.user-enabled-line-animation .content .feature-brief p { font-size: 14px; line-height: 1.5; color: gray } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container { background-color: #fff } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .main-bg-m, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .main-bg-m { display: block; margin-bottom: 20px; width: 100% } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .main-bg, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .main-bg { display: none } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot { border: none; position: static; width: 100%; height: auto; opacity: 1; padding: 10px 20px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot::before, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot::after, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot::before, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot::after { display: none !important } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:hover .intro .detail, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:focus .intro .detail, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:active .intro .detail, .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot.active .intro .detail, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot:hover .intro .detail, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot:focus .intro .detail, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot:active .intro .detail, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot.active .intro .detail { border: none; background-color: unset } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot .dot-color, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot .dot-color { display: none } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot .intro, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot .intro { border-radius: 0; border-bottom: 1px solid #eee; position: static; width: 100% !important; max-height: unset; opacity: 1; padding-bottom: 20px; -webkit-transform: none !important; transform: none !important } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot .intro .detail, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot .intro .detail { opacity: 1; border: none; background-color: unset; padding: 0; width: 100% } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot .intro .detail .title, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot .intro .detail .title { color: #c59d62; font-size: 16px; font-weight: 700; margin-bottom: 10px } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot .intro .detail .info, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot .intro .detail .info { display: block; font-size: 14px; opacity: 1 } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot .intro .detail .info em, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot .intro .detail .info em { font-style: normal } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot .intro img, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot .intro img { border: 2px solid #c59d62; display: block; width: 120px; height: 120px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .qedge-com-feature-highlights.user-enabled-default-animation .content .hightlights-container .dot:last-child .intro, .qedge-com-feature-highlights.user-enabled-line-animation .content .hightlights-container .dot:last-child .intro { border-bottom: none } } .qedge-com-mktoweb-modal-form { height: 0; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0); z-index: 1100; visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease } .qedge-com-mktoweb-modal-form>.container { padding: 0 30px; max-width: none; position: relative; z-index: 11; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-mktoweb-modal-form>.container>.content { max-width: 1160px; margin: 0 auto; background: #fff; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease } .qedge-com-mktoweb-modal-form>.container>.content .cat-content { border: none; margin: 0 auto; max-height: calc(100vh - 150px); width: 100%; overflow-y: auto; position: relative; z-index: 999; background: #fff; scrollbar-width: none; -ms-overflow-style: none } .qedge-com-mktoweb-modal-form>.container>.content .cat-content::-webkit-scrollbar { width: 0 !important; background: rgba(0, 0, 0, 0) !important } .qedge-com-mktoweb-modal-form>.container>.content .cat-content::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0) !important } .qedge-com-mktoweb-modal-form>.container>.content .cat-content::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0) !important } .qedge-com-mktoweb-modal-form>.container>.content .bg-gray { display: none } .qedge-com-mktoweb-modal-form>.container>.content .close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .qedge-com-mktoweb-modal-form>.container>.content .close .close-button { float: right; color: #040404; line-height: 1; padding: 20px 20px 0 0; height: auto; width: auto; max-width: none; max-height: none; top: 0px; right: 0px; font-size: 20px; z-index: 1200 } .qedge-com-mktoweb-modal-form>.container>.content .close .close-button::before, .qedge-com-mktoweb-modal-form>.container>.content .close .close-button::after { display: none } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .content { height: 100% } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details { padding-bottom: 85px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding-bottom: 0 } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; padding: 0% 10% 0 10% } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content h1, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content h2, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content h3, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content h4, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content h5, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content h6, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content p, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content em, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content i, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content b, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content .title { font-size: 40px; font-weight: 700; color: #000; text-align: center; margin-bottom: 20px } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content .subTitle { color: #000; font-size: 18px; font-weight: 400; text-align: center; font-weight: normal } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content { z-index: 999; position: relative } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm { padding-top: 20px } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow { width: 100% } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(input[type=text]), .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(input[type=email]), .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(input[type=tel]), .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(select) { width: 33.333333% } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(#State), .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(#PostalCode) { width: 50% } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(#inquiryReason) { width: 100% } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:nth-child(8), .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:nth-child(9) { display: none } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoButtonRow { margin-bottom: 0px; margin-top: 10px } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoButtonRow .mktoButtonWrap.mktoRound button.mktoButton { min-width: 200px; min-height: 60px; font-size: 22px } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text { display: none } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container { height: 100% } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; padding-bottom: 0 } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; padding: 0% 10% 85px 10% } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details h1, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details h2, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details h3, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details h4, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details h5, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details h6, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details p, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details em, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details i, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details b, .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details .icon { margin: 10px 0; font-size: 12px; height: auto; text-align: center } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details .icon [class^=ti-] { border: 4px solid #7dcaa9; color: #7dcaa9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 3em; font-weight: 600; border-radius: 50% } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details .thanks-title { font-size: 40px; font-weight: 700; color: #000; text-align: center; margin-bottom: 20px } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details .thanks-content { color: #000; font-size: 18px; font-weight: 400; text-align: center; font-weight: normal } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details .thanks-buuton { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details .thanks-buuton .close-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #000; font-size: 22px; font-weight: 600; color: #fff; text-align: center; margin-top: 40px; padding: 20px 0; border-radius: 5px; height: 52px; width: 186px } .qedge-com-mktoweb-modal-form.active { height: 100%; overflow: unset; visibility: visible; background-color: rgba(0, 0, 0, .7) } .qedge-com-mktoweb-modal-form.active>.container>.content { opacity: 1 } .qedge-com-mktoweb-modal-form.user-enabled-inline-form { height: -webkit-fill-available; overflow: unset; display: block; position: static; background-color: unset; margin-bottom: 9%; padding-top: 100px; -webkit-transition: none; transition: none; visibility: visible } .qedge-com-mktoweb-modal-form.user-enabled-inline-form>.container { padding: 0 } .qedge-com-mktoweb-modal-form.user-enabled-inline-form>.container>.content { opacity: 1; padding: 0 25px; background: none } .qedge-com-mktoweb-modal-form.user-enabled-inline-form>.container>.content .cat-content { position: relative; border: 1px solid #e6e6e6; overflow-y: unset; max-height: none } .qedge-com-mktoweb-modal-form.user-enabled-inline-form>.container>.content .bg-gray { display: block; background: #e6e6e6; position: absolute; top: 10%; left: 0; z-index: -1; width: 100%; height: 100% } .qedge-com-mktoweb-modal-form.user-enabled-inline-form>.container>.content .close { display: none } .qedge-com-mktoweb-modal-form.user-enabled-inline-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content { padding: 7% 10% 0 10% } .qedge-com-mktoweb-modal-form.user-enabled-inline-form>.container>.content .qedge-com-thanks-text .container .content { min-height: 380px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-mktoweb-modal-form.user-enabled-inline-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details { padding-top: 3% } .qedge-com-mktoweb-modal-form.user-enabled-inline-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details .thanks-buuton { display: none } @media screen and (max-width: 1024px) { .qedge-com-mktoweb-modal-form>.container { max-width: none; padding: 0 15px } .qedge-com-mktoweb-modal-form>.container>.content .cat-content { max-height: calc(100vh - 60px) } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner { background: #fff } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details { border: none } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content { padding: 0% 10% 0% 10% } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content .title { font-size: 24px } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content .subTitle { font-size: 16px } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm { padding-top: 0px } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(input[type=text]), .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(input[type=email]), .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(input[type=tel]), .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(select) { width: 100% } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(#State), .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(#PostalCode) { width: 100% } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoButtonRow { padding: 0 10px; margin-bottom: 10px } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content { padding-bottom: 50px } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details { padding: 7% 10% 25px 10% } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details .thanks-title { font-size: 28px; line-height: 24px; font-weight: 500; margin-bottom: 8px } .qedge-com-mktoweb-modal-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details .thanks-content { font-size: 16px; line-height: 22px } .qedge-com-mktoweb-modal-form.user-enabled-inline-form { margin-bottom: 12% } .qedge-com-mktoweb-modal-form.user-enabled-inline-form>.container>.content { background-color: unset; padding: 0 15px } .qedge-com-mktoweb-modal-form.user-enabled-inline-form>.container>.content .bg-gray { top: 12%; height: 91.7% } .qedge-com-mktoweb-modal-form.user-enabled-inline-form>.container>.content .qedge-com-cat-banner .banner-details .banner-content { padding: 7% 10% 10px 10% } .qedge-com-mktoweb-modal-form.user-enabled-inline-form>.container>.content .qedge-com-thanks-text .container .content { min-height: 300px; padding-bottom: 0 } .qedge-com-mktoweb-modal-form.user-enabled-inline-form>.container>.content .qedge-com-thanks-text .container .content .thanks-details { padding-top: 7% } } .qedge-com-mktoweb-inline-form { margin: 70px auto; height: 100% } .qedge-com-mktoweb-inline-form>.container { height: 100%; margin: 0 auto; max-width: unset } .qedge-com-mktoweb-inline-form>.container>.content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding-left: calc((100% - 1110px)/2) } .qedge-com-mktoweb-inline-form>.container>.content .cat-content { padding: 30px 0; margin: 0 auto; width: 445px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 110px; -ms-flex-item-align: center; align-self: center; background: #fff } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-banner .content .banner-details { padding: 25px 0; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-banner .content .banner-details .banner-content .title { font-size: 40px; font-weight: 700; color: #000; margin-bottom: 10px } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-banner .content .banner-details .banner-content .subTitle { color: #000; font-size: 18px; font-weight: 400; font-weight: normal } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm { padding: 0 } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow { width: 100% } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(input[type=text]), .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(input[type=email]), .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(input[type=tel]), .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(select) { width: 50% } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(input[type=hidden]) { display: none } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoButtonRow { margin-bottom: 20px } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoButtonRow .mktoButtonWrap { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text { display: none } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container { height: 100% } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content { width: 100%; height: 100%; padding-bottom: 0 } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details h1, .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details h2, .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details h3, .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details h4, .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details h5, .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details h6, .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details p, .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details em, .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details i, .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details b, .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details address { font-size: 1em; font-weight: inherit; line-height: inherit; font-style: inherit; margin: 0 } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details .icon { margin: 10px 0 0; font-size: 12px; height: auto; text-align: center } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details .icon [class^=ti-] { border: 4px solid #7dcaa9; color: #7dcaa9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 3em; font-weight: 600; border-radius: 50% } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details .thanks-title { font-size: 40px; font-weight: 700; color: #000; text-align: center; margin-bottom: 20px } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details .thanks-content { color: #000; font-size: 18px; font-weight: 400; text-align: center; font-weight: normal } .qedge-com-mktoweb-inline-form>.container>.content .cat-img-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100% } .qedge-com-mktoweb-inline-form>.container>.content .cat-img-wrapper img { position: absolute; top: 0; right: 0; z-index: 10; height: 100%; width: 50%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } @media screen and (max-width: 1024px) { .qedge-com-mktoweb-inline-form>.container>.content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 0; padding: 0 15px } .qedge-com-mktoweb-inline-form>.container>.content .cat-content { height: auto; width: 100% } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-banner .content .banner-details { padding: 35px 0 25px; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-banner .content .banner-details .banner-content .title { font-size: 24px } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-banner .content .banner-details .banner-content .subTitle { font-size: 16px } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form { height: auto } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(input[type=text]), .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(input[type=email]), .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(input[type=tel]), .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoFormRow:has(select) { width: 100% } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoButtonRow { margin-bottom: 0px } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-cat-form .content .tab-contents .tab-box .mktoForm .mktoButtonRow .mktoButtonWrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text { display: none } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details .thanks-title { font-size: 24px; margin-bottom: 10px } .qedge-com-mktoweb-inline-form>.container>.content .cat-content .qedge-com-thanks-text .container .content .thanks-details .thanks-content { font-size: 16px } .qedge-com-mktoweb-inline-form>.container>.content .cat-img-wrapper { width: 100% } .qedge-com-mktoweb-inline-form>.container>.content .cat-img-wrapper img { position: unset; width: 100%; max-height: 320px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .sec-blog-card-tab .container { max-width: 1160px } .sec-blog-card-tab>.container>.content, .sec-blog-card-tab>.content { padding: 30px 25px 70px 25px } .sec-blog-card-tab>.content.no-global-padding { padding-left: 0; padding-right: 0 } .sec-blog-card-tab>.content.no-global-padding>.container>.content, .sec-blog-card-tab>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .sec-blog-card-tab>.container>.content .content-wrapper { width: 100% } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .title h2 { color: #000; font-weight: 700; font-size: 45px; padding-bottom: 26px; text-align: left; line-height: 28px } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 30px 0 } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; margin: 0 } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list ul li { border: none; margin-right: 20px } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list ul li a { font-size: 18px; color: #666; letter-spacing: 0; text-align: center; line-height: 28px; font-weight: 400 } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list ul li.active { border-bottom: 1px solid #666 } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list ul li:first-child { padding-left: 0 } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list-right-link { -ms-flex-item-align: end; align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 5px; position: unset } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list-right-link a span { margin-left: 12px } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list-right-link a:hover, .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list-right-link a:focus, .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list-right-link a:active { color: #666 } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list-right-link .ti-angle-right { display: inline-block; font-size: 15px; color: #666 } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list-right-link .ti-angle-right.hover-in { -webkit-animation: hover-in .2s linear 0s 1 normal; animation: hover-in .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list-right-link .ti-angle-right.hover-out { -webkit-animation: hover-out .2s linear 0s 1 normal; animation: hover-out .2s linear 0s 1 normal; -webkit-animation-fill-mode: both; animation-fill-mode: both } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list-right-link .more-text { font-size: 18px; color: #666 } .sec-blog-card-tab>.container>.content .content-wrapper .crad-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 20px; width: 100% } .sec-blog-card-tab>.container>.content .content-wrapper .crad-list.columns { margin: 0 } .sec-blog-card-tab>.container>.content .content-wrapper .crad-list .card-item { padding: 0 30px } .sec-blog-card-tab>.container>.content .content-wrapper .crad-list .card-item:first-child { padding-left: 0 } .sec-blog-card-tab>.container>.content .content-wrapper .crad-list .card-item:last-child { padding-right: 0 } .sec-blog-card-tab.user-enable-article-card>.container>.content .content-wrapper { border-top: 1px solid #000 } .sec-blog-card-tab.user-enable-article-card>.container>.content .content-wrapper .title-wrapper { width: 100%; padding-top: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .sec-blog-card-tab.user-enable-article-card>.container>.content .content-wrapper .title-wrapper .title h2 { padding-bottom: 0; margin-bottom: 0 } .sec-blog-card-tab.user-enable-article-card>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 30px 0 } .sec-blog-card-tab.user-enable-article-card>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list { display: none } .sec-blog-card-tab.user-enable-categories-card>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list-right-link { display: none } .sec-blog-card-tab.user-enable-categories-card>.container>.content .content-wrapper .crad-list { gap: 5% } .sec-blog-card-tab.user-enable-categories-card>.container>.content .content-wrapper .crad-list .card-item { padding: 0; width: 47.5%; margin-bottom: 40px } @media screen and (max-width: 1024px) { .sec-blog-card-tab>.container>.content { padding: 32px 20px 48px 20px } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .title h2 { font-size: 28px; font-weight: 600; padding-bottom: 0 } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin: 15px 0 } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list ul { -ms-flex-wrap: wrap; flex-wrap: wrap } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list ul li { font-size: 16px; padding: 10px 0 } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list-right-link { margin-bottom: 15px } .sec-blog-card-tab>.container>.content .content-wrapper .title-wrapper .qedge-com-tab-list-wrapper .tab-list-right-link .more-text { font-size: 16px } .sec-blog-card-tab>.container>.content .content-wrapper .crad-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 10px; width: 100% } .sec-blog-card-tab>.container>.content .content-wrapper .crad-list.columns { margin: 0 } .sec-blog-card-tab>.container>.content .content-wrapper .crad-list .card-item { padding: 0 0 40px 0 } .sec-blog-card-tab.user-enable-categories-card>.container>.content .content-wrapper .crad-list { gap: 0 } .sec-blog-card-tab.user-enable-categories-card>.container>.content .content-wrapper .crad-list .card-item { width: 100% } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-blog-base-card .content { position: relative } .qedge-com-blog-base-card .content .blog-base-image-wrapper { width: 100%; overflow: hidden } .qedge-com-blog-base-card .content .blog-base-image-wrapper img { width: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-blog-base-card .content .blog-base-card-content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin: 15px 0; width: 100% } .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-tag .tag-name { width: auto; padding: 5px 10px; border-radius: 6px; background: #e6e6e6; font-size: 14px; line-height: 14px; font-weight: 600; color: #000; text-transform: uppercase } .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-title { width: 100%; color: #000; font-size: 28px; font-weight: 700; line-height: 32px; text-transform: capitalize; text-align: left } .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-desc { width: 100%; color: #000; font-size: 16px; font-weight: 400; line-height: 28px; text-align: left; margin: 20px 0 } .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-remark { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-remark .remark-left, .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-remark .remark-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-remark .remark-left .remark-time { border-right: 1px solid #999; padding-right: 5px } .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-remark .remark-left .remark-read { padding-left: 5px; text-transform: uppercase } .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-remark .remark-left .remark-time, .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-remark .remark-left .remark-read { color: #999; font-size: 15px; font-weight: 600; line-height: 15px } .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-remark .remark-right .remark-outer-link { color: #000; font-size: 15px; font-weight: 400; line-height: 15px; padding-right: 5px } .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-remark .remark-right img { width: 16px; height: 16px; -o-object-fit: cover; object-fit: cover } .qedge-com-pagination .container .content .pagination li a.active { background-color: #000; color: #fff } .qedge-com-pagination .container .content .pagination li a.disabled { pointer-events: none; opacity: .5 } @media screen and (max-width: 1024px) { .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-title { font-size: 18px; line-height: 30px } .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-remark { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-remark .remark-left { padding-bottom: 10px } .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-remark .remark-left .remark-time, .qedge-com-blog-base-card .content .blog-base-card-content .blog-base-card-remark .remark-left .remark-read { font-weight: 400 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-blog-base-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; height: 100%; margin-bottom: 70px } .qedge-com-blog-base-banner>div { width: 100% } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper { position: relative } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-image-wrapper { height: 750px; z-index: 20 } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-image-wrapper img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content { background: rgba(0, 0, 0, .1); backdrop-filter: blur(35px); position: absolute; bottom: 0; left: 0; width: 100%; z-index: 30 } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container { max-width: 1160px } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content { padding: 55px 0px 45px 25px } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin: 15px 0; width: 100% } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-tag>.tag-name { width: auto; padding: 5px 10px; border-radius: 6px; background: #e6e6e6; font-size: 14px; line-height: 14px; font-weight: 600; color: #000 } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-title { max-width: 75%; color: #fff; font-size: 36px; font-weight: 700; line-height: 50px; text-transform: capitalize; text-align: left; margin: 20px 0 } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-remark { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-remark .remark-time { border-right: 1px solid #fff; padding-right: 5px } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-remark .remark-read { padding-left: 5px } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-remark .remark-time, .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-remark .remark-read { color: #fff; font-size: 15px; font-weight: 600; line-height: 15px } .qedge-com-blog-base-banner .content-wrapper .blog-intro-wrapper { display: none } .qedge-com-blog-base-banner.user-enable-author-intro { width: 1110px; margin: 70px auto } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-banner-wrapper { width: 70% } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-banner-wrapper .blog-banner-image-wrapper { height: 635px } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-banner-wrapper .blog-banner-content .container { max-width: unset } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-title { max-width: unset } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-intro-wrapper { display: block; width: 27%; padding: 40px 30px; background: #f5f5f5; max-height: 635px } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-intro-wrapper .blog-intro-image-wrapper { border-bottom: 1px solid #999 } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-intro-wrapper .blog-intro-image-wrapper .blog-intro-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 15px; margin-bottom: 20px } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-intro-wrapper .blog-intro-image-wrapper .blog-intro-image .blog-avatar { width: 100px; height: 100px } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-intro-wrapper .blog-intro-image-wrapper .blog-intro-image .blog-avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-intro-wrapper .blog-intro-image-wrapper .blog-intro-image .blog-ins { width: 30px; height: 30px } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-intro-wrapper .blog-intro-image-wrapper .blog-intro-image .blog-ins img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-intro-wrapper .blog-intro-image-wrapper .blog-intro-content .blog-intro-name { color: #000; font-size: 20px; font-weight: 600; line-height: 25px; text-transform: capitalize; text-align: left; margin-bottom: 10px } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-intro-wrapper .blog-intro-image-wrapper .blog-intro-content .blog-intro-text { color: #000; font-size: 16px; font-weight: 400; line-height: 25px; text-align: left; margin-bottom: 20px } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-intro-wrapper .blog-intro-desc { color: #000; font-size: 16px; font-weight: 400; line-height: 25px; text-align: left; margin-top: 20px; display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical; overflow: hidden } @media screen and (max-width: 1024px) { .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper { position: relative } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-image-wrapper { height: 391px } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content { padding: 0 20px } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-tag { margin: 20px 0 0 } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-tag>.tag-name { font-size: 12px; line-height: 14px; font-weight: 400 } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-title { max-width: unset; color: #fff; font-size: 20px; font-weight: 700; line-height: 28px; margin: 10px 0 } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-remark { margin-bottom: 20px } .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-remark .remark-time, .qedge-com-blog-base-banner .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-remark .remark-read { color: #fff; font-size: 11px; font-weight: 400; line-height: 15px } .qedge-com-blog-base-banner .content-wrapper .blog-intro-wrapper { display: none } .qedge-com-blog-base-banner.user-enable-author-intro { margin: 0 auto 70px; width: 100% } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-banner-wrapper { width: 100% } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-banner-wrapper .blog-banner-image-wrapper { height: 200px } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-banner-wrapper .blog-banner-content .container { max-width: 100% } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-banner-wrapper .blog-banner-content .container .content .blog-banner-title { max-width: unset } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-intro-wrapper { width: 100%; max-height: unset } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-intro-wrapper .blog-intro-image-wrapper .blog-intro-content .blog-intro-name { font-size: 16px; line-height: 16px } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-intro-wrapper .blog-intro-image-wrapper .blog-intro-content .blog-intro-text { font-size: 14px } .qedge-com-blog-base-banner.user-enable-author-intro .content-wrapper .blog-intro-wrapper .blog-intro-desc { font-size: 14px; -webkit-line-clamp: 8 } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-blog-article-footer .container { max-width: 1160px } .qedge-com-blog-article-footer>.container>.content, .qedge-com-blog-article-footer>.content { padding: 30px 25px 70px 25px } .qedge-com-blog-article-footer>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-blog-article-footer>.content.no-global-padding>.container>.content, .qedge-com-blog-article-footer>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-blog-article-footer>.container { max-width: 1110px } .qedge-com-blog-article-footer>.container>.content { width: 66.67%; margin: 0 auto; padding: 70px 0 } .qedge-com-blog-article-footer>.container>.content .article-footer-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5%; padding: 30px 30px 30px 20px; background: #f5f5f5 } .qedge-com-blog-article-footer>.container>.content .article-footer-wrapper .article-footer-content { width: 75% } .qedge-com-blog-article-footer>.container>.content .article-footer-wrapper .article-footer-content .article-footer-title { display: none } .qedge-com-blog-article-footer>.container>.content .article-footer-wrapper .article-footer-content .article-footer-desc { color: #000; font-size: 16px; font-weight: 400; line-height: 24px } .qedge-com-blog-article-footer>.container>.content .article-footer-wrapper .article-footer-content .article-footer-desc a { text-decoration: underline; color: #000 } .qedge-com-blog-article-footer>.container>.content .article-footer-wrapper .article-footer-image-wrapper { width: 20% } .qedge-com-blog-article-footer>.container>.content .article-footer-wrapper .article-footer-image-wrapper img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } @media screen and (max-width: 1024px) { .qedge-com-blog-article-footer>.container>.content { width: 100%; padding: 35px 0 } .qedge-com-blog-article-footer>.container>.content .article-footer-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5% } .qedge-com-blog-article-footer>.container>.content .article-footer-wrapper .article-footer-content { width: 100%; margin-top: 10px } .qedge-com-blog-article-footer>.container>.content .article-footer-wrapper .article-footer-content .article-footer-desc { font-size: 14px; line-height: 16px; text-align: center } .qedge-com-blog-article-footer>.container>.content .article-footer-wrapper .article-footer-image-wrapper { width: 30% } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-blog-article-product-footer .container { max-width: 1160px } .qedge-com-blog-article-product-footer>.container>.content, .qedge-com-blog-article-product-footer>.content { padding: 30px 25px 70px 25px } .qedge-com-blog-article-product-footer>.content.no-global-padding { padding-left: 0; padding-right: 0 } .qedge-com-blog-article-product-footer>.content.no-global-padding>.container>.content, .qedge-com-blog-article-product-footer>.content.no-global-padding .content { padding-left: 25px; padding-right: 25px } .qedge-com-blog-article-product-footer>.container { max-width: 1110px } .qedge-com-blog-article-product-footer>.container>.content { width: 66.67%; margin: 0 auto; padding: 70px 0 } .qedge-com-blog-article-product-footer>.container>.content .article-footer-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3% } .qedge-com-blog-article-product-footer>.container>.content .article-footer-wrapper .article-footer-content { width: 65%; padding: 30px 20px; background-color: #f5f5f5 } .qedge-com-blog-article-product-footer>.container>.content .article-footer-wrapper .article-footer-content .article-footer-title { display: block; color: #000; font-size: 20px; font-weight: 600; line-height: 26px; margin-bottom: 20px } .qedge-com-blog-article-product-footer>.container>.content .article-footer-wrapper .article-footer-content:hover { background-color: #000 } .qedge-com-blog-article-product-footer>.container>.content .article-footer-wrapper .article-footer-content:hover .article-footer-title, .qedge-com-blog-article-product-footer>.container>.content .article-footer-wrapper .article-footer-content:hover .article-footer-desc, .qedge-com-blog-article-product-footer>.container>.content .article-footer-wrapper .article-footer-content:hover .article-footer-desc a { color: #fff } .qedge-com-blog-article-product-footer>.container>.content .article-footer-wrapper .article-footer-content .article-footer-desc { color: #000; font-size: 16px; font-weight: 400; line-height: 24px } .qedge-com-blog-article-product-footer>.container>.content .article-footer-wrapper .article-footer-content .article-footer-desc a { text-decoration: underline; color: #000 } .qedge-com-blog-article-product-footer>.container>.content .article-footer-wrapper .article-footer-image-wrapper { width: 32%; height: 168px; background-color: #fff } .qedge-com-blog-article-product-footer>.container>.content .article-footer-wrapper .article-footer-image-wrapper img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } @media screen and (max-width: 1024px) { .qedge-com-blog-article-product-footer>.container>.content { width: 100%; padding: 35px 0 } .qedge-com-blog-article-product-footer>.container>.content .article-footer-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0 } .qedge-com-blog-article-product-footer>.container>.content .article-footer-wrapper .article-footer-content { width: 100%; padding: 30px 15px } .qedge-com-blog-article-product-footer>.container>.content .article-footer-wrapper .article-footer-content .article-footer-title { margin-bottom: 10px } .qedge-com-blog-article-product-footer>.container>.content .article-footer-wrapper .article-footer-image-wrapper { width: auto; height: auto } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-ripple-blocks { margin: 150px auto } .qedge-com-ripple-blocks ul, .qedge-com-ripple-blocks li { list-style-type: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex } .qedge-com-ripple-blocks .content { position: relative } .qedge-com-ripple-blocks .container { position: relative; max-width: 1160px; padding: 0 25px } .qedge-com-ripple-blocks .container.overflow { overflow: hidden } .qedge-com-ripple-blocks .intro { color: #424245; font-size: 14px; line-height: 1.2; margin-bottom: 40px } .qedge-com-ripple-blocks .features { width: 50%; position: relative; z-index: 200 } .qedge-com-ripple-blocks .blocks { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px } .qedge-com-ripple-blocks .blocks>li { border: 1px solid rgba(0, 0, 0, 0); border-radius: 5px; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .08); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .08); padding: 40px 30px; margin: 0 } .qedge-com-ripple-blocks .blocks>li h2 { display: none } .qedge-com-ripple-blocks .blocks>li:hover, .qedge-com-ripple-blocks .blocks>li:active, .qedge-com-ripple-blocks .blocks>li.active { background-color: #fff; border-color: #424245; -webkit-transition: all linear .3s; transition: all linear .3s } .qedge-com-ripple-blocks .blocks>li:hover .tag, .qedge-com-ripple-blocks .blocks>li:active .tag, .qedge-com-ripple-blocks .blocks>li.active .tag { background-color: #424245; color: #fff; -webkit-transition: all linear .3s; transition: all linear .3s } .qedge-com-ripple-blocks .blocks .block .tag { background-color: #f5f5f7; border-radius: 0; color: #424245; font-size: 12px; line-height: 1.2 } .qedge-com-ripple-blocks .blocks .functions { color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; line-height: 1.6 } .qedge-com-ripple-blocks .ripple-wrapper { position: absolute; width: 100%; top: 100%; bottom: 0 } .qedge-com-ripple-blocks .ripples { clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%); position: absolute; padding-top: 3vw; right: -15%; top: 0; width: 95%; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .qedge-com-ripple-blocks .ripples ul, .qedge-com-ripple-blocks .ripples li, .qedge-com-ripple-blocks .ripples h2, .qedge-com-ripple-blocks .ripples p { -webkit-transform: translateZ(0); transform: translateZ(0) } .qedge-com-ripple-blocks .ripples ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative } .qedge-com-ripple-blocks .ripples ul li { aspect-ratio: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border-radius: 100%; padding-top: 4%; margin: 0 } .qedge-com-ripple-blocks .ripples ul li h2 { margin-bottom: 0; font-size: 24px; font-weight: 600; line-height: 1.6; text-align: center } .qedge-com-ripple-blocks .ripples ul li p { color: #424245; font-size: 14px; line-height: 1.2; text-align: center } .qedge-com-ripple-blocks .ripples ul li h2 { -webkit-transition: -webkit-transform linear .2s; transition: -webkit-transform linear .2s; transition: transform linear .2s; transition: transform linear .2s, -webkit-transform linear .2s } .qedge-com-ripple-blocks .ripples ul li:hover h2 { -webkit-transform: scale(1.2); transform: scale(1.2) } .qedge-com-ripple-blocks .ripples ul li:nth-child(1) { background-color: #fafafa; width: 100% } .qedge-com-ripple-blocks .ripples ul li:nth-child(2) { background-color: #f5f5f5; width: 76%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .qedge-com-ripple-blocks .ripples ul li:nth-child(3) { background: #f0f0f0; width: 52%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .qedge-com-ripple-blocks .ripples ul li:nth-child(4) { background: #ebebeb; width: 30%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } @media screen and (max-width: 1024px) { .qedge-com-ripple-blocks { margin: 120px auto } .qedge-com-ripple-blocks .container { padding: 0 } .qedge-com-ripple-blocks .ripple-wrapper { display: none } .qedge-com-ripple-blocks .intro { font-size: 16px; font-weight: 700; line-height: 1.2; margin-bottom: 0; padding: 40px 20px } .qedge-com-ripple-blocks .features { width: 100% } .qedge-com-ripple-blocks .features .blocks { grid-template-columns: repeat(1, 1fr); gap: 0 } .qedge-com-ripple-blocks .features .blocks>li { -webkit-box-shadow: none; box-shadow: none } .qedge-com-ripple-blocks .features .blocks>li h2 { display: block; font-size: 24px; font-weight: 700; line-height: 1.2; margin-bottom: 5px } .qedge-com-ripple-blocks .features .blocks>li .tag { background: none; padding: 0; font-size: 14px; line-height: 1.4; margin-bottom: 5px } .qedge-com-ripple-blocks .features .blocks>li:nth-child(1) { background-color: #fafafa } .qedge-com-ripple-blocks .features .blocks>li:nth-child(2) { background-color: #f5f5f5 } .qedge-com-ripple-blocks .features .blocks>li:nth-child(3) { background-color: #f0f0f0 } .qedge-com-ripple-blocks .features .blocks>li:nth-child(4) { background-color: #ebebeb } .qedge-com-ripple-blocks .features .blocks>li:hover, .qedge-com-ripple-blocks .features .blocks>li:active, .qedge-com-ripple-blocks .features .blocks>li.active { background-color: auto; border-color: rgba(0, 0, 0, 0) } .qedge-com-ripple-blocks .features .blocks>li:hover .tag, .qedge-com-ripple-blocks .features .blocks>li:active .tag, .qedge-com-ripple-blocks .features .blocks>li.active .tag { background-color: rgba(0, 0, 0, 0); color: inherit } .qedge-com-ripple-blocks .features .blocks .functions { font-size: 14px; line-height: 1.4 } } [lang=en] .qedge-com-ripple-blocks .ripples ul li { padding-top: 3.5% } [lang=en] .qedge-com-ripple-blocks .ripples ul li h2 { line-height: 1.2 } [lang=en] .qedge-com-ripple-blocks .ripples ul li p { display: none } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-feature-matrix { margin: 150px 0; min-height: 300px } .qedge-com-feature-matrix .container { max-width: 1160px; padding: 0 25px } .qedge-com-feature-matrix .content>.container { max-width: 1110px; background-image: url(../images/samples/matrix/bg.jpg); background-color: #000; background-size: cover; background-repeat: no-repeat; background-position: center center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-height: 830px } .qedge-com-feature-matrix .content .feature-brief { margin-bottom: 40px; padding: 0 25px } .qedge-com-feature-matrix .content .feature-brief h2 { font-size: 40px; line-height: 1.2 } .qedge-com-feature-matrix .content .feature-brief hr { background-color: #a1a1a1; height: 1px } .qedge-com-feature-matrix .content .feature-brief p { font-size: 18px; line-height: 1.5; color: gray } .qedge-com-feature-matrix .content .rings { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transform: scale(0.8888888); transform: scale(0.8888888) } .qedge-com-feature-matrix .content .rings .ring { display: block; max-height: 900px; position: relative; z-index: 20 } .qedge-com-feature-matrix .content .rings .logo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 0 } .qedge-com-feature-matrix .content .rings .logo .logo-img { display: block; width: 31% } .qedge-com-feature-matrix .content .rings .features { position: absolute; width: 50%; height: 50%; z-index: 100 } .qedge-com-feature-matrix .content .rings .features .title { color: #6691b4; font-size: 16px; line-height: 1.6; font-weight: 400; position: absolute; margin: 0; white-space: nowrap } .qedge-com-feature-matrix .content .rings .features .feature { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; height: 20%; -webkit-transition: -webkit-transform linear .3s; transition: -webkit-transform linear .3s; transition: transform linear .3s; transition: transform linear .3s, -webkit-transform linear .3s } .qedge-com-feature-matrix .content .rings .features .feature img { display: block; max-width: 100%; max-height: 100% } .qedge-com-feature-matrix .content .rings .features .feature .img { display: block; max-height: 100%; height: 100%; border: 2px solid #fff; border-radius: 50%; overflow: hidden; position: relative; -webkit-transition: -webkit-box-shadow linear .3s; transition: -webkit-box-shadow linear .3s; transition: box-shadow linear .3s; transition: box-shadow linear .3s, -webkit-box-shadow linear .3s; -ms-flex-negative: 0; flex-shrink: 0 } .qedge-com-feature-matrix .content .rings .features .feature .img::after { content: " "; display: block; width: 100%; height: 100%; border: 3px solid rgba(0, 0, 0, 0); border-radius: 50%; position: absolute; top: 0; left: 0; -webkit-transition: border-color linear .3s; transition: border-color linear .3s } .qedge-com-feature-matrix .content .rings .features .feature .cap { font-size: 18px; line-height: 1.4; font-weight: 400; color: #fff; margin-left: 15px; -webkit-transition: color linear .3s; transition: color linear .3s } .qedge-com-feature-matrix .content .rings .features .feature:hover, .qedge-com-feature-matrix .content .rings .features .feature:focus, .qedge-com-feature-matrix .content .rings .features .feature:active { cursor: pointer; -webkit-transform: scale(1.2); transform: scale(1.2) } .qedge-com-feature-matrix .content .rings .features .feature:hover .img, .qedge-com-feature-matrix .content .rings .features .feature:focus .img, .qedge-com-feature-matrix .content .rings .features .feature:active .img { -webkit-box-shadow: 0 0 13px 0 #6691b4, 0 0 23px 0 #6691b4; box-shadow: 0 0 13px 0 #6691b4, 0 0 23px 0 #6691b4 } .qedge-com-feature-matrix .content .rings .features .feature:hover .img::after, .qedge-com-feature-matrix .content .rings .features .feature:focus .img::after, .qedge-com-feature-matrix .content .rings .features .feature:active .img::after { border-color: rgba(101, 144, 179, .677) } .qedge-com-feature-matrix .content .rings .features .feature:hover .cap, .qedge-com-feature-matrix .content .rings .features .feature:focus .cap, .qedge-com-feature-matrix .content .rings .features .feature:active .cap { color: #6691b4 } .qedge-com-feature-matrix .content .rings .features.f1 { top: 0; left: 0 } .qedge-com-feature-matrix .content .rings .features.f1 .title { top: 33%; left: 10%; -webkit-transform: rotate(-63deg); transform: rotate(-63deg) } .qedge-com-feature-matrix .content .rings .features.f1 .feature:nth-child(2) { top: 26%; left: 28% } .qedge-com-feature-matrix .content .rings .features.f1 .feature:nth-child(3) { top: 56%; left: 15% } .qedge-com-feature-matrix .content .rings .features.f2 { top: 0; right: 0 } .qedge-com-feature-matrix .content .rings .features.f2 .title { left: 88%; top: 62%; -webkit-transform: rotate(74deg); transform: rotate(74deg) } .qedge-com-feature-matrix .content .rings .features.f2 .feature { -webkit-transform-origin: right; transform-origin: right } .qedge-com-feature-matrix .content .rings .features.f2 .feature .img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .qedge-com-feature-matrix .content .rings .features.f2 .feature .cap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 15px; margin-left: 0 } .qedge-com-feature-matrix .content .rings .features.f2 .feature:nth-child(2) { top: 29%; right: 25% } .qedge-com-feature-matrix .content .rings .features.f2 .feature:nth-child(3) { top: 58%; right: 13% } .qedge-com-feature-matrix .content .rings .features.f2 .feature:nth-child(4) { top: 90%; right: 10% } .qedge-com-feature-matrix .content .rings .features.f3 { bottom: 0; left: 0 } .qedge-com-feature-matrix .content .rings .features.f3 .title { top: 53%; left: 6%; -webkit-transform: rotate(-119deg); transform: rotate(-119deg) } .qedge-com-feature-matrix .content .rings .features.f3 .feature:nth-child(2) { top: 23%; left: 16% } .qedge-com-feature-matrix .content .rings .features.f3 .feature:nth-child(3) { top: 52%; left: 28% } .qedge-com-feature-matrix .content .rings .features.f4 { bottom: 0; right: 0 } .qedge-com-feature-matrix .content .rings .features.f4 .title { top: 69%; left: 71%; -webkit-transform: rotate(123deg); transform: rotate(123deg) } .qedge-com-feature-matrix .content .rings .features.f4 .feature { -webkit-transform-origin: right; transform-origin: right } .qedge-com-feature-matrix .content .rings .features.f4 .feature .img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .qedge-com-feature-matrix .content .rings .features.f4 .feature .cap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 15px; margin-left: 0; text-align: right; max-width: 200px } .qedge-com-feature-matrix .content .rings .features.f4 .feature:nth-child(2) { top: 52%; right: 26% } @media screen and (max-width: 1024px) { .qedge-com-feature-matrix .container { padding: 0 } .qedge-com-feature-matrix .content>.container { background-image: url(../images/samples/matrix/bg-m.jpg); max-height: unset } .qedge-com-feature-matrix .content .feature-brief { margin-bottom: 0; padding: 40px 20px } .qedge-com-feature-matrix .content .feature-brief .container { padding: 0 } .qedge-com-feature-matrix .content .feature-brief h2 { font-size: 30px; line-height: 1.2 } .qedge-com-feature-matrix .content .feature-brief hr { background-color: #a1a1a1; height: 1px } .qedge-com-feature-matrix .content .feature-brief p { font-size: 14px; line-height: 1.5; color: gray } .qedge-com-feature-matrix .content .rings { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-transform: scale(1); transform: scale(1); padding: 25px 25px 60px 25px } .qedge-com-feature-matrix .content .rings .ring { max-height: unset; display: none } .qedge-com-feature-matrix .content .rings .logo { position: relative; padding-top: 74%; overflow: hidden; width: 100vw } .qedge-com-feature-matrix .content .rings .logo .logo-img { clip-path: polygon(0 0, 100% 0, 100% 64.4%, 0 64.4%); margin-top: 0; width: 100%; position: absolute; top: 0; left: 0 } .qedge-com-feature-matrix .content .rings .features { position: relative; width: 100%; height: auto; top: auto; right: auto; bottom: auto; left: auto } .qedge-com-feature-matrix .content .rings .features .title, .qedge-com-feature-matrix .content .rings .features .feature { position: relative; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; margin-top: 20px; margin-bottom: 20px } .qedge-com-feature-matrix .content .rings .features .title .img, .qedge-com-feature-matrix .content .rings .features .feature .img { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important } .qedge-com-feature-matrix .content .rings .features .title .cap, .qedge-com-feature-matrix .content .rings .features .feature .cap { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; margin-left: 15px !important; text-align: left !important } .qedge-com-feature-matrix .content .rings .features .title:hover, .qedge-com-feature-matrix .content .rings .features .title:focus, .qedge-com-feature-matrix .content .rings .features .title:active, .qedge-com-feature-matrix .content .rings .features .feature:hover, .qedge-com-feature-matrix .content .rings .features .feature:focus, .qedge-com-feature-matrix .content .rings .features .feature:active { cursor: pointer; -webkit-transform: scale(1); transform: scale(1) } .qedge-com-feature-matrix .content .rings .features .title { -webkit-transform: none !important; transform: none !important; top: 0 !important; left: 0 !important } .qedge-com-feature-matrix .content .rings .features .feature { height: 100px; -webkit-transform-origin: left !important; transform-origin: left !important } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-streamed-feature-videos { margin: 150px 0 } .qedge-com-streamed-feature-videos .content .container { max-width: 1160px; padding: 0 25px } .qedge-com-streamed-feature-videos .content .feature-brief { margin-bottom: 40px; padding: 0 } .qedge-com-streamed-feature-videos .content .feature-brief h2 { font-size: 40px; line-height: 1.2 } .qedge-com-streamed-feature-videos .content .feature-brief hr { background-color: #a1a1a1; height: 1px } .qedge-com-streamed-feature-videos .content .feature-brief p { font-size: 18px; line-height: 1.5; color: gray } .qedge-com-streamed-feature-videos .content .timeline-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-radius: 16px; width: 100% } .qedge-com-streamed-feature-videos .content .ct-scanner-column { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 80 } .qedge-com-streamed-feature-videos .content .ct-scanner-image { display: block; width: 100%; height: auto; border-radius: 12px; -o-object-fit: cover; object-fit: cover } .qedge-com-streamed-feature-videos .content .timeline-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; max-width: 100%; padding: 250px 40px } .qedge-com-streamed-feature-videos .content .timeline-content::after { border-radius: 3px; content: " "; display: block; height: 6px; background: -webkit-gradient(linear, left top, right top, from(rgb(179, 224, 248)), color-stop(48%, rgba(179, 224, 248, 0.7)), color-stop(78%, rgba(179, 224, 248, 0.48)), to(rgba(179, 224, 248, 0.35))); background: linear-gradient(to right, rgb(179, 224, 248) 0%, rgba(179, 224, 248, 0.7) 48%, rgba(179, 224, 248, 0.48) 78%, rgba(179, 224, 248, 0.35) 100%); position: absolute; right: 0; top: 50%; width: 103%; z-index: 0 } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 4px; z-index: 80 } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:nth-child(2n+1) { -webkit-transform: translateY(-50%); transform: translateY(-50%) } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:nth-child(2n+1) .feature-item { bottom: 20px; padding: 10px 10px 0 10px } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:nth-child(2n+1) .feature-item .feature-intro { padding: 15px 0 } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:nth-child(2n+1) .feature-point .drop { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:nth-child(2n+1) .feature-point .hi-drop { position: absolute; left: 0; top: 0 } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:nth-child(2n) { -webkit-transform: translateY(50%); transform: translateY(50%) } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:nth-child(2n) .feature-item { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; top: 28px; padding: 0 10px 10px 10px } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:nth-child(2n) .feature-item .feature-image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:nth-child(2n) .feature-item .feature-intro { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 15px 0 } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:nth-child(2n) .feature-point { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:nth-child(2n) .feature-point .drop { position: relative; top: -28px } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:nth-child(2n) .feature-point .hi-drop { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:hover, .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:active, .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper.active { cursor: pointer } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:hover .feature-item, .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:active .feature-item, .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper.active .feature-item { background-color: #f1f1f1 } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:hover .feature-point .drop, .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:active .feature-point .drop, .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper.active .feature-point .drop { opacity: 0 } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:hover .feature-point .hi-drop, .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper:active .feature-point .hi-drop, .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper.active .feature-point .hi-drop { opacity: 1 } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper .feature-point { width: 48px; height: 20px; position: relative } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper .feature-point img { display: block; -webkit-transition: opacity linear .2s; transition: opacity linear .2s } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper .feature-point .hi-drop { opacity: 0; display: block; position: absolute; left: 0; bottom: 0 } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper .feature-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; z-index: 2; position: absolute; -webkit-transition: background-color linear .3s; transition: background-color linear .3s } .qedge-com-streamed-feature-videos .content .timeline-content .feature-wrapper .feature-item .feature-intro { white-space: nowrap } .qedge-com-streamed-feature-videos .content .feature-item.top { bottom: 30px } .qedge-com-streamed-feature-videos .content .feature-item.bottom { top: 50% } .qedge-com-streamed-feature-videos .content .feature-item.top::before { bottom: -25px } .qedge-com-streamed-feature-videos .content .feature-item.bottom::before { top: -25px } .qedge-com-streamed-feature-videos .content .feature-image { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .qedge-com-streamed-feature-videos .content .feature-image video { display: block; aspect-ratio: 4/3; width: 160px; max-width: 160px } .qedge-com-streamed-feature-videos .content .feature-title { font-size: 20px; font-weight: 400; color: #000; margin-bottom: 10px; line-height: 1.4 } .qedge-com-streamed-feature-videos .content .feature-description { font-size: 14px; color: #424245; line-height: 1.2 } .qedge-com-streamed-feature-videos .popover { position: fixed; background-color: rgba(0, 0, 0, .5); left: 0; right: 0; bottom: 0; top: 0; z-index: 1200; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .qedge-com-streamed-feature-videos .popover .close { display: block; width: 34px; height: 34px; position: absolute; right: 40px; top: 40px; z-index: 10 } .qedge-com-streamed-feature-videos .popover .video-wrapper { max-width: 60% } @media screen and (max-width: 1024px) { .qedge-com-streamed-feature-videos .content .container { padding: 0 } .qedge-com-streamed-feature-videos .content .container .ct-scanner-column { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; margin-bottom: 30px } .qedge-com-streamed-feature-videos .content .container .ct-scanner-column img { -o-object-fit: contain; object-fit: contain; width: 60% } .qedge-com-streamed-feature-videos .content .container .feature-brief { margin-bottom: 0; padding: 40px 20px } .qedge-com-streamed-feature-videos .content .container .feature-brief .container { padding: 0 } .qedge-com-streamed-feature-videos .content .container .feature-brief h2 { font-size: 30px; line-height: 1.2 } .qedge-com-streamed-feature-videos .content .container .feature-brief hr { background-color: #a1a1a1; height: 1px } .qedge-com-streamed-feature-videos .content .container .feature-brief p { font-size: 14px; line-height: 1.5; color: gray } .qedge-com-streamed-feature-videos .content .container .timeline-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .qedge-com-streamed-feature-videos .content .container .timeline-container .timeline-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; width: 100% } .qedge-com-streamed-feature-videos .content .container .timeline-container .timeline-content::after { display: none } .qedge-com-streamed-feature-videos .content .container .timeline-container .timeline-content .feature-point { display: none } .qedge-com-streamed-feature-videos .content .container .timeline-container .timeline-content .feature-wrapper { width: 100%; margin-bottom: 15px; padding: 0 } .qedge-com-streamed-feature-videos .content .container .timeline-container .timeline-content .feature-wrapper:nth-child(2n), .qedge-com-streamed-feature-videos .content .container .timeline-container .timeline-content .feature-wrapper:nth-child(2n+1) { -webkit-transform: none; transform: none } .qedge-com-streamed-feature-videos .content .container .timeline-container .timeline-content .feature-wrapper:nth-child(2n) .feature-item, .qedge-com-streamed-feature-videos .content .container .timeline-container .timeline-content .feature-wrapper:nth-child(2n+1) .feature-item { position: relative; top: 0; width: 100% } .qedge-com-streamed-feature-videos .content .container .timeline-container .timeline-content .feature-wrapper .feature-item { position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0 } .qedge-com-streamed-feature-videos .content .container .timeline-container .timeline-content .feature-wrapper .feature-item .feature-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: auto; width: 47%; -ms-flex-negative: 0; flex-shrink: 0 } .qedge-com-streamed-feature-videos .content .container .timeline-container .timeline-content .feature-wrapper .feature-item .feature-image video { width: 100%; max-width: 100% } .qedge-com-streamed-feature-videos .content .container .timeline-container .timeline-content .feature-wrapper .feature-item .feature-intro { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: left; white-space: normal; margin: 0 15px } .qedge-com-streamed-feature-videos .content .container .timeline-container .timeline-content .feature-wrapper .feature-item .feature-intro .feature-title, .qedge-com-streamed-feature-videos .content .container .timeline-container .timeline-content .feature-wrapper .feature-item .feature-intro .feature-description { white-space: normal } .qedge-com-streamed-feature-videos .content .container .timeline-container .timeline-content .feature-wrapper .feature-item .feature-intro .feature-title { font-size: 16px } .qedge-com-streamed-feature-videos .popover .video-wrapper { max-width: 90% } } .qedge-com-logo-marks .content { padding: 20px } .qedge-com-logo-marks .content .container { max-width: 1110px; color: #000; text-align: center; font-weight: 400 } .qedge-com-logo-marks .content .container .main-title { font-size: 40px; font-weight: 600; margin: 40px auto 0; line-height: 1.2; max-width: 730px } .qedge-com-logo-marks .content .container .main-details { font-size: 16px; color: #666; line-height: 28px; margin: 50px auto 55px; max-width: 730px } .qedge-com-logo-marks .content .container .slick-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; float: none; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-left: auto; margin-right: auto; max-width: 77.5rem; padding-left: 1.25rem; padding-right: 1.25rem; -webkit-transition: .25s ease-in; transition: .25s ease-in } .qedge-com-logo-marks .content .container .slick-container.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .qedge-com-logo-marks .content .container .slick-container .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .qedge-com-logo-marks .content .container .slick-container .slick-list:focus { outline: none } .qedge-com-logo-marks .content .container .slick-container .slick-list.dragging { cursor: pointer; cursor: hand } .qedge-com-logo-marks .content .container .slick-container.slick-slider .slick-track, .qedge-com-logo-marks .content .container .slick-container.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .qedge-com-logo-marks .content .container .slick-container .slick-track { position: relative; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-right: auto } .qedge-com-logo-marks .content .container .slick-container .slick-track:before, .qedge-com-logo-marks .content .container .slick-container .slick-track:after { display: table; content: "" } .qedge-com-logo-marks .content .container .slick-container .slick-track:after { clear: both } .qedge-com-logo-marks .content .container .slick-container .slick-loading .slick-track { visibility: hidden } .qedge-com-logo-marks .content .container .slick-container .slick-slide { display: none; float: left; height: 100%; min-height: 1px } .qedge-com-logo-marks .content .container .slick-container [dir=rtl] .slick-slide { float: right } .qedge-com-logo-marks .content .container .slick-container .slick-slide img { display: block } .qedge-com-logo-marks .content .container .slick-container .slick-slide.slick-loading img { display: none } .qedge-com-logo-marks .content .container .slick-container .slick-slide.dragging img { pointer-events: none } .qedge-com-logo-marks .content .container .slick-container.slick-initialized .slick-slide { display: block } .qedge-com-logo-marks .content .container .slick-container .slick-loading .slick-slide { visibility: hidden } .qedge-com-logo-marks .content .container .slick-container .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid rgba(0, 0, 0, 0) } .qedge-com-logo-marks .content .container .slick-container .slick-arrow.slick-hidden { display: none } .qedge-com-logo-marks .content .container .slick-container .slick-list .logo-image { margin: 0 } .qedge-com-logo-marks .content .container .slick-container .slick-list .logo-image img { max-width: 170px; display: block } .qedge-com-logo-marks .content .container .slick-container .slick-list .slick-dots { position: relative } .qedge-com-logo-marks .content .container .slick-container .slick-list .slick-dots li button { background-color: rgba(0, 0, 0, 0); border: 2px solid #b347bd; border-radius: 100%; -webkit-transition: .1s ease-in; transition: .1s ease-in } .qedge-com-logo-marks .content .container .slick-container .slick-list .slick-dots li button:before { opacity: 0 } .qedge-com-logo-marks .content .container .slick-container .slick-list .slick-dots li button:hover { background-color: #a30083 } .qedge-com-logo-marks .content .container .slick-container .slick-list .slick-dots li.slick-active button { background-color: #b347bd } .qedge-com-logo-marks .content .container .slick-container .slick-list .slick-dots>li:only-child { display: none } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-interactive-earth { background-color: #e6e6e6; padding-top: 30px; margin: 150px 0 } .qedge-com-interactive-earth .content { overflow: hidden } .qedge-com-interactive-earth .content>.container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; min-height: 900px } .qedge-com-interactive-earth .content>.container .dev-tools, .qedge-com-interactive-earth .content>.container .dev-tag { display: none } .qedge-com-interactive-earth .content>.container .heading { text-transform: none } .qedge-com-interactive-earth .content>.container .heading h1, .qedge-com-interactive-earth .content>.container .heading h2, .qedge-com-interactive-earth .content>.container .heading h3, .qedge-com-interactive-earth .content>.container .heading h4 { font-size: 40px; line-height: 1.2; margin: 40px 0 } .qedge-com-interactive-earth .content>.container .left-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .qedge-com-interactive-earth .content>.container .left-panel .tags-illustration { color: #666; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 16px; line-height: 1; padding: 20px 0 30px 0; z-index: 20; position: relative } .qedge-com-interactive-earth .content>.container .left-panel .tags-illustration [class^=tag-] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px } .qedge-com-interactive-earth .content>.container .left-panel .tags-illustration [class^=tag-]::before { content: " "; display: block; width: 16px; height: 16px; background-color: gold; margin-right: 10px } .qedge-com-interactive-earth .content>.container .left-panel .tags-illustration [class^=tag-]:nth-child(1)::before { background-color: #c9a063 } .qedge-com-interactive-earth .content>.container .left-panel .tags-illustration [class^=tag-]:nth-child(2)::before { background-color: #0091bd } .qedge-com-interactive-earth .content>.container .left-panel .tags-illustration [class^=tag-]:nth-child(3)::before { background-color: #17d4ce } .qedge-com-interactive-earth .content>.container .left-panel .tags-illustration [class^=tag-]:nth-child(4)::before { background-color: #e3d11a } .qedge-com-interactive-earth .content>.container .left-panel .address-m { display: none } .qedge-com-interactive-earth .content>.container .branch-list .continents-tags-m { display: none } .qedge-com-interactive-earth .content>.container .branch-list .continent { margin-bottom: 5px; scroll-margin-bottom: 20px } .qedge-com-interactive-earth .content>.container .branch-list .continent.manual-active.scrollable, .qedge-com-interactive-earth .content>.container .branch-list .continent.active.scrollable { position: relative; padding-bottom: 20px } .qedge-com-interactive-earth .content>.container .branch-list .continent.manual-active.scrollable::after, .qedge-com-interactive-earth .content>.container .branch-list .continent.active.scrollable::after { content: " "; display: block; position: absolute; height: 40px; top: auto; bottom: 0; left: 30px; right: 0; background: -webkit-gradient(linear, left bottom, left top, from(#E6E6E6), color-stop(70%, rgba(230, 230, 230, 0.7921568627)), color-stop(90%, rgba(230, 230, 230, 0.0862745098)), to(rgba(230, 230, 230, 0))); background: linear-gradient(to top, #E6E6E6 0%, rgba(230, 230, 230, 0.7921568627) 70%, rgba(230, 230, 230, 0.0862745098) 90%, rgba(230, 230, 230, 0) 100%); z-index: 10 } .qedge-com-interactive-earth .content>.container .branch-list .continent.manual-active.scrollable .list-wrapper, .qedge-com-interactive-earth .content>.container .branch-list .continent.active.scrollable .list-wrapper { position: relative } .qedge-com-interactive-earth .content>.container .branch-list .continent.manual-active.scrollable .list-wrapper ul li:last-child, .qedge-com-interactive-earth .content>.container .branch-list .continent.active.scrollable .list-wrapper ul li:last-child { margin-bottom: 10px } .qedge-com-interactive-earth .content>.container .branch-list .continent.manual-active.scrollable .list-wrapper .indicator, .qedge-com-interactive-earth .content>.container .branch-list .continent.active.scrollable .list-wrapper .indicator { display: block; background-color: #000; position: absolute; width: 3px; height: 50px; left: 19px; top: 0 } .qedge-com-interactive-earth .content>.container .branch-list .continent .title { cursor: pointer; color: #666; font-size: 28px; font-weight: 500; line-height: 1.2; margin-bottom: 10px } .qedge-com-interactive-earth .content>.container .branch-list .continent ul { border-left: 1px solid #000; max-height: 0; overflow: hidden; -webkit-transition: max-height linear .3s; transition: max-height linear .3s; margin: 0; padding-left: 20px; margin-left: 20px; list-style-type: none; position: relative; scrollbar-width: none; -ms-overflow-style: none } .qedge-com-interactive-earth .content>.container .branch-list .continent ul::-webkit-scrollbar { width: 0; background-color: rgba(0, 0, 0, 0) } .qedge-com-interactive-earth .content>.container .branch-list .continent ul li { cursor: pointer; color: #666; font-size: 20px; font-weight: 400; line-height: 1; padding: .5em 0; margin: 0 } .qedge-com-interactive-earth .content>.container .branch-list .continent ul li.active { color: #000 } .qedge-com-interactive-earth .content>.container .branch-list .continent .indicator { display: none } .qedge-com-interactive-earth .content>.container .branch-list .continent.manual-active ul, .qedge-com-interactive-earth .content>.container .branch-list .continent.active ul { max-height: 285px; overflow-x: hidden; overflow-y: scroll } .qedge-com-interactive-earth .content>.container .svg-map, .qedge-com-interactive-earth .content>.container .locations { position: absolute; left: 30%; top: 15% } .qedge-com-interactive-earth .content>.container .svg-map { background-color: #e6e6e6; z-index: 30 } .qedge-com-interactive-earth .content>.container .locations { z-index: 50 } .qedge-com-interactive-earth .content>.container .locations .rings { position: absolute; border: 2px solid #fff; border-radius: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); pointer-events: none } .qedge-com-interactive-earth .content>.container .locations .rings::before, .qedge-com-interactive-earth .content>.container .locations .rings::after { content: " "; display: block; border: 2px solid #fff; border-radius: 50% } .qedge-com-interactive-earth .content>.container .locations .rings::before { position: absolute; width: 155%; height: 155%; left: 0; top: 0; -webkit-transform: translate3d(-17.741935%, -17.741935%, 0); transform: translate3d(-17.741935%, -17.741935%, 0) } .qedge-com-interactive-earth .content>.container .locations .rings::after { border-color: rgba(255, 255, 255, .6); position: absolute; width: 246%; height: 246%; left: 0; top: 0; -webkit-transform: translate3d(-29.674796%, -29.674796%, 0); transform: translate3d(-29.674796%, -29.674796%, 0) } .qedge-com-interactive-earth .content>.container .locations .city { position: absolute; background-color: #9acd32; opacity: 0; -webkit-transition: opacity, -webkit-transform linear .2s; transition: opacity, -webkit-transform linear .2s; transition: opacity, transform linear .2s; transition: opacity, transform linear .2s, -webkit-transform linear .2s; width: 1px; height: 1px } .qedge-com-interactive-earth .content>.container .locations .city.show { opacity: 1; pointer-events: all } .qedge-com-interactive-earth .content>.container .locations .city.active { background-color: #000; z-index: 100; -webkit-transform: scale(1.1); transform: scale(1.1) } .qedge-com-interactive-earth .content>.container .locations .city.active .city-name { opacity: 1 } .qedge-com-interactive-earth .content>.container .locations .city.active .line { -webkit-transition: width ease-in .35s; transition: width ease-in .35s; width: 500px } .qedge-com-interactive-earth .content>.container .locations .city.active .line .detail { opacity: 1; max-height: 500px; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-transition-property: max-height, opacity; transition-property: max-height, opacity; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: linear; transition-timing-function: linear } .qedge-com-interactive-earth .content>.container .locations .city .city-name { background-color: #000; padding: 8px 10px 14px 10px; line-height: 1; color: #fff; font-size: 16px; position: absolute; top: 0; right: 0; opacity: .75; white-space: nowrap; min-width: 110px; text-align: center } .qedge-com-interactive-earth .content>.container .locations .city .city-name .city-tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; position: absolute; left: 0; bottom: 0 } .qedge-com-interactive-earth .content>.container .locations .city .city-name .city-tags [class^=tag-] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 1; flex-basis: 1; height: 4px; width: 100% } .qedge-com-interactive-earth .content>.container .locations .city .city-name .city-tags .tag-0 { background-color: #c9a063 } .qedge-com-interactive-earth .content>.container .locations .city .city-name .city-tags .tag-1 { background-color: #0091bd } .qedge-com-interactive-earth .content>.container .locations .city .city-name .city-tags .tag-2 { background-color: #17d4ce } .qedge-com-interactive-earth .content>.container .locations .city .city-name .city-tags .tag-3 { background-color: #e3d11a } .qedge-com-interactive-earth .content>.container .locations .city .line { height: 1px; background-color: #000; right: 0; top: -1px; width: 0; position: absolute } .qedge-com-interactive-earth .content>.container .locations .city .line .detail { position: absolute; left: 0; top: 0; width: 300px; max-height: 0; opacity: 0; overflow: hidden; -webkit-transition: opacity linear 1.3s; transition: opacity linear 1.3s } .qedge-com-interactive-earth .content>.container .locations .city .line .detail .info-box { font-weight: 16px } .qedge-com-interactive-earth .content>.container .locations .city .line .detail .info-box .info-header { font-weight: 600; line-height: 1; margin: 15px 0 10px 0 } .qedge-com-interactive-earth .content>.container .locations .city .line .detail .info-box .info-detail { font-size: 14px } .qedge-com-interactive-earth .content>.container .locations .city .line .detail .info-box .info-detail p { margin-bottom: 0 } .qedge-com-interactive-earth .content>.container .locations .city .line .detail .info-box .info-detail a { color: #1890ff; display: inline-block; margin-top: 15px } @media screen and (max-width: 1440px) { .qedge-com-interactive-earth .svg-map, .qedge-com-interactive-earth .locations { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-transform-origin: left center; transform-origin: left center } } @media screen and (max-width: 1280px) { .qedge-com-interactive-earth .svg-map, .qedge-com-interactive-earth .locations { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: left center; transform-origin: left center } } @media screen and (max-width: 1024px) { .qedge-com-interactive-earth .content { padding-left: 20px; padding-right: 20px } .qedge-com-interactive-earth .content>.container .heading h1, .qedge-com-interactive-earth .content>.container .heading h2, .qedge-com-interactive-earth .content>.container .heading h3, .qedge-com-interactive-earth .content>.container .heading h4 { font-size: 24px; font-weight: 700; line-height: 1.2; margin: 10px 0 } .qedge-com-interactive-earth .content>.container .left-panel .address-m { display: block; position: absolute; font-size: 14px; left: 45%; top: 115px; z-index: 200 } .qedge-com-interactive-earth .content>.container .left-panel .address-m .info-detail p { margin-bottom: 5px } .qedge-com-interactive-earth .content>.container .left-panel .address-m .info-detail a { display: inline-block; color: #1890ff; margin-top: 15px } .qedge-com-interactive-earth .content>.container .left-panel .tags-illustration { z-index: 90 } .qedge-com-interactive-earth .content>.container .svg-map, .qedge-com-interactive-earth .content>.container .locations { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-transform-origin: left center; transform-origin: left center; top: -50%; left: 10% } .qedge-com-interactive-earth .content>.container .locations .city.show { opacity: 0 } .qedge-com-interactive-earth .content>.container .locations .city.show.active { -webkit-transform: scale(2); transform: scale(2); opacity: 1 } .qedge-com-interactive-earth .content>.container .locations .city .line { display: none } .qedge-com-interactive-earth .content>.container .branch-list { z-index: 200 } .qedge-com-interactive-earth .content>.container .branch-list .continents-tags-m { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; font-size: 22px; font-weight: 400; line-height: 1.2; overflow-x: scroll; overflow-y: hidden; position: relative; z-index: 90; margin-bottom: 10px; padding-bottom: 20px } .qedge-com-interactive-earth .content>.container .branch-list .continents-tags-m .continent-name { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; margin-right: 1em } .qedge-com-interactive-earth .content>.container .branch-list .continent { max-width: 40% } .qedge-com-interactive-earth .content>.container .branch-list .continent .title { display: none } .qedge-com-interactive-earth .content>.container .branch-list .continent ul { border-left: none; border-right: 1px solid #000; padding-left: 0; padding-right: 2px; margin-left: 0 } .qedge-com-interactive-earth .content>.container .branch-list .continent ul li { font-size: 16px; line-height: 1.4; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100% } .qedge-com-interactive-earth .content>.container .branch-list .continent.active.scrollable .list-wrapper .indicator { left: auto; right: -1px } .qedge-com-interactive-earth .content>.container .branch-list .continent.active.scrollable::after { display: none } .qedge-com-interactive-earth .content>.container .branch-list .continent.active ul { max-height: 400px } } .overflow-hidden { overflow: hidden } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Bold.eot"); src: url("../fonts/SourceHanSansCN-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Bold.woff") format("woff"), url("../fonts/SourceHanSansCN-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Heavy.eot"); src: url("../fonts/SourceHanSansCN-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-ExtraLight.eot"); src: url("../fonts/SourceHanSansCN-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"), url("../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"), url("../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Light.eot"); src: url("../fonts/SourceHanSansCN-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Medium.eot"); src: url("../fonts/SourceHanSansCN-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Normal.eot"); src: url("../fonts/SourceHanSansCN-Normald41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "source-han-sans-simplified-c"; src: url("../fonts/SourceHanSansCN-Regular.eot"); src: url("../fonts/SourceHanSansCN-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Black.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Bold.otf"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Light.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Medium.otf"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Regular.otf"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans JP"; src: url("../fonts/NotoSansJP-Thin.otf"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Bold.otf") format("opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Black.otf") format("opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Thin.otf") format("opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Light.otf") format("opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Medium.otf") format("opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Noto Sans KR"; src: url("../fonts/NotoSansKR-Regular.otf") format("opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap } @keyframes blur-and-scale { 0% { -webkit-filter: blur(0); filter: blur(0) } 50% { -webkit-filter: blur(5px); filter: blur(5px) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes scale_min { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes opacity-looping { 0% { opacity: .45 } 50% { opacity: 1 } 100% { opacity: .45 } } @keyframes round-and-round { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 20% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 40% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 60% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 80% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } @keyframes round-and-round-reverse { 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0) } 80% { -webkit-transform: rotateZ(72deg); transform: rotateZ(72deg) } 60% { -webkit-transform: rotateZ(144deg); transform: rotateZ(144deg) } 40% { -webkit-transform: rotateZ(216deg); transform: rotateZ(216deg) } 20% { -webkit-transform: rotateZ(288deg); transform: rotateZ(288deg) } 0% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } } .qedge-com-back-to-menu { display: none; position: fixed; right: 30px; bottom: 15%; z-index: 9999999999; border: 1px solid #000 } .qedge-com-back-to-menu .back-to-menu-container { padding: 5px 20px; background: rgba(255, 255, 255, .8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px } .qedge-com-back-to-menu .back-to-menu-container .back-to-menu { font-size: 16px; font-weight: 400; line-height: 1.5; color: #000 } .qedge-com-back-to-menu:hover { border: 1px solid #6691b4 } .qedge-com-back-to-menu:hover .back-to-menu-container svg path { stroke: #6691b4; -webkit-transition: stroke .3s ease; transition: stroke .3s ease } .qedge-com-back-to-menu:hover .back-to-menu-container .back-to-menu { color: #6691b4; -webkit-transition: color .3s ease; transition: color .3s ease } @media screen and (max-width: 1024px) { .qedge-com-back-to-menu { right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%) }