@charset "utf-8"; 
/*
    SAEWOOM MAIN STYLE
    WRITER : Lee Jeonghee
	Last Modify Date : 2026. 02. 25.
*/

@import url("./base.css"); 
@import url("./common.css"); 

/* intro */
#intro { position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; display:flex; align-items:center; justify-content:center; background:#04193f; transition:.7s ease; opacity:1; }
#intro.ani { transform:scale(7); opacity:0; }
.introLogo { width:100%; height:212px; }
.introLogo svg { width:100%; height:100%; }
.introLogo svg .svg-elem-1 { stroke-dashoffset:1261.0745849609375px; stroke-dasharray:1261.0745849609375px; fill:transparent; -webkit-transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; 
}
.introLogo svg.active .svg-elem-1 { stroke-dashoffset:0; fill:rgb(255, 255, 255); }
.introLogo svg .svg-elem-2 { stroke-dashoffset:289.66192626953125px; stroke-dasharray:289.66192626953125px; fill:transparent; -webkit-transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; }
.introLogo svg.active .svg-elem-2 { stroke-dashoffset:0; fill:rgb(255, 255, 255); }
.introLogo svg .svg-elem-3 { stroke-dashoffset:260.70001220703125px; stroke-dasharray:260.70001220703125px; fill:transparent; -webkit-transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; }
.introLogo svg.active .svg-elem-3 { stroke-dashoffset:0; fill:rgb(255, 255, 255); }
.introLogo svg .svg-elem-4 { stroke-dashoffset:388.17041015625px; stroke-dasharray:388.17041015625px; fill:transparent; -webkit-transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; }
.introLogo svg.active .svg-elem-4 { stroke-dashoffset:0; fill:rgb(255, 255, 255); }
.introLogo svg .svg-elem-5 { stroke-dashoffset:265.5902404785156px; stroke-dasharray:265.5902404785156px; fill:transparent; -webkit-transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; }
.introLogo svg.active .svg-elem-5 { stroke-dashoffset:0; fill:rgb(255, 255, 255); }
.introLogo svg .svg-elem-6 { stroke-dashoffset:265.5897521972656px; stroke-dasharray:265.5897521972656px; fill:transparent; -webkit-transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; }
.introLogo svg.active .svg-elem-6 { stroke-dashoffset:0; fill:rgb(255, 255, 255); }
.introLogo svg .svg-elem-7 { stroke-dashoffset:386.9830017089844px; stroke-dasharray:386.9830017089844px; fill:transparent; -webkit-transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; }
.introLogo svg.active .svg-elem-7 { stroke-dashoffset:0; fill:rgb(255, 255, 255); }
@media screen and (max-width:1024px) { 
	.introLogo { height:20.703125vw; }
}

