@charset "utf-8";

:root{
	--roundSize:40px;
}
@media screen and (max-width:1024px){
	:root{
		--roundSize:20px;
	}
}

/* 인트로 */
.intro-area{--sizePad:20px; display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; padding:0 var(--sizePad);}
.intro-area [data-intro]{overflow:hidden; position:relative; height:calc(100vh - (var(--sizePad) * 2)); margin:var(--sizePad) 0; border-radius:50px;}
.intro-area [data-intro] .img{display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; transform:scale(1); transition:transform 0.5s ease-in-out;}
.intro-area [data-intro] .img img{object-fit:cover; width:100%; height:100%;}
.intro-area [data-intro] a{display:block; width:100%; height:100%; box-sizing:border-box; padding:clamp(150px, 20.302vw, 390px) clamp(40px, 3.644vw, 70px) 0; color:var(--color-white);}
.intro-area [data-intro] h1{margin-bottom:75px; font-size:55px; font-weight:600;}
.intro-area [data-intro] em{display:block; margin-bottom:5px; font-family:var(--font-eng); font-size:20px;}
.intro-area .view-more{display:block; position:relative; width:220px; height:60px; box-sizing:border-box; background-color:rgba(255,255,255,0.2); border-radius:50rem; text-align:center; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); transition:background 0.3s ease;}
.intro-area .view-more i{display:inline-flex; justify-content:center; align-items:center; gap:0 20px; position:relative; z-index:5; height:100%; font-size:15px; color:var(--color-white); font-weight:600;}
.intro-area .view-more i:before{content:''; display:block; width:20px; height:20px; background:url(../images/intro/intro_arrow.svg) no-repeat 50% 50%; background-size:100% auto;}
.intro-area .view-more:after{content:''; display:block; opacity:0.7; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border-radius:50rem; border:1px solid #fff; transition:opacity 0.3s ease;}
.intro-area [data-intro]:hover .img{transform:scale(1.05);}
.intro-area [data-intro] .view-more:hover{background-color:rgba(255,255,255,0.1);}
.intro-area [data-intro] .view-more:hover:after{opacity:1;}
	/* 인트로 - 반응형 */
@media screen and (min-width:1921px){
	.intro-area [data-intro] a{padding:20.302vw/* 390px */ 3.644vw/* 70px */ 0;}
}
@media screen and (max-width:1300px){
	.intro-area [data-intro] a{display:flex; flex-direction:column; justify-content:flex-end; padding-top:0; padding-bottom:70px;}
	.intro-area [data-intro] h1{margin-bottom:clamp(40px, 5.769vw, 75px); font-size:clamp(35px, 3.846vw, 50px);}
}
@media screen and (max-width:1024px){
	.intro-area [data-intro]{border-radius:20px;}
	.intro-area .view-more{width:200px; height:55px;}
	.intro-area .view-more i{gap:0 10px; font-size:13px;}
	.intro-area .view-more i:before{width:16px; height:16px;}
}
@media screen and (max-width:820px){
	.intro-area{grid-template-columns:1fr; height:calc(100vh - var(--sizePad)); height:calc((var(--vh, 1vh) * 100) - var(--sizePad)); padding:var(--sizePad);}
	.intro-area [data-intro]{height:auto; margin:0;}
	.intro-area [data-intro] a{justify-content:center; padding:0 40px;}
	.intro-area [data-intro] h1{margin-bottom:30px; font-size:30px;}
	.intro-area [data-intro] em{font-size:15px;}
	.intro-area .view-more{width:180px; height:50px;}
}
@media screen and (max-width:620px){
	.intro-area [data-intro]{min-height:200px;}
	.intro-area [data-intro] a{padding:0 20px;}
}
@media screen and (max-width:360px){
	.intro-area [data-intro] h1{font-size:8.333vw/* 30px */;}
	.intro-area .view-more{width:160px; height:40px;}
}

/* 공통 */
[data-main]{padding:150px 0;}
[data-main] h2{margin-bottom:60px; font-size:55px; font-weight:700; text-align:center;}
.more-btn{display:flex; align-items:center; gap:0 25px; font-family:var(--font-eng); font-size:20px; font-weight:500; transition:opacity 0.3s ease;}
.more-btn:after{content:''; display:block; width:39px; height:29px; background:url(../images/main/slide_arrow.svg) no-repeat 50% 50%; background-size:100% auto;}
.more-btn:hover{opacity:0.5;}
[data-main] .title_h2{display:flex; justify-content:space-between; align-items:center; margin-bottom:60px;}
[data-main] .title_h2 h2{margin-bottom:0; font-family:var(--font-subkor); font-weight:600;}
[data-main] .title_h2 h2 + p{margin:auto auto 15px 50px; font-size:16px; color:#999;}
	/* 슬라이드 컨트롤 */
[data-main] .swiper-control .swiper_page{display:flex; justify-content:center; align-items:center; width:auto; margin-top:35px;}
[data-main] .swiper-pagination-bullet{opacity:1; width:14px; height:14px; box-sizing:border-box; background-color:#b5b5b5; border:1px solid #b5b5b5; border-radius:100%;}
[data-main] .swiper-pagination-bullet-active{background-color:#fff;}
:is([data-main], .visual-main) .swiper-control button{--sizeBtn:90px; opacity:0.3; display:flex; justify-content:center; align-items:center; position:absolute; top:50%; z-index:10; width:var(--sizeBtn); height:var(--sizeBtn); box-sizing:border-box; background-color:transparent; border-radius:100%; font-size:0; transform:translateY(-50%); transition:opacity 0.3s ease 0s;}
:is([data-main], .visual-main) .swiper-control button:before{content:''; display:block; width:39px; height:29px; background:url(../images/main/slide_arrow.svg) no-repeat 50% 50%; background-size:100% auto;}
:is([data-main], .visual-main) .swiper-control button:after{content:''; opacity:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:1px solid #111; border-radius:100%; transform:scale(0.5); transition:0.3s ease; transition-property:opacity, transform;}
:is([data-main], .visual-main) .swiper-control button.swiper_prev{left:0; transform:translateY(-50%) rotate(180deg);}
:is([data-main], .visual-main) .swiper-control button.swiper_next{right:0;}
:is([data-main], .visual-main) .swiper-control button:hover{opacity:1;}
:is([data-main], .visual-main) .swiper-control button:hover:after{opacity:1; transform:scale(1);}
:is([data-main], .visual-main) .swiper-control button.swiper-button-lock{display:none;}
	/* 공통 - 반응형 */
@media screen and (max-width:1024px){
	[data-main]{padding:120px 0;}
	[data-main] h2{font-size:40px;}
	[data-main] .title_h2{margin-bottom:40px;}
	[data-main] .title_h2 h2 + p{margin-left:30px;}
	.more-btn{gap:0 10px; font-size:17px;}
}
@media screen and (max-width:768px){
	.more-btn:after{width:30px;}
		/* 슬라이드 컨트롤 */
	:is([data-main], .visual-main) .swiper-control button{--sizeBtn:80px;}
	:is([data-main], .visual-main) .swiper-control button:before{width:30px;}
}
@media screen and (max-width:640px){
	[data-main] .title_h2{flex-direction:column; justify-content:center;}
	[data-main] .title_h2 h2 + p{margin:10px auto 30px;}
	[data-main] .title_h2 h2{font-size:45px;}
}
@media screen and (max-width:480px){
	[data-main]{padding:100px 0;}
	[data-main] h2{margin-bottom:40px; font-size:30px;}
	[data-main] .title_h2 h2{font-size:40px;}
	[data-main] .swiper-control .swiper_page{margin-top:20px;}
	[data-main] .swiper-pagination-bullet{width:10px; height:10px;}
		/* 슬라이드 컨트롤 */
	:is([data-main], .visual-main) .swiper-control button{--sizeBtn:65px;}
}
@media screen and (max-width:360px){
	[data-main] .title_h2 h2{font-size:35px;}
}

/* 비쥬얼 */
.visual-main{position:relative; margin-top:20px; padding:0 var(--page-pad);}
.visual-main__list{position:relative; border-radius:var(--roundSize);}
.visual-main__list .box{--sizeHig:45.833vw/* 880px */; overflow:hidden; display:block; position:relative; border-radius:var(--roundSize);}
.visual-main__list .box .img{display:flex; justify-content:center; height:var(--sizeHig);}
.visual-main__list .box .img img{object-fit:cover; max-width:100%; width:100%; height:100%;}
.visual-main__list .box .mob{display:none; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.visual-main__list .swiper_page{display:flex; align-items:center; gap:10px; position:absolute; left:50%; bottom:20px; z-index:50; width:auto; transform:translateX(-50%);}
.visual-main__list .swiper_page .swiper-pagination-bullet{opacity:1; width:50px; height:6px; border-radius:50px; background-color:#f6f2ef; transition:background 0.5s ease;}
.visual-main__list .swiper_page .swiper-pagination-bullet-active{background-color:#c18046;}
.visual-main .swiper-control button{position:absolute; background-color:rgba(0,0,0,0.3);}
.visual-main .swiper-control button:after{display:none;}
.visual-main .swiper-control button.swiper_prev{left:calc(var(--page-pad) / 3);}
.visual-main .swiper-control button.swiper_next{right:calc(var(--page-pad) / 3);}
.visual-main .swiper-control button:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 28.979'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='레이어_2' data-name='레이어 2'%3E%3Cg id='레이어_1-2' data-name='레이어 1'%3E%3Cpath class='cls-1' d='M19.061,28.979a.811.811,0,0,1-.787-1.014,17.758,17.758,0,0,1,8.739-11.724.5.5,0,0,0-.24-.939H.812a.812.812,0,1,1,0-1.623H26.773a.5.5,0,0,0,.24-.94A17.754,17.754,0,0,1,18.274,1.017.812.812,0,1,1,19.845.609c2.214,8.55,8.556,13.07,18.343,13.07a.812.812,0,1,1,0,1.623c-9.787,0-16.129,4.519-18.342,13.07A.812.812,0,0,1,19.061,28.979Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
	/* 비쥬얼 - 반응형 */
@media screen and (min-width:1921px){
	.visual-main__list .box img{object-fit:cover; width:100%; height:100%;}
}
@media screen and (max-width:1400px){
	.visual-main__list .box img{object-fit:cover; width:100%; height:100%;}
}
@media screen and (max-width:1024px){
	.visual-main{margin-top:0;}
}
@media screen and (max-width:768px){
	.visual-main__list .box{--sizeHig:95.964vw/* 737px */;}
}
@media screen and (max-width:480px){
	.visual-main__list .swiper_page{gap:5px;}
	.visual-main__list .swiper_page .swiper-pagination-bullet{width:35px;}
}

/* info */
[data-main="info"] .inr{display:grid; grid-template-columns:minmax(auto, 600px) auto minmax(auto, 600px); align-items:stretch; gap:0 20px; padding:0 var(--page-pad);}
.info-title{order:2; display:flex; flex-direction:column; justify-content:space-evenly; align-items:center;}
.info-title em{display:block; font-family:var(--font-subkor); font-size:50px; font-weight:600; line-height:2cap; text-align:center;}
.info-inquiry{margin-top:20px; text-align:center;}
.info-inquiry i{display:block; font-size:17px; font-weight:500;}
.info-inquiry a{display:inline-flex; justify-content:center; align-items:center; min-width:325px; min-height:80px; box-sizing:border-box; margin-top:15px; border:1px solid #111; border-radius:50rem; font-size:30px; font-weight:700;}
.info-box{position:relative; min-height:500px; aspect-ratio:1/1;}
.info-box a{overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; position:relative; height:100%; box-sizing:border-box; padding:clamp(30px, 3.646vw/* 70px */, 70px) 60px; border-radius:var(--roundSize); text-align:left; color:var(--color-white);}
.info-box a:after{content:''; display:block; position:absolute; top:70px; right:60px; width:39px; height:29px; background-repeat:no-repeat; background-position:50% 50%; background-size:100% auto;}
.info-box a:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 28.979'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='레이어_2' data-name='레이어 2'%3E%3Cg id='레이어_1-2' data-name='레이어 1'%3E%3Cpath class='cls-1' d='M19.061,28.979a.811.811,0,0,1-.787-1.014,17.758,17.758,0,0,1,8.739-11.724.5.5,0,0,0-.24-.939H.812a.812.812,0,1,1,0-1.623H26.773a.5.5,0,0,0,.24-.94A17.754,17.754,0,0,1,18.274,1.017.812.812,0,1,1,19.845.609c2.214,8.55,8.556,13.07,18.343,13.07a.812.812,0,1,1,0,1.623c-9.787,0-16.129,4.519-18.342,13.07A.812.812,0,0,1,19.061,28.979Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.info-box h2{margin-bottom:20px; font-size:30px; font-weight:700; text-align:left;}
.info-box p{margin-bottom:75px; font-size:20px;}
.info-box i{opacity:0.5; font-family:var(--font-eng); font-size:16px; font-weight:500;}
.info-box .img{display:block; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.info-box.consulting{order:1;}
.info-box.consulting .img{background-image:url(../images/main/info_img01.jpg);}
.info-box.consulting a:after{right:130px;}
.info-box.shopping{order:3;}
.info-box.shopping .img{background-image:url(../images/main/info_img02.jpg);}
.info-box [class*="obj-box"]{display:block; position:absolute; top:0; width:86px; height:264px; background-color:var(--color-white);}
.info-box [class*="obj-box"]:before,
.info-box [class*="obj-box"]:after{content:''; --sizeRound:40px; display:block; position:absolute; width:var(--sizeRound); height:var(--sizeRound); background:url(../images/common/round_obj.svg) no-repeat 50% 50%; background-size:100%;}
.info-box.consulting [class*="obj-box"]{right:0; border-radius:0 0 0 40px;}
.info-box.consulting [class*="obj-box"]:before,
.info-box.consulting [class*="obj-box"]:after{transform:rotate(90deg);}
.info-box.consulting [class*="obj-box"]:before{left:calc(var(--sizeRound) * -1);}
.info-box.consulting [class*="obj-box"]:after{right:0; bottom:calc(var(--sizeRound) * -1);}
.info-box.shopping [class*="obj-box"]{left:0; border-radius:0 0 40px 0;}
.info-box.shopping [class*="obj-box"]:before{right:calc(var(--sizeRound) * -1);}
.info-box.shopping [class*="obj-box"]:after{bottom:calc(var(--sizeRound) * -1);}
	/* info - hover */
.info-box .img{transform:scale(1); transition:transform 0.5s ease-in-out;}
.info-box a:after{transform:rotate(0deg); transition:transform 0.3s ease-in;}
.info-box a:hover:after{transform:rotate(-45deg);}
.info-box a:hover .img{transform:scale(1.05);}
	/* info - 반응형 */
@media screen and (min-width:1921px){
	[data-main="info"] .inr{grid-template-columns:minmax(600px, auto) auto minmax(600px, auto);}
}
@media screen and (max-width:1680px){
	.info-title em{font-size:35px;}
	.info-inquiry a{min-width:280px; min-height:70px; font-size:25px;}
}
@media screen and (max-width:1400px){
	[data-main="info"] .inr{grid-template:'title title' 'box01 box02' / 1fr 1fr;}
	.info-title{grid-area:title; flex-direction:row; justify-content:space-between; align-items:center; padding-bottom:40px;}
	.info-box.consulting{grid-area:box01;}
	.info-box.shopping{grid-area:box02;}
	.info-title em{font-size:40px; text-align:left;}
	.info-inquiry{display:flex; align-items:center; gap:0 30px;}
	.info-inquiry a{margin-top:0;}
	.info-box{min-height:inherit;}
	.info-box a{padding:40px 40px 60px;}
	.info-box a:after{top:40px;}
	.info-box [class*="obj-box"]{display:none;}
	.info-box.consulting a:after{right:60px;}
}
@media screen and (max-width:1024px){
	.info-title{flex-direction:column; justify-content:center;}
	.info-title em{font-size:35px; text-align:center;}
	.info-box p{font-size:18px; word-break:keep-all;}
	.info-box a{padding:40px 30px;}
	.info-box a:after,
	.info-box.consulting a:after{right:30px;}
}
@media screen and (max-width:768px){
	.info-box{aspect-ratio:auto;}
	.info-box a{min-height:350px;}
	.info-box a:after{width:30px;}
	.info-inquiry a{min-width:230px; min-height:65px; font-size:23px;}
	.info-box h2{font-size:25px;}
}
@media screen and (max-width:620px){
	[data-main="info"] .inr{grid-template:'title' 'box01' 'box02' / 1fr; gap:30px 0;}
	.info-title{padding-bottom:20px;}
	.info-box a{min-height:300px;}
	.info-box .img{background-position-y:30%;}
	.info-box p{margin-bottom:30px;}
}
@media screen and (max-width:480px){
	.info-title em{font-size:30px;}
	.info-inquiry{flex-direction:column; gap:10px 0;}
	.info-box a{padding:30px 20px;}
	.info-box p{font-size:16px;}
	.info-box a:after{top:30px;}
}

/* color */
[data-main="color"]{overflow:hidden; position:relative; padding-top:0 !important;}
[data-main="color"] .inr{--sizeGap:20px; display:flex; justify-content:center; align-items:flex-start; gap:var(--sizeGap); position:relative; padding:0 var(--page-pad);}
[data-main="color"] .inr :is(.color-slide__active, .color-slide__thumb){width:calc(50% - (var(--sizeGap) / 2));}
[data-main="color"]:before{content:''; display:block; position:absolute; left:0; z-index:2; width:calc(50% - 10px); height:100%; background-color:var(--color-white); border-top-right-radius:var(--roundSize);}
[data-main="color"] .swiper-control{position:absolute;}
[data-main="color"] .swiper-slide img{object-fit:cover; width:100%; height:100%;}
.color-slide__active{position:relative; z-index:5;}
.color-slide__active .box{overflow:hidden; position:relative; aspect-ratio:1/1; border-radius:var(--roundSize);}
.color-slide__active .box:before{content:''; display:block; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:50%; background-image:linear-gradient(20deg, rgba(0,0,0,0.5), rgba(0,0,0,0) 50%);}
.color-slide__active .box .title{position:absolute; bottom:clamp(40px, 5.208vw, 100px); left:clamp(40px, 4.167vw, 80px); z-index:5; color:var(--color-white);}
.color-slide__active .box .title > *{display:block;}
.color-slide__active .box .title i{opacity:0.4; margin-bottom:20px; font-family:var(--font-eng); font-size:18px; font-weight:600; letter-spacing:1px;}
.color-slide__active .box .title em{font-size:40px; font-weight:600;}
.color-slide__active .box .title p{opacity:0.8; margin-top:30px; font-size:18px;}
.color-slide__thumb .swiper{overflow:inherit;}
.color-slide__thumb .box{overflow:hidden; aspect-ratio:2/2.35; border-radius:var(--roundSize); cursor:pointer;}
.color-slide__thumb .swiper-slide{width:max(200px, 17.188vw/* 330px */);}
.color-slide__thumb .swiper-slide em{display:block; margin-top:15px; font-size:17px; text-align:center;}
.color-slide{display:flex; flex-wrap:wrap; gap:0 10px; position:absolute; right:0; bottom:0; width:50%; box-sizing:border-box; padding:0 var(--page-pad) 45px 20px;}
.color-slide p{width:100%; margin-bottom:80px; font-family:var(--font-subkor); font-size:45px; font-weight:600; line-height:2cap; text-align:right;}
.color-slide.swiper-control button{position:static; transform:translateY(0);}
.color-slide.swiper-control button.swiper_prev{transform:translateY(0) rotate(180deg);}
	/* color - 반응형 */
@media screen and (max-width:1780px){
	.color-slide p{margin-bottom:20px;}
}
@media screen and (max-width:1680px){
	.color-slide p{font-size:35px;}
}
@media screen and (max-width:1400px){
	.color-slide{padding-bottom:0; padding-left:0;}
	.color-slide p{font-size:40px;}
	.color-slide__active .box .title em{font-size:30px;}
}
@media screen and (max-width:1024px){
	[data-main="color"]:before{width:calc(60% - 10px);}
	[data-main="color"] .inr{justify-content:flex-start;}
	[data-main="color"] .inr .color-slide__active{width:calc(60% - (var(--sizeGap) / 2));}
	[data-main="color"] .inr .color-slide__thumb{width:calc(40% - (var(--sizeGap) / 2));}
	.color-slide{width:40%;}
	.color-slide p{font-size:30px;}
	.color-slide p br{display:none;}
	.color-slide__active .box .title{left:40px;}
	.color-slide__thumb .swiper-slide{width:max(130px, 19.531vw/* 200px */);}
	.color-slide__thumb .swiper-slide em{font-size:16px;}
}
@media screen and (max-width:768px){
	[data-main="color"]:before{display:none;}
	[data-main="color"] .inr{flex-direction:column;}
	[data-main="color"] .inr :is(.color-slide__active, .color-slide__thumb){width:100%;}
	[data-main="color"] .inr .color-slide__active{order:2;}
	[data-main="color"] .inr .color-slide__thumb{order:3;}
	[data-main="color"] .swiper-control{order:1; position:static; width:100%;}
	.color-slide p{font-size:35px; text-align:center;}
	.color-slide p br{display:block;}
	.color-slide.swiper-control button{position:absolute; top:40%; background-color:rgba(0,0,0,0.3);}
	.color-slide.swiper-control button:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 28.979'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='레이어_2' data-name='레이어 2'%3E%3Cg id='레이어_1-2' data-name='레이어 1'%3E%3Cpath class='cls-1' d='M19.061,28.979a.811.811,0,0,1-.787-1.014,17.758,17.758,0,0,1,8.739-11.724.5.5,0,0,0-.24-.939H.812a.812.812,0,1,1,0-1.623H26.773a.5.5,0,0,0,.24-.94A17.754,17.754,0,0,1,18.274,1.017.812.812,0,1,1,19.845.609c2.214,8.55,8.556,13.07,18.343,13.07a.812.812,0,1,1,0,1.623c-9.787,0-16.129,4.519-18.342,13.07A.812.812,0,0,1,19.061,28.979Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
	.color-slide.swiper-control button:after{display:none;}
	.color-slide.swiper-control button.swiper_prev{left:10px;}
	.color-slide.swiper-control button.swiper_next{right:10px;}
	.color-slide__thumb .swiper-slide{width:max(130px, 39.063vw/* 300px */);}
}
@media screen and (max-width:480px){
	.color-slide p{font-size:30px;}
	.color-slide__active .box:before{height:80%;}
	.color-slide__active .box .title{left:30px;}
	.color-slide__active .box .title i{font-size:16px;}
	.color-slide__active .box .title em{font-size:25px;}
	.color-slide__active .box .title p{margin-top:10px; font-size:17px;}
	.color-slide__thumb .swiper-slide{width:calc(100% / 2.5 - 10px); transition:opacity 0.3s;}
	.color-slide__thumb .swiper-slide-active{opacity:1;}
}
@media screen and (max-width:360px){
	.color-slide p br{display:none;}
}


/* product items */
[data-main="product"]{padding-top:0 !important;}
[data-main="product"] .inr{position:relative; padding:0 var(--page-pad);}

/* partnership */
[data-main="partner"]{padding-top:0 !important; padding-bottom:160px;}
[data-main="partner"] .inr{position:relative; padding:0 var(--page-pad);}
.partner-list{display:grid; grid-template-columns:repeat(5, 1fr); gap:25px 30px;}
.partner-list a{overflow:hidden; display:flex; align-items:center; position:relative; height:100%; min-height:70px; box-sizing:border-box; padding:5px 70px 5px 30px; border:1px solid #222; border-radius:50rem; line-height:1.5cap; word-break:keep-all; font-size:17px; font-weight:500; transition:0.3s ease; transition-property:border, color, box-shadow;}
.partner-list a:before{content:''; opacity:0; display:block; position:absolute; left:0; z-index:-1; width:110%; height:100%; background-image:var(--color-gradient); border-radius:50rem; transform:translateX(-50%); transition:opacity 0.3s ease, transform 0.5s ease-in-out;}
.partner-list a:after{content:''; display:block; position:absolute; right:30px; width:25px; height:19px; background:url(../images/main/slide_arrow.svg) no-repeat 50% 50%; background-size:100% auto; transition:background 0.3s ease 0s;}
.partner-list a:hover{border-color:#592f0f; color:var(--color-white); box-shadow:0 25px 30px rgba(69,34,8,0.15);}
.partner-list a:hover:before{opacity:1; transform:translateX(0);}
.partner-list a:hover:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 28.979'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='레이어_2' data-name='레이어 2'%3E%3Cg id='레이어_1-2' data-name='레이어 1'%3E%3Cpath class='cls-1' d='M19.061,28.979a.811.811,0,0,1-.787-1.014,17.758,17.758,0,0,1,8.739-11.724.5.5,0,0,0-.24-.939H.812a.812.812,0,1,1,0-1.623H26.773a.5.5,0,0,0,.24-.94A17.754,17.754,0,0,1,18.274,1.017.812.812,0,1,1,19.845.609c2.214,8.55,8.556,13.07,18.343,13.07a.812.812,0,1,1,0,1.623c-9.787,0-16.129,4.519-18.342,13.07A.812.812,0,0,1,19.061,28.979Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
	/* partnership - 반응형 */
@media screen and (max-width:1400px){
	.partner-list{grid-template-columns:repeat(4, 1fr); gap:25px 10px;}
}
@media screen and (max-width:1024px){
	.partner-list{grid-template-columns:repeat(3, 1fr); gap:10px;}
	.partner-list a{min-height:60px; padding-right:60px; padding-left:25px; font-size:16px;}
	.partner-list a:after{right:20px; width:20px;}
}
@media screen and (max-width:768px){
	.partner-list{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width:640px){
	[data-main="partner"]{padding-bottom:120px;}
	[data-main="partner"] .title_h2{margin-bottom:10px;}
	.partner-list a{font-size:15px;}
}
@media screen and (max-width:420px){
	.partner-list{grid-template-columns:repeat(1, 1fr);}
}