@charset "utf-8";
@import url("/resources/font/NotoSansKR.css");
@import url("/resources/font/SCoreDream.css");
@import url("/resources/font/MaterialIcons.css");

/* 추가 reset */
a {color:inherit;}
/* //추가 reset */

/* z-index */
.prHeader {z-index:10;}
.quick {z-index:10;}
.videoPop,
.newsWrapPop {z-index:500;}
/* //z-index */

::-webkit-scrollbar {width:10px;background:rgba(255,255,255,0.1);}
::-webkit-scrollbar-thumb {background:#ccc;background-clip:padding-box;border:2px solid transparent;border-radius:5px;}
::-webkit-scrollbar-track {padding:10px;}
.list::-webkit-scrollbar-thumb {background:#ddd;background-clip:padding-box;}

body {background:#f8f8f8;}
/* 홍보영상 */
.prPage {font-size:16px;font-family:'Noto Sans KR';font-weight:500;color:#333;margin:0 auto;position:relative;line-height:1.2;width:100%;overflow:hidden;}
.prPage .inner {width:1740px;max-width:100%;margin:0 auto;padding:0 20px;margin-top:80px;padding-right:360px;}
.prHeader {position:fixed;top:0;left:0;width:100%;height:80px;line-height:80px;color:#333333;font-size:14px;background:#fff;padding:0 80px;font-weight:500;border-bottom:1px solid #d9d9d9;}
.prHeader ul {display:flex;gap:50px;}
.prHeader ul li a::after {vertical-align: middle;color:#aaa;margin-left:10px;}
.prHeader ul li:nth-child(1) a::after {content:'home';font-family: 'Material Icons';}
.prHeader ul li:nth-child(2) a::after {content:'filter_none';font-family: 'Material Icons';}
.prHeader .quickM {margin-left:auto;display:none;}
.prHeader .quickM a {display:block;}
.prHeader .quickM a::after {content:'menu';font-family: 'Material Icons';font-size:2em;display:block;}


/* quick */
.quick {position:fixed;top:130px;right:calc(50% - 840px);bottom:50px;border-top-right-radius:20px;border-bottom-left-radius:20px;width:300px;background:#fff;border:1px solid #d9d9d9;padding:10px;overflow:auto;}
.quick .inner {width:100%;height:100%;padding:0;margin:0;overflow:hidden;}
.quick h1 {text-align:center;margin-top:35px;}
.quick .menuList {padding-left:30px;overflow-y:auto;height:calc(100% - 150px);}
.quick .title {font-size:22px;color:#555;margin-top:30px;}
.quick .title a {display:inline-block;position:relative;padding-right:10px;}
.quick .title a::after {content:'';width:8px;height:8px;border-radius:100%;background:#f37059;position:absolute;top:0;right:0;opacity:0;transition:0.4s ease;}
.fp-viewing-VISUAL .quick .title {font-weight:bold;}
.fp-viewing-VIDEO .quick .title.video,
.fp-viewing-BROCHURE .quick .title.brochure,
.fp-viewing-NEWS .quick .title.news {font-weight:bold;}
.fp-viewing-VIDEO .quick .title.video a::after,
.fp-viewing-BROCHURE .quick .title.brochure a::after,
.fp-viewing-NEWS .quick .title.news a::after,
.fp-viewing-REPORT .quick .title.report a::after {opacity:1;}
.fp-viewing-NEWS .quick .title.news + .list .listTitle,
.fp-viewing-REPORT .quick .title.report + .list .listTitle {display:none;}
.quick .list {display:none;margin-top:30px;position:relative;color:#555;}
/* .fp-viewing-VISUAL .quick .list {display:block;}
.fp-viewing-VISUAL .quick .list li *:not(.listTitle) {display:none;} */
.quick .list .listTitle {font-size:17px;cursor:pointer;}
.quick .list li {margin-bottom:10px;}
.quick .list li a {font-size:15px;font-weight:400;position:relative;padding:0 10px;display:inline-block;margin:2px 0 2px 5px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;}
.quick .list li a + a {margin-top:5px;}
.quick .list li a:hover {text-decoration:underline;}
.quick .list li a::before {content:'-';position:absolute;top:0;left:0;}
.quick .list + p.title {border-top:1px dotted #d9d9d9;padding-top:30px;}
.quick .list + .more {width:120px;height:30px;line-height:30px;color:#fff;font-weight:bold;background:#ff4646;text-align:center;margin:10px auto 0 auto;border-radius:40px;display:none;    transform: translateX(-15px);}

.section::before {bottom:10px;right:50%;margin-right:-520px;z-index:-1;}

.section01 {background:url(/resources/user/web/img/img_new_2022/prVisual01.png) center / cover;}
.section01 .textWrap {position:absolute;bottom:50px;left:80px;color:#fff;font-family:'S-Core';}
.section01 .textWrap p:nth-child(2) {font-size:38px;margin-top:20px;}
.section01 .textWrap p:nth-child(3) {font-size:58px;font-weight:bold;margin-top:20px;}
.section01 .textWrap p:nth-child(3) span {font-size:98px;}

.section02::before {content:'Video';position:absolute;color:#f1f1f1;font-size:160px;}
.section02 .videoWrap .box .videoThumb {width:100%;padding-top:56.25%;position:relative;border-radius:10px;background:#000;background-position:center;background-size:cover;}
.section02 .videoWrap .box ul {width:100%;}
.section02 .videoWrap .box ul li a {display:block;}
/* .section02 .videoWrap .box ul li a:focus {border:2px dotted #000;} */
.section02 .videoWrap .box01 ul {display:flex;gap:2%;}
.section02 .videoWrap .box01 ul li {cursor:pointer;flex:1 0;}
.section02 .videoWrap .box02 {margin-top:5%;}
.section02 .videoWrap .box02 ul {display:flex;gap:2%;}
.section02 .videoWrap .box02 ul li {cursor:pointer;flex:1 20%;}
.section02 .videoWrap .box .cate {font-size:22px;margin-bottom:10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.section02 .videoWrap .box .cate strong {font-weight:bold;}
.section02 .videoWrap .box .videoTitle {margin-top:10px;}
.videoPop {position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);display:flex;flex-direction: column;justify-content:center;align-items:center;display:none;}
.videoPopClose {color:#fff;width:50px;height:50px;border:1px solid #fff;display:flex;justify-content:center;align-items:center;border-radius:100%;font-size:30px;margin-bottom:20px;}
.videoPopClose::before {content:'close';font-family: 'Material Icons';}
.videoPop .videoWrap {width:1000px;max-width:calc(100% - 40px);}
.videoPop .videoWrap .video {width:100%;padding-top:56.25%;position:relative;}
.videoPop .videoWrap .video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.newsWrapPop {position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);display:flex;flex-direction: column;justify-content:center;align-items:center;display:none;}
.newsWrapPop .newsSlideWrap {display:flex;align-items:center;flex-wrap:wrap;}
.newsWrapPop .newsSlide {width:600px;max-width:calc(100% - 40px);overflow:hidden;}
.newsWrapPop .newsSlide img {max-width:100%;}
.newsWrapPop .swiper-slide {width:200px;}
.newsWrapPop .pagination {display:flex;margin-top:20px;gap:0 5px;flex:0 100%;justify-content:center;}
.newsWrapPop .pagination .swiper-pagination-bullet {width:10px;height:10px;background:#fff;opacity:0.3;}
.newsWrapPop .pagination .swiper-pagination-bullet-active {opacity:1;}
.newsWrapPop .swiper-button-next,
.newsWrapPop .swiper-button-prev {position:static;margin:0 20px;color:#fff;}
.newsWrapPopClose {color:#fff;width:50px;height:50px;border:1px solid #fff;display:flex;justify-content:center;align-items:center;border-radius:100%;font-size:30px;margin-bottom:20px;}
.newsWrapPopClose::before {content:'close';font-family: 'Material Icons';}

.section03::before {content:'Brochure';position:absolute;color:#f1f1f1;font-size:160px;}
.section03 .brochureWrap {display:flex;gap:35px;}
.section03 .brochureWrap .box {flex:1 0;position:relative;}
.section03 .brochureWrap .box ul {display:flex;flex-wrap:wrap;gap:65px 0;justify-content: space-between;}
.section03 .brochureWrap .box ul li {display:block;}
.section03 .brochureWrap .box ul li:first-child {width:90%;}
.section03 .brochureWrap .box ul li + li {width:48%;}
.section03 .brochureWrap .box a {display:block;border:1px solid #d9d9d9;}
.section03 .brochureWrap .box a img {width:100%;}
.section03 .brochureWrap .box .brochureTitle {font-size:22px;font-weight:bold;position:absolute;top:0;margin-top:-1.5em;}
.section03 .brochureWrap .box:nth-child(even) ul {justify-content: space-between;}
.section03 .brochureWrap .box:nth-child(even) ul li:first-child {order:3;margin-left:auto;}
.section03 .brochureWrap .box:nth-child(even) .brochureTitle {top:36%;right:0;margin-top:0;}

.section04::before {content:'News';position:absolute;color:#f1f1f1;font-size:160px;}
.section04 .newsWrap {display:flex;}
.section04 .newsWrap ul.box01 > li > a {display:block;}
.section04 .newsWrap .textWrap {position:absolute;display:flex;width:100%;height:50%;opacity:0;padding:10px;justify-content:center;align-items:center;text-align:center;z-index:-1;}
.section04 .newsWrap .textWrap span {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.section04 .newsWrap img {width:100%;}
.section04 .newsWrap .box01 {display:flex;flex-wrap:wrap;flex:0 0 30%;}
.section04 .newsWrap .box01 li:nth-child(1) {flex:0 100%;margin-bottom:3%;}
.section04 .newsWrap .box01 li + li {flex:1 30%;}
.section04 .newsWrap .box01 li + li a {position:relative;}
.section04 .newsWrap .box01 li:nth-child(2) > a,
.section04 .newsWrap .box01 li:nth-child(4) > a {padding-bottom:100%;}
.section04 .newsWrap .box01 li:nth-child(2) .textWrap,
.section04 .newsWrap .box01 li:nth-child(4) .textWrap {top:50%;left:0;opacity:1;}
.section04 .newsWrap .box01 li:nth-child(3) > a {padding-top:100%;}
.section04 .newsWrap .box01 li:nth-child(3) .textWrap {top:0;left:0;opacity:1;}
.section04 .newsWrap .box02 {display:flex;flex-wrap:wrap;flex:1 auto;margin-left:3%;}
.section04 .newsWrap .box02 li {border:1px solid #d9d9d9;}
.section04 .newsWrap .box02 li a {display:block;}
.section04 .newsWrap .box02 li:nth-child(1) {flex:1 20%;}
.section04 .newsWrap .box02 li:nth-child(2) {flex:1 20%;margin-left:3%;}
.section04 .newsWrap .box02 li:nth-child(3) {flex:1 20%;margin-left:3%;}
.section04 .newsWrap .box02 li:nth-child(4) {flex:1 40%;margin-top:3%;}
.section04 .newsWrap .box02 li:nth-child(5) {flex:1 40%;margin-top:3%;margin-left:3%;}

.section05::before {content:'Report';position:absolute;color:#f1f1f1;font-size:160px;}
.section05 .reportBanner {position:relative;width:calc(100% - 140px);margin:0 auto;}
.section05 .reportBanner::after {content:'';width:197px;height:164px;background:url(/resources/user/web/img/img_new_2022/prReportBanner.png);position:absolute;bottom:0;right:80px;}
.section05 .reportBanner .title {background:#eeeeee;border:1px solid #d9d9d9;color:#555;font-size:2em;font-weight:bold;border-radius:50px;padding:30px 80px;}
.section05 .reportBanner .title span {font-size:0.5em;font-weight:500;}
.section05 .reportSlideWrap {position:relative;margin-top:90px;max-width:100%;}
.section05 .reportSlideWrap .swiper-slide {width:600px;margin:auto;transition:1s ease;opacity:0;transform: scale(0.5);}
.section05 .reportSlideWrap .swiper-slide img {border:1px solid #d9d9d9;}
.section05 .reportSlideWrap .swiper-slide .slideInfo {display:none;}
.section05 .reportSlideWrap .swiper-slide img {width:100%;}
.section05 .reportSlideWrap .swiper-slide-active {opacity:1;transform: scale(1);}
.section05 .reportSlideWrap .swiper-slide-active .slideInfo {display:flex;}
.section05 .reportSlideWrap .swiper-slide-prev {opacity:1;transform-origin: right;}
.section05 .reportSlideWrap .swiper-slide-next {opacity:1;transform-origin: left;}
.section05 .reportSlideWrap .swiper-button-prev,
.section05 .reportSlideWrap .swiper-button-next {color:#222;}
.section05 .slideInfo {display:flex;justify-content: space-between;margin-top:20px;}
.section05 .slideInfo p:nth-child(1) {color:#555;font-size:1.0625em;}
.section05 .slideInfo p:nth-child(2) {color:#999;font-size:0.9375em;}
.section05 .pagination {text-align:center;margin-top:30px;}
.section05 .swiper-pagination-bullet {width:12px;height:12px;margin:0 5px;}
.section05 .swiper-pagination-bullet-active {background:#333;}

@media all and (max-width:1750px){
    .quick {right:30px;}
    .section::before {margin:0;right:350px;}
}
@media all and (max-width:1440px){
    .section05 .reportBanner .title {padding:30px;}
    .section05 .reportBanner::after {right:30px;}
}
@media all and (max-width:1280px){
    .section05 .reportBanner {width:100%;}
    .section05 .reportBanner::after {transform: scale(0.5);transform-origin: right bottom;}
}
@media all and (max-width:1024px){
    .prPage {font-size:14px;}
    .quick {display:none;top:80px;right:0 !important;bottom:0;border-radius:0;border:none;border-left:1px solid #d9d9d9;}
    .prHeader {padding:0 30px;}
    .prHeader .quickM {display:block;}
    .prPage .inner {padding-right:20px;}
    .section {padding-bottom:50px;}
    .section::before {right:0;display:none;}
    .section02,
    .section02 .fp-tableCell,
    .section03,
    .section03 .fp-tableCell,
    .section04,
    .section04 .fp-tableCell,
    .section05,
    .section05 .fp-tableCell {height:auto !important;}
}
@media all and (max-width:768px){
    .section05 .reportBanner .title {text-align:center;padding:20px;}
    .section05 .reportBanner::after {display:none;}
    .section05 .reportBanner .title span {display:block;margin-top:5px;}
    .section05 .reportSlideWrap .swiper-slide-active .slideInfo {flex-wrap:wrap;}
    .section05 .slideInfo p {width:100%;text-align:center;margin-bottom:10px;}
}