/* header */
.mainHeader .header::before { opacity:0; }
.mainHeader .header.active::before { opacity:1; }
.mainHeader .header .logo a { background-image:url(../images/common/logo_wh.png); }
.mainHeader .gnbList>li>a { color:#fff; }
.mainHeader .btnSitemap button i { background:#fff; }
.mainHeader .btnMoGnb button i { background:#fff; }

/* section */
section { overflow:hidden; position:relative; box-sizing:border-box; }
section .inner { position:relative; max-width:1440px; margin:0 auto; }
.sectionTit h2 { font-size:4.5rem; font-weight:400; letter-spacing:-.03em; color:#081023; }
.sectionTit h2 b { font-weight:700; }
.sectionTit .eng { margin-bottom:1.6rem; font-size:2.5rem; font-weight:900; color:#0b46ae; }
.sectionTit .txt { margin-top:3.6rem; font-size:2.4rem; font-weight:300; letter-spacing:-.03em; color:rgba(8, 16, 35, .8); }
.aiMarker { position:absolute; bottom:3.4rem; right:3.4rem; padding-left:2.8rem; font-size:1.8rem; font-weight:500; letter-spacing:-.045em; color:rgba(255, 255, 255, .3); background:url(../images/main/icon_ai_marker.png) no-repeat left center / 2.2rem; z-index:1; }
@media screen and (max-width:1200px) { 
	.sectionTit h2 { font-size:4rem; }
	.sectionTit .eng { font-size:2.1rem; }
	.sectionTit .txt { font-size:2rem; }
}
@media screen and (max-width:1024px) { 
	.sectionTit { text-align:center; }
	.sectionTit h2 { font-size:2.75rem; }
	.sectionTit .eng { margin-bottom:.75rem; font-size:1.625rem; }
	.sectionTit .txt { margin-top:2.25rem; font-size:1.625rem; line-height:1.5; color:rgba(8, 16, 35, .5); }
	.aiMarker { bottom:3.75rem; right:auto; left:6.3888%; padding-left:1.75rem; font-size:1.25rem; background-size:1.375rem; }
}

/* visual */
.visualWrap { z-index:1; }
.visualWrap .conArea { position:absolute; top:0; left:0; width:100%; height:100%; padding:0 3%; box-sizing:border-box; z-index:2; }
.visualWrap .inner { display:flex; align-items:flex-end; height:100%; }
.visualWrap .sectionTit { margin-bottom:11.6666vw; }
.visualWrap .sectionTit h2 { font-size:5.5rem; color:#fff; }
.visualWrap .sectionTit .eng { color:#fff; }
.visualWrap .sectionTit .txt { font-weight:400; color:rgba(255, 255, 255, .8); }
.visualSwiper .swiper-slide img { width:100%; }
.visualCtrl { position:absolute; top:50%; right:0; transform:translateY(-110%); z-index:1; }
.visualCtrl button { display:block; width:2rem; height:5.8rem; margin:0 auto; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='12px'%3E%3Cpath fill-rule='evenodd' opacity='0.8' fill='rgb(255, 255, 255)' d='M18.485,11.914 L10.000,3.429 L1.515,11.914 L0.101,10.500 L10.000,0.601 L19.899,10.500 L18.485,11.914 Z'/%3E%3C/svg%3E") no-repeat center / contain; text-indent:-9999em; }
.visualCtrl button.next { transform:scaleY(-1); }
.visualCtrl .pagination { font-size:2rem; color:#c9c9c9; text-align:center; line-height:5.8rem; }
.visualCtrl .swiper-pagination-current { display:block; color:#fff; font-weight:700; }
.visualCtrl .swiper-pagination-total { display:block; }
.visualLine { position:absolute; bottom:10rem; left:50%; width:104.088vw; height:30.2083vw; z-index:1; transform:translateX(-50%); }
.visualLine.mo { display:none; }
.visualLine svg { width:100%; height:100%; transform:scale(-1,-1); }
@media screen and (max-width:1600px) { 
	.visualCtrl { transform:translateY(-105%); }
}
@media screen and (max-width:1200px) { 
	.visualWrap .sectionTit h2 { font-size:4.4rem; }
}
@media screen and (max-width:1024px) { 
	.visualWrap .conArea { top:auto; bottom:30vw; height:auto; padding:0 6.3888%; }
	.visualWrap .sectionTit { margin-bottom:0; text-align:left; }
	.visualWrap .sectionTit h2 { font-size:3.375rem; }
	.visualWrap .sectionTit .txt { color:rgba(255, 255, 255, .8); }
	.visualWrap .sectionTit .eng { font-size:1.875rem; }
	.visualCtrl { display:none; }
	.visualLine { display:none; }
	.visualLine.mo { display:block; bottom:73.3333vw; width:105.5555vw; height:80.5555vw; }
}

/* about */
.aboutWrap { margin-top:-1px; padding:15rem 3% 20.6rem; }
.aboutWrap .sectionTit .txtBox { display:flex; justify-content:space-between; align-items:flex-end; margin-top:1rem; }
.aboutWrap .inner { z-index:1; }
.aboutWrap .sectionTit .txt { margin:0; font-weight:300; }
.aboutWrap .sectionTit .btnMore a { display:block; position:relative; padding:1.4rem 2.4rem; background:rgba(255, 255, 255, .15); box-sizing:border-box; border-radius:4em; }
.aboutWrap .sectionTit .btnMore a::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #5e6774; border-radius:4em; box-sizing:border-box; transition:.3s ease-out; }
.aboutWrap .sectionTit .btnMore a:focus::before, 
.aboutWrap .sectionTit .btnMore a:hover::before { transform:translate(4px, 6px); }
.aboutWrap .sectionTit .btnMore span { display:block; position:relative; padding-right:6rem; font-size:1.8rem; color:#5e6774; letter-spacing:-.025em; background:url(../images/main/btn_about_more.png) no-repeat right center / 1.4rem; }
.aboutWrap .cardArea { display:flex; gap:2.7777%; margin-top:9.8rem; }
.aboutWrap .cardArea .item { flex:1; }
.aboutWrap .cardArea .item.bg1 { padding-top:7.2rem; }
.aboutWrap .cardArea .item.bg3 { padding-top:12.8rem; }
.aboutWrap .cardArea .item .box { overflow:hidden; position:relative; height:58.6rem; padding-top:9rem; background:no-repeat center / cover; box-sizing:border-box; border-radius:2rem; }
.aboutWrap .cardArea .item.bg1 .box { background-image:url(../images/main/bg_about_card1.png); }
.aboutWrap .cardArea .item.bg2 .box { background-image:url(../images/main/bg_about_card2.png); }
.aboutWrap .cardArea .item.bg3 .box { background-image:url(../images/main/bg_about_card3.png); }
.aboutWrap .cardArea .item .box::before,
.aboutWrap .cardArea .item .box::after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:.6s; }
.aboutWrap .cardArea .item .box::before { background:rgba(255, 255, 255, 0.1); backdrop-filter:blur(20px); z-index:1; }
.aboutWrap .cardArea .item .box::after { background:linear-gradient(90deg,rgba(0, 49, 110, 1) 0%, rgba(0, 24, 53, 1) 100%); z-index:2; }
.aboutWrap .cardArea .item:hover .box::before { opacity:1; }
.aboutWrap .cardArea .item:hover .box::after { opacity:0.7; }
.aboutWrap .cardArea .item .category { letter-spacing:-.025em; text-align:center; }
.aboutWrap .cardArea .item .category h2 { font-size:1.8rem; color:rgba(255, 255, 255, .8); font-weight:400; }
.aboutWrap .cardArea .item .category p { font-size:2.7rem; color:#fff; }
.aboutWrap .cardArea .item .category p strong { margin:0 1rem; font-size:5.4rem; }
.aboutWrap .cardArea .item .category p span { font-size:3.6rem; font-weight:700; }
.aboutWrap .cardArea .item .layer { position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; word-break:keep-all; transition:.6s; transform:translate(0, -65%); opacity:0; z-index:3; }
.aboutWrap .cardArea .item:hover .layer { transform:translate(0, -50%); opacity:1; }
.aboutWrap .cardArea .item .layer .tit { font-size:2.6rem; font-weight:600; letter-spacing:-.03em; line-height:1.4; }
.aboutWrap .cardArea .item .layer .txt { margin-top:4rem; font-size:1.6rem; font-weight:300; letter-spacing:-.03em; color:rgba(255, 255, 255, .5); line-height:1.6; }
.aboutWrap .cardArea .item .layer .txtList { margin-top:1.4rem; }
.aboutWrap .cardArea .item .layer .txtList li { margin:.4rem 0; font-size:2rem; }
.aboutWrap .cardArea .item .layer .txtList li span { font-weight:300; }
.aboutWrap .cardArea .item .layer .txtList li b { font-weight:600; }
.aboutLine { position:absolute; bottom:14.8rem; left:50%; width:102.5vw; height:19.3229vw; transform:translateX(-50%); }
.aboutLine svg { width:100%; height:100%; }
@media screen and (max-width:1024px) { 
	.aboutWrap { padding:12.5rem 6.3888%; }
	.aboutWrap::before,
	.aboutWrap::after { content:''; display:block; position:absolute; top:15rem; right:-13rem; width:30rem; height:30rem; filter:blur(8rem); opacity:0.14; background:#8eabf9; border-radius:50%; }
	.aboutWrap::after { top:auto; right:auto; bottom:60rem; left:-13rem; }
	.aboutWrap .sectionTit .txtBox { flex-direction:column; align-items:center; gap:2.5rem; margin-top:2.25rem; }
	.aboutWrap .sectionTit .btnMore a { padding:1.25rem 2.625rem; }
	.aboutWrap .sectionTit .btnMore a::before { border-color:rgba(94, 103, 116, .3); }
	.aboutWrap .sectionTit .btnMore span { padding-right:4rem; font-size:1.625rem; background-size:1.25rem; }
	.aboutWrap .cardArea { flex-direction:column; gap:5.5rem; margin-top:6.75rem; }
	.aboutWrap .cardArea .item.bg1 { padding:0; }
	.aboutWrap .cardArea .item.bg3 { padding:0; }
	.aboutWrap .cardArea .item .box { height:auto; padding:0; border:none; border-radius:0; background:none !important; }
	.aboutWrap .cardArea .item .box::before,
	.aboutWrap .cardArea .item .box::after { display:none; }
	.aboutWrap .cardArea .item .category { overflow:hidden; position:relative; display:flex; flex-direction:column; justify-content:center; gap:1rem; height:37.5rem; background:no-repeat center / cover; box-sizing:border-box; border-radius:2rem; }
	.aboutWrap .cardArea .item.bg1 .category { background-image:url(../images/main/bg_about_card1_mo.png); }
	.aboutWrap .cardArea .item.bg2 .category { background-image:url(../images/main/bg_about_card2_mo.png); }
	.aboutWrap .cardArea .item.bg3 .category { background-image:url(../images/main/bg_about_card3_mo.png); }
	.aboutWrap .cardArea .item .category h2 { font-size:2rem; }
	.aboutWrap .cardArea .item .category p { font-size:2.5rem; }
	.aboutWrap .cardArea .item .category p strong { font-size:4.5rem; }
	.aboutWrap .cardArea .item .category p span { font-size:2.875rem; }
	.aboutWrap .cardArea .item .layer,
	.aboutWrap .cardArea .item:hover .layer { position:static; margin-top:3.5rem; color:#081023; transform:none; opacity:1; }
	.aboutWrap .cardArea .item .layer .tit { font-size:2rem; }
	.aboutWrap .cardArea .item .layer .tit br { display:none; }
	.aboutWrap .cardArea .item .layer .txt { margin-top:1.25rem; padding:0 6%; font-size:1.625rem; line-height:1.5; color:rgba(8, 16, 35, .8); }
	.aboutWrap .cardArea .item .layer .txt br { display:none; }
	.aboutWrap .cardArea .item .layer .txtList { margin-top:2.25rem; }
	.aboutWrap .cardArea .item .layer .txtList li { font-size:1.875rem; }
	.aboutLine { display:none; }
}

/* product */
.productWrap { margin-top:-1px; padding:10rem 3%; z-index:1; }
.productWrap .bgImg { position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center / cover; transition:150ms; }
.productWrap .bgImg.shelter { background-image:url(../images/main/bg_product_shelter.jpg); }
.productWrap .bgImg.pole { background-image:url(../images/main/bg_product_pole.jpg); }
.productWrap .bgImg.cctv { background-image:url(../images/main/bg_product_cctv.jpg); }
.productWrap .bgImg.signage { background-image:url(../images/main/bg_product_signage.jpg); }
.productWrap .inner { display:flex; justify-content:space-between; align-items:flex-end; z-index:1; }
.productWrap .sectionTit { position:absolute; top:0; left:0; z-index:1; }
.productWrap .sectionTit h2,
.productWrap .sectionTit .eng { color:#fff; }
.productWrap .navArea { flex-shrink:0; }
.productWrap .itemArea { overflow:hidden; position:relative; width:54rem; background:rgba(0, 0, 0, 0.02); backdrop-filter:blur(25px); border:1px solid rgba(255, 255, 255, .35); border-radius:1.25em; box-sizing:border-box; box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.09); }
.productNav li button { display:block; width:auto; height:auto; margin:0; padding:1.8rem 2.5rem; background:transparent; border:1px solid transparent; border-radius:5em; opacity:1; transition:.2s; }
.productNav li span { display:block; width:30rem; font-size:2.2rem; font-weight:500; color:rgba(255, 255, 255, .3); text-align:left; transition:color .2s; }
.productNav li button:focus span
.productNav li button:hover span span { color:#fff; }
.productNav li button.active { border-color:rgba(255, 255, 255, .3); background:rgba(255, 255, 255, .15); }
.productNav li button.active span { color:#fff; background:url(../images/main/icon_product_arrow.png) no-repeat right center / 1.8rem; }
.productSwiper .swiper-slide { padding:4.5rem 5.2rem; color:#fff; word-break:keep-all; box-sizing:border-box; }
.productSwiper .swiper-slide .name span { display:block; margin-bottom:1.6rem; font-size:2rem; letter-spacing:-.025em; }
.productSwiper .swiper-slide .name strong { display:block; font-size:3rem; letter-spacing:-.015em; }
.productSwiper .swiper-slide .img { overflow:hidden; width:100%; height:30.2rem; margin-top:2rem; border-radius:1.5rem; }
.productSwiper .swiper-slide .img img { width:100%; height:100%; }
.productSwiper .swiper-slide .txt { margin-top:3.6rem; font-size:1.7rem; letter-spacing:-.03em; line-height:1.8; }
.productSwiper .swiper-slide .btnMore { margin-top:5rem; }
.productSwiper .swiper-slide .btnMore a { overflow:hidden; display:inline-block; position:relative; padding:1.4rem 2.4rem; background:rgba(255, 255, 255, .1); box-sizing:border-box; border-radius:4em; }
.productSwiper .swiper-slide .btnMore a::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:4em; box-sizing:border-box; }
.productSwiper .swiper-slide .btnMore a::after { content:''; position:absolute; top:50%; left:50%; display:block; width:20rem; height:20rem; transition:box-shadow 0.4s ease-out; transform:translate(-50%, -50%); border-radius:50%; z-index:1; }
.productSwiper .swiper-slide .btnMore a:focus::after,
.productSwiper .swiper-slide .btnMore a:hover::after { box-shadow:inset 0 0 0 20rem #1b4288; }
.productSwiper .swiper-slide .btnMore span { display:block; position:relative; padding-right:6rem; font-size:1.8rem; color:rgba(255, 255, 255, .52); letter-spacing:-.025em; background:url(../images/main/btn_product_more.png) no-repeat right center / 1.4rem; transition:.4s ease-out; z-index:2; }
.productSwiper .swiper-slide .btnMore a:focus span,
.productSwiper .swiper-slide .btnMore a:hover span { color:#fff; background-image:url(../images/main/btn_product_more_on.png); }
.productCtrl { display:none; }
@media screen and (max-width:1024px) { 
	.productWrap { padding:12.5rem 6.3888%; }
	.productWrap .bgImg.shelter { background-image:url(../images/main/bg_product_shelter_mo.jpg); }
	.productWrap .bgImg.pole { background-image:url(../images/main/bg_product_pole_mo.jpg); }
	.productWrap .bgImg.cctv { background-image:url(../images/main/bg_product_cctv_mo.jpg); }
	.productWrap .bgImg.signage { background-image:url(../images/main/bg_product_signage_mo.jpg); }
	.productWrap .inner { display:block; }
	.productWrap .sectionTit { position:static; }
	.productWrap .navArea { display:none; }
	.productWrap .itemArea { width:100%; margin-top:6.75rem; }
	.productWrap .itemArea .productCtrl { display:block; }
	.productSwiper .swiper-slide { padding:3.25rem; }
	.productSwiper .swiper-slide .name span { margin-bottom:1.5rem; font-size:1.625rem; }
	.productSwiper .swiper-slide .name strong { font-size:2.375rem; }
	.productSwiper .swiper-slide .img { height:53.3333vw; margin-top:2.75rem; border-radius:1rem; }
	.productSwiper .swiper-slide .txt { margin-top:2.75rem; font-size:1.625rem; }
	.productSwiper .swiper-slide .btnMore { margin-top:5.5rem; }
	.productSwiper .swiper-slide .btnMore a { padding:1.25rem 2.625rem; }
	.productSwiper .swiper-slide .btnMore span { padding-right:4rem; font-size:1.625rem; color:#fff; background-image:url(../images/main/btn_product_more_on.png); background-size:1.25rem; }
	.productCtrl { display:flex; align-items:center; justify-content:center; margin-top:3.75rem; }
	.productCtrl button { display:block; width:2rem; height:100%; margin:0 3.25rem; background:url(../images/main/btn_product_prev.png) no-repeat center / contain; text-indent:-9999em; }
	.productCtrl button.next { transform:scaleX(-1); }
	.productCtrl .pagination { display:inline-flex; justify-content:center; width:auto; }
	.productCtrl .pagination .swiper-pagination-bullet { position:relative; width:2rem; height:2rem; margin:0; background:none; border:1px solid transparent; box-sizing:border-box; transition:.2s; opacity:.3; }
	.productCtrl .pagination .swiper-pagination-bullet::before { content:''; position:absolute; top:50%; left:50%; width:.5rem; height:.5rem; background:#fff; border-radius:50%; transform:translate(-50%, -50%); }
	.productCtrl .pagination .swiper-pagination-bullet-active { border-color:#fff; opacity:1; }
}

/* partners */
.partnersWrap { margin-top:-1px; padding:15rem 3%; background:url(../images/main/bg_partners.png) no-repeat right 11.6666% bottom; }
.partnersWrap .sectionTit { position:relative; max-width:1440px; margin:0 auto; z-index:1; }
.partnersWrap .logoArea { overflow:hidden; display:flex; position:relative; max-width:1630px; margin:0 auto; margin-top:10rem; }
.partnersWrap .logoArea::before, 
.partnersWrap .logoArea::after { content:''; position:absolute; top:0; left:0; width:18rem; height:100%; background:linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); z-index:1; pointer-events:none; }
.partnersWrap .logoArea::after { left:auto; right:0; background:linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); }
.partnersWrap .logoArea .list { display:flex; flex-shrink:0; }
.partnersWrap .logoArea .list li { display:flex; align-items:center; height:6.6rem; margin:0 6rem; }
.partnersWrap .logoArea .list li img { display:block; max-height:100%; }
.partnersWrap .logoArea #roller1,
.partnersWrap .logoArea #roller2 { animation-duration:var(--logo-duration, 40s); animation-timing-function:linear; animation-iteration-count:infinite; will-change:transform; }
.partnersWrap .logoArea #roller1 { animation-name:logoRolling1; }
.partnersWrap .logoArea #roller2 { animation-name:logoRolling2; }
.partnersWrap .logoArea:hover #roller1,
.partnersWrap .logoArea:hover #roller2 { animation-play-state:paused; }
@media screen and (max-width:1200px) { 
	.partnersWrap { background:none; }	
}
@media screen and (max-width:1024px) { 
	.partnersWrap { padding:12.5rem 6.3888%; }
	.partnersWrap .logoArea { margin-top:6.25rem; }
	.partnersWrap .logoArea::before,
	.partnersWrap .logoArea::after { width:4rem; }
	.partnersWrap .logoArea .list li { height:7.7777vw; max-height:56px; margin:0 2.5rem; }
	.partnersWrap .logoArea:hover #roller1,
	.partnersWrap .logoArea:hover #roller2 { animation-play-state:running; }
}
@keyframes logoRolling1 { 
	0% { transform:translateX(0); }
	50% { transform:translateX(-100%); }
	50.01% { transform:translateX(100%); }
	100% { transform:translateX(0); }
}
@keyframes logoRolling2 { 
	0% { transform:translateX(0); }
	100% { transform:translateX(-200%); }
}

/* layerPopup */
.layerPopup { display:none; align-items:center; justify-content:center; position:fixed; top:0; left:0; width:100%; height:100%; padding:0 8rem; background:rgba(0, 0, 0, .8); box-sizing:border-box; z-index:98; }
.layerPopup.active { display:flex; }
.layerPopup .popInner { width:100%; max-width:400px; }
.layerPopup .popCont { position:relative; display:block; }
.layerPopup .popCont .swiper { border-radius:1.5em; }
.layerPopup .popCont .swiper-slide { display:block; }
.layerPopup .popCont .swiper-slide a { display:block; }
.layerPopup .popCont .swiper-slide img { display:block; width:100%; max-height:600px; }
.layerPopNav .prev,
.layerPopNav .next { position:absolute; top:50%; left:-7rem; width:3.5rem; height:3.5rem; text-indent:-9999em; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='35px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M17.218,0.260 L18.860,1.899 L3.493,17.464 L18.860,32.994 L17.218,34.668 L0.233,17.464 L17.218,0.260 Z'/%3E%3C/svg%3E") no-repeat center / contain; cursor:pointer; }
.layerPopNav .next { left:auto; right:-7rem; transform:scaleX(-1); }
.layerPopNav .swiper-button-disabled { opacity:.3; }
.layerPopup .popCont .layerPopPage { position:absolute; left:auto; right:4rem; bottom:4rem; width:auto; padding:.7rem 2.2rem; background:rgba(0, 0, 0, .5); font-size:2rem; font-weight:700; color:#fff; letter-spacing:-.025em; border-radius:4em; z-index:1; }
.layerPopup .popInner .btn { display:flex; justify-content:space-between; padding:2rem 0; }
.layerPopup .popInner .btn button { font-size:1.8rem; color:#fff; letter-spacing:-.025em; }
.layerPopup .popInner .btn .oneDayClose { padding-left:2.8rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19.5px' height='19.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill-opacity='0' fill='rgb(117, 120, 119)' d='M9.500,0.500 C14.470,0.500 18.500,4.529 18.500,9.500 C18.500,14.470 14.470,18.500 9.500,18.500 C4.529,18.500 0.500,14.470 0.500,9.500 C0.500,4.529 4.529,0.500 9.500,0.500 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M14.499,7.292 L9.285,11.906 L9.383,12.009 L8.657,12.731 L8.518,12.584 L8.374,12.712 L7.713,11.927 L7.813,11.839 L5.137,9.009 L5.862,8.286 L8.580,11.160 L13.839,6.507 L14.499,7.292 Z'/%3E%3C/svg%3E") no-repeat left center / 2rem; }
@media screen and (max-width:1024px) { 
	.layerPopup { padding:0 15.2777%; }
	.layerPopup .popCont .layerPopPage { right:2.5rem; bottom:2.5rem; padding:.5rem 1.625rem; font-size:1.75rem; }
	.layerPopNav .prev,
	.layerPopNav .next { left:-5rem; width:5rem; height:5rem; background-size:auto 2.75rem; }
	.layerPopNav .next { left:auto; right:-5rem; }
}