@charset "utf-8";


.sub-visual { position:relative; width:100%; height:100vh; overflow:hidden; }
.sub-visual .swiper-container { position:relative; width:100%; height:100vh; overflow:hidden; }
.sub-visual .swiper-container .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; }
.sub-visual .swiper-container .swiper-slide.swiper-slide-active { opacity:1; z-index:2 }
.sub-visual .bg { transform:scale(1.1); position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; background-position:center top; background-repeat:no-repeat; background-size:cover; }
.sub-visual .txtbox { position:relative; z-index:2; width:100%; height:100%; display:flex; align-items:center; text-align:center; }
.sub-visual .txtbox .txt { opacity:0; width:100%; color:#fff; font-size:var(--font100); font-weight:600; line-height:1.3; letter-spacing:-0.05em; transition:top 0.4s; }
.sub-visual .txtbox .txt span { color:var(--mainColor); }
.sub-visual .swiper-container .swiper-slide.swiper-slide-active .txtbox .txt { animation:visual_txt 1.0s 0.3s forwards, visual_txt_off 0.8s 3.9s forwards; }
.sub-visual .swiper-container .swiper-slide.swiper-slide-active .bg { animation:v_bg 2s 0.3s; animation-fill-mode:both; }
.sub-visual .swiper-pagination { left:50%; transform:translateX(-50%); bottom:40px; display:flex; align-items:center; justify-content:center; gap:10px; }
.sub-visual .swiper-pagination span { width:8px; height:8px; border-radius:8px; background:rgba(255, 255, 255, 0.5); opacity:1; margin:0 !important; padding:0; }
.sub-visual .swiper-pagination span.swiper-pagination-bullet-active { background:var(--mainColor); }
.sub-visual .swiper-button-next, 
.sub-visual .swiper-button-prev,
.swiper-button-next:after, 
.swiper-button-prev:after { display:none; }

.information-box .sub-visual .bg { transform:scale(1.0); } 
.information-box .sub-visual .txtbox { text-align:left; }
.information-box .sub-visual .txtbox .txt { font-size:var(--font60); letter-spacing:-0.05em;  }
.information-box .sub-visual .txtbox .txt figure { margin-bottom:20px; }
.information-box .sub-visual .swiper-container .swiper-slide.swiper-slide-active .bg { animation:v_bg-1 1.8s 0.3s; animation-fill-mode:both; }
.information-box .sub-visual .swiper-button-next,
.information-box .sub-visual .swiper-button-prev { filter:brightness(0) invert(1); display:block; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:50px; height:50px; z-index:10; border:none; overflow:hidden; text-indent:-9999em; background:url(/img/svg/btn_pn.svg) center center no-repeat; } 
.information-box .sub-visual .swiper-button-prev { left:30px; }
.information-box .sub-visual .swiper-button-next { right:30px; transform:translateY(-50%) rotate(180deg); }

@media screen and (max-width:1024px){
	.information-box .sub-visual .txtbox .txt figure { margin-bottom:10px; }
	.information-box .sub-visual .txtbox .txt figure img { height:70px; }
	.sub-visual .swiper-pagination { bottom:30px; }
	.information-box .sub-visual .swiper-button-prev { left:15px; }
	.information-box .sub-visual .swiper-button-next { right:15px; }
	.information-box .sub-visual .swiper-button-next,
	.information-box .sub-visual .swiper-button-prev { width:38px; height:38px; background-size:10px auto; }
}
@media screen and (max-width:640px){
	.information-box .sub-visual .txtbox .txt { padding:0 40px; }
	.information-box .sub-visual .txtbox .txt figure { margin-bottom:5px; }
	.information-box .sub-visual .txtbox .txt figure img { height:50px; }
	.information-box .sub-visual .swiper-button-next,
	.information-box .sub-visual .swiper-button-prev { width:28px; height:28px; background-size:7px auto; }
}

@keyframes v_bg {
	0% { transform:scale(1.0); }
	100% { transform:scale(1.1); }
}
@keyframes v_bg-1 {
	0% { transform:scale(1.1); }
	100% { transform:scale(1.0); }
}
@keyframes visual_txt {
	0% { transform:translateY(40px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}
@keyframes visual_txt_off {
	0% { opacity:1; }
	100% { opacity:0; }
}


.contents-box { padding-top:230px; }
.contents-box.member-box { padding-top:150px; }
@media screen and (max-width:1440px){
	.contents-box { padding-top:210px; }
}
@media screen and (max-width:1280px){
	.contents-box { padding-top:180px; }
}
@media screen and (max-width:1024px){
	.contents-box { padding-top:120px; }
	.contents-box.member-box { padding-top:100px; }
}
@media screen and (max-width:640px){
	.contents-box { padding-top:80px; }
	.contents-box.member-box { padding-top:60px; min-height:calc(100vh - 120px); }
}

.subTitle { color:#000; font-size:var(--font60); font-weight:700; line-height:1.33; letter-spacing:-0.04em; }
.subTitle.center { text-align:center; }
.subTitle span { color:#ccc; }
.subTitle strong { font-weight:700; }
.subTitle strong { width:fit-content; color:#ccc; background-size:200% 100%; -webkit-background-clip:text; background-position:100%; }
.subTitle strong.fc { color:var(--mainColor); }
.subTitle.subOn strong { background-image:linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) 50%, rgba(204, 204, 204, 1) 50%); -webkit-text-fill-color:transparent; }
.subTitle.subOn strong { animation:gradientShift 0.8s 0.3s cubic-bezier(.33,.53,.52,.72); animation-fill-mode:both; }

.subTxt { margin-top:20px; color:#111; font-size:var(--font22); font-weight:400; line-height:1.33; letter-spacing:-0.04em; }
.subTxt.t30 { margin-top:30px; }
.subTxt.center { text-align:center; }
@media screen and (max-width:1024px){
	.subTxt { margin-top:10px; }
	.subTxt.t30 { margin-top:15px; }
}
@media screen and (max-width:640px){
	.subTxt { margin-top:5px; }
	.subTxt.t30 { margin-top:8px; }
}

.products-box .p-list .listbox { display:flex; flex-wrap:wrap; }
.products-box .p-list .listbox .txtbox { position:sticky; top:200px; width:calc(100% - 880px); }
.products-box .p-list .listbox .txtbox dt h4 { color:#000; font-size:var(--font60); font-weight:700; line-height:1.33; letter-spacing:-0.05em; }
.products-box .p-list .listbox .txtbox dd { margin-top:30px; color:#111; font-size:var(--font22); font-weight:400; line-height:1.63; letter-spacing:-0.04em; }
.products-box .p-list .listbox .list { width:880px; display:flex; flex-wrap:wrap; gap:0 80px; align-items:flex-start; }
.products-box .p-list .listbox .list .box { cursor:pointer; position:relative; width:calc((100% - 80px) / 2); overflow:hidden; border-radius:var(--borderR30); }
.products-box .p-list .listbox .list .box:nth-child(2n) { margin-top:80px; }
.products-box .p-list .listbox .list .box a { position:relative; width:100%; height:100%; display:block; }
.products-box .p-list .listbox .list .box figure { position:relative; width:100%; }
.products-box .p-list .listbox .list .box figure:before { content:""; display:block; padding-bottom:137.5%; }
.products-box .p-list .listbox .list .box figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.products-box .p-list .listbox .list .box h4 { position:absolute; right:30px; bottom:30px; color:#fff; font-size:var(--font60); font-weight:700; line-height:1.3; letter-spacing:-0.05em; }
.products-box .p-list .listbox .list .box .over { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; }
.products-box .p-list .listbox .list .box .over .bg { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100px; height:100px; border-radius:800px; }
.products-box .p-list .listbox .list .box .over .location { position:absolute; left:20px; top:20px; z-index:1; display:flex; align-items:center; gap:5px; color:#fff; font-size:var(--font18); font-weight:600; line-height:1.3; font-family:'Figtree', sans-serif; }
.products-box .p-list .listbox .list .box .over .location span { width:25px; flex-shrink:0; display:flex; align-items:center; justify-content:center; filter:brightness(0) invert(1); }
.products-box .p-list .listbox .list .box .over dl { position:relative; z-index:1; padding:110px 30px 0 40px; }
.products-box .p-list .listbox .list .box .over dt { color:#fff; font-size:var(--font36); font-weight:600; line-height:1.3; letter-spacing:-0.05em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.products-box .p-list .listbox .list .box .over dd { margin-top:30px; color:#fff; font-size:var(--font20); font-weight:300; line-height:1.7; letter-spacing:-0.06em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; }
.products-box .p-list .listbox .list .box .over .btn { position:absolute; left:40px; bottom:40px; z-index:3; }
.products-box .p-list .listbox .list .box .over .btn a { display:flex; gap:10px; }
.products-box .p-list .listbox .list .box .over .btn span { display:flex; align-items:center; justify-content:center; }
.products-box .p-list .listbox .list .box .over .btn .stxt { padding:0 28px; height:50px; color:#111; font-size:var(--font18); font-weight:500; line-height:1.3; letter-spacing:-0.035em; border-radius:50px; background:#fff; }
.products-box .p-list .listbox .list .box .over .btn .plus { transition:all 0.5s; position:relative; width:50px; height:50px; border-radius:50px; background:#000; }
.products-box .p-list .listbox .list .box .over .btn .plus:before { content:''; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:14px; height:2px; background:#fff; }
.products-box .p-list .listbox .list .box .over .btn .plus:after { content:''; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:14px; background:#fff; }
.products-box .p-list .listbox .list .box .over .btn a:hover .plus { transform:rotate(-180deg); }
@media screen and (max-width:1440px){
	.products-box .p-list .listbox .list { gap:0 60px; }
	.products-box .p-list .listbox .list .box { width:calc((100% - 60px) / 2); }
	.products-box .p-list .listbox .list .box:nth-child(2n) { margin-top:60px; }
}
@media screen and (max-width:1280px){
	.products-box .p-list .listbox .txtbox { top:150px; width:calc(100% - 68%); }
	.products-box .p-list .listbox .txtbox dd { margin-top:20px; }
	.products-box .p-list .listbox .list { gap:0 40px; width:68%; }
	.products-box .p-list .listbox .list .box { width:calc((100% - 40px) / 2); }
	.products-box .p-list .listbox .list .box:nth-child(2n) { margin-top:40px; }
	.products-box .p-list .listbox .list .box .over dl { padding:90px 20px 0 30px; }
	.products-box .p-list .listbox .list .box .over .btn { left:30px; bottom:30px; }
	.products-box .p-list .listbox .list .box h4 { right:20px; bottom:20px; }
}
@media screen and (max-width:1024px){
	.products-box .p-list .listbox .txtbox { top:100px; width:calc(100% - 68%); }
	.products-box .p-list .listbox .txtbox dd { margin-top:15px; }
	.products-box .p-list .listbox .list { gap:0 20px; width:68%; }
	.products-box .p-list .listbox .list .box { width:calc((100% - 20px) / 2); }
	.products-box .p-list .listbox .list .box:nth-child(2n) { margin-top:20px; }
	.products-box .p-list .listbox .list .box .over dl { padding:90px 20px 0 30px; }
	.products-box .p-list .listbox .list .box .over dd { margin-top:15px; }
	.products-box .p-list .listbox .list .box .over .btn { left:30px; bottom:30px; }
	.products-box .p-list .listbox .list .box h4 { right:20px; bottom:20px; }
	.products-box .p-list .listbox .list .box .over .btn a { gap:5px; }
	.products-box .p-list .listbox .list .box .over .btn .stxt { padding:0 15px; height:40px; }
	.products-box .p-list .listbox .list .box .over .btn .plus { width:40px; height:40px; }
	.products-box .p-list .listbox .list .box .over .btn .plus:before { width:10px; height:2px; }
	.products-box .p-list .listbox .list .box .over .btn .plus:after { width:2px; height:10px; }
}
@media screen and (max-width:960px){
	.products-box .p-list .listbox .txtbox { position:relative; top:0; width:100%; }
	.products-box .p-list .listbox .txtbox dt h4 br { display:none }
	.products-box .p-list .listbox .txtbox dt h4 span.m_br { display:block }
	.products-box .p-list .listbox .txtbox dd br { display:none }
	.products-box .p-list .listbox .txtbox dd span.m_br { display:block }
	.products-box .p-list .listbox .list { gap:20px; width:100%; margin-top:20px; }
	.products-box .p-list .listbox .list .box { width:calc((100% - 20px) / 2); }
	.products-box .p-list .listbox .list .box:nth-child(2n) { margin-top:0; }
}
@media screen and (max-width:640px){
	.products-box .p-list .listbox .txtbox { top:0; width:100%; }
	.products-box .p-list .listbox .list { gap:5px; width:100%; margin-top:20px; }
	.products-box .p-list .listbox .list .box { width:calc((100% - 5px) / 2); }
	.products-box .p-list .listbox .list .box:nth-child(2n) { margin-top:0; }
	.products-box .p-list .listbox .list .box .over dl { padding:80px 15px 0; }
	.products-box .p-list .listbox .list .box .over dd { margin-top:10px; }
	.products-box .p-list .listbox .list .box .over .location { left:10px; top:15px; }
	.products-box .p-list .listbox .list .box .over .btn { left:15px; bottom:15px; }
	.products-box .p-list .listbox .list .box h4 { right:15px; bottom:15px; }
}
@media screen and (max-width:520px){
	.products-box .p-list .listbox .list .box { width:100%; }
	.products-box .p-list .listbox .list .box figure:before { padding-bottom:80%; }
}
@media screen and (max-width:460px){
	.products-box .p-list .listbox .list .box .over dl { padding:60px 15px 0; }
	.products-box .p-list .listbox .list .box figure:before { padding-bottom:80%; }
	.products-box .p-list .listbox .list .box .over dd { -webkit-line-clamp:3; }
}

.products-box .nav { position:relative; text-align:center; display:flex; flex-wrap:wrap; justify-content: space-between;}
.products-box .nav > li { position:relative; }
.products-box .nav > li a { position:relative; color:#ccc; font-size:var(--font46); font-weight:700; line-height:1.3; letter-spacing:-0.0em; display:flex; justify-content:center; align-items:center; text-align:center; transition:all 0.3s; }
.products-box .nav > li.on a { color:#000; }
.products-box .nav > li.on a.txt-orange { color:var(--color-orange); }
.products-box .nav > li.on a.txt-green { color:var(--color-green); }
.products-box .nav > li.on a.txt-pink { color:var(--color-pink); }
.products-box .nav > li.on a.txt-skyblue { color:var(--color-skyblue); }
.products-box .nav > li.on a.txt-blue { color:var(--color-blue); }
.products-box .nav > li.on a.txt-purple { color:var(--color-purple); }
/*
.products-box .nav.m5 > li { width:calc(100% / 5); } 
.products-box .nav.m6 > li { width:calc(100% / 6); } 
.products-box .nav.m7 > li { width:calc(100% / 7); } 
.products-box .nav.m8 > li { width:calc(100% / 8); } 
*/
@media screen and (max-width:640px){
	.products-box .nav { justify-content:space-between;}
	.products-box .nav.m5 > li,
	.products-box .nav.m6 > li,
	.products-box .nav.m7 > li { width:auto; }
}

.products-box .listCont .list { position:relative; display:none; margin-top:60px; }
.products-box .listCont .list .swiper-container { position:relative; width:100%; overflow:hidden; padding-bottom:60px; }
.products-box .listCont .list .swiper-slide { position:relative; overflow:hidden; height:300px; display:flex; float:left; }
.products-box .listCont .list .swiper-slide a { width:100%; display:flex; }
.products-box .listCont .list .swiper-slide .type { position:absolute; left:20px; top:20px; z-index:2; padding:0 15px; color:#fff; font-size:var(--font16); font-weight:500; line-height:1.0; letter-spacing:-0.035em; height:30px; border-radius:30px; display:inline-flex; align-items:center; justify-content:center; }
.products-box .listCont .list .swiper-slide .imgbox { position:relative; width:50%; overflow:hidden; border-radius:var(--borderR30); }
.products-box .listCont .list .swiper-slide .imgbox:before { content:""; display:block; padding-bottom:81.5%; }
.products-box .listCont .list .swiper-slide .imgbox:after { transition:all 0.3s ease-in-out; content:""; display:block; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.2); }
.products-box .listCont .list .swiper-slide .imgbox img { transition:all 0.3s; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.products-box .listCont .list .swiper-slide:hover .imgbox img { transform: scale(1.07); }
.products-box .listCont .list .swiper-slide:hover .imgbox:after { opacity:1; }
.products-box .listCont .list .swiper-slide .txtbox { width:50%; padding:40px; border-radius:var(--borderR30); background:#f5f5f5; }
.products-box .listCont .list .swiper-slide .txtbox h5 { color:#111; font-size:var(--font24); font-weight:500; line-height:1.5; letter-spacing:-0.035em; }
.products-box .listCont .list .swiper-slide .txtbox .stxt { margin-top:20px; color:#999; font-size:var(--font18); font-weight:300; line-height:1.5; letter-spacing:-0.035em; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.products-box .listCont .list .swiper-slide .arr { position:absolute; right:20px; bottom:20px; z-index:2; width:40px; height:40px; border-radius:40px; background:#000 url(/img/svg/arr_icon02.svg) center center no-repeat; }
.products-box .listCont .swiper-pagination { position:absolute; left:50%; bottom:0; top:unset; transform:translateX(-50%); width:200px; height:2px; background:#ddd; border-radius:2px; }
.products-box .listCont .swiper-pagination .swiper-pagination-progressbar-fill { background:#000; border-radius:2px; }
/*.products-box .listCont .btn { display:none }*/
	
@media screen and (max-width:1440px){
	.products-box .listCont .list .swiper-slide .txtbox { padding:30px; }
}
@media screen and (max-width:1024px){
	.products-box .listCont .list { margin-top:30px; }
	.products-box .listCont .list .swiper-slide .type { left:10px; top:10px; padding:0 10px; height:26px; }
	.products-box .listCont .list .swiper-slide .txtbox { padding:20px; }
	.products-box .listCont .list .swiper-slide .txtbox .stxt { margin-top:10px; -webkit-line-clamp:2; }
	.products-box .listCont .list .swiper-slide .arr { right:10px; bottom:10px; width:32px; height:32px; background-size:14px auto; }
	.products-box .listCont .swiper-pagination { width:100px; }
}
@media screen and (max-width:860px){
	.products-box .listCont .list .swiper-slide a { flex-wrap:wrap; }
	.products-box .listCont .list .swiper-slide .imgbox,
	.products-box .listCont .list .swiper-slide .txtbox { width:100%; }
	.products-box .listCont .list .swiper-slide .imgbox:before { padding-bottom:60%; }
}
@media screen and (max-width:640px){
	.products-box .listCont .list { margin-top:15px; }
	.products-box .listCont .list .swiper-slide .txtbox { padding:20px 10px; }
	.products-box .listCont .list .swiper-slide .txtbox .stxt { margin-top:5px; }
	.products-box .listCont .list .swiper-slide .arr { right:7px; bottom:15px; width:24px; height:24px; background-size:11px auto; }
}

.products-box .slides .list { position:relative; margin-top:50px; }
.products-box .slides .list .swiper-container { position:relative; width:100%; overflow:hidden; padding-top:10px; }
.products-box.products-view .slides .list .swiper-slide { max-width:260px; }
.products-box .slides .list .swiper-slide a { transition:all 0.3s; width:100%; display:flex; flex-direction:column; }
.products-box .slides .list .swiper-slide .imgbox { position:relative; width:100%; overflow:hidden; border-radius:var(--borderR30); }
.products-box .slides .list .swiper-slide .imgbox:before { content:""; display:block; padding-bottom:62.5%; }
.products-box .slides.list-2 .list .swiper-slide .imgbox:before { padding-bottom:66.7%; }
.products-box .slides.list-3 .list .swiper-slide .imgbox:before { padding-bottom:77.0%; }
.products-box .slides .list .swiper-slide .imgbox:after { transition:all 0.3s ease-in-out; content:""; display:block; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.2); }
.products-box .slides .list .swiper-slide .imgbox img { transition:all 0.3s; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.products-box .slides .list .swiper-slide:hover a { transform:translateY(-10px); }
.products-box .slides .list .swiper-slide:hover .imgbox img { transform: scale(1.07); }
.products-box .slides .list .swiper-slide:hover .imgbox:after { opacity:1; }
.products-box .slides .list .swiper-slide .txtbox { padding:30px 0 0 0; }
.products-box .slides.list-3 .list .swiper-slide .txtbox { padding:20px 0 0 0; }
.products-box .slides .list .swiper-slide .txtbox .txt { color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.products-box .slides .list .swiper-slide .txtbox .txt-1 { margin-bottom:10px; color:#666; font-size:var(--font16); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.products-box .slides .list .swiper-slide .txtbox .txt-2 { margin-top:20px; color:#666; font-size:var(--font18); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.products-box .slides .list .swiper-slide .txtbox .txt-3 { margin-top:10px; color:#333; font-size:var(--font18); font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.products-box .slides .list .swiper-pagination { display:none }
.products-box .slides .list .btn { cursor:pointer; position:absolute; width:50px; height:50px; z-index:10; border:1px solid #ddd; overflow:hidden; text-indent:-9999em; border-radius:50px; background:#fff url(/img/svg/btn_pn.svg) center center no-repeat; } 
.products-box .slides .list .btn.btn_prev { left:-25px; }
.products-box .slides .list .btn.btn_next { right:-25px; transform:rotate(180deg); }
.products-box .slides .list .btn_next.swiper-button-disabled,
.products-box .slides .list .btn_prev.swiper-button-disabled { pointer-events:auto; }
@media screen and (max-width:1440px){
	.products-box .slides .list .swiper-slide .txtbox { padding:25px 0 0 0; }
	.products-box .slides.list-3 .list .swiper-slide .txtbox { padding:15px 0 0 0; }
}
@media screen and (max-width:1024px){
	.products-box .slides .list { margin-top:25px; }
	.products-box .slides .list .swiper-slide .txtbox { padding:20px 0 0 0; }
	.products-box .slides.list-3 .list .swiper-slide .txtbox { padding:10px 0 0 0; }
	.products-box .slides .list .swiper-slide .txtbox .txt-1 { margin-bottom:5px; }
	.products-box .slides .list .swiper-slide .txtbox .txt-2 { margin-top:10px; }
	.products-box .slides .list .btn { width:38px; height:38px; background-size:10px auto; }
	.products-box .slides .list .btn.btn_prev { left:-18px; }
	.products-box .slides .list .btn.btn_next { right:-18px; }
}
@media screen and (max-width:640px){
	.products-box .slides .list .swiper-container { padding-top:0; }
	.products-box .slides .list { margin-top:15px; }
	.products-box.products-view .slides .list .swiper-slide { max-width:296px; }
	.products-box .slides .list .swiper-slide .txtbox { padding:10px 0 0 0; }
	.products-box .slides.list-3 .list .swiper-slide .txtbox { padding:5px 0 0 0; }
	.products-box .slides .list .swiper-slide:hover a { transform:translateY(0); }
	.products-box .slides .list .btn { width:28px; height:28px; background-size:7px auto; }
	.products-box .slides .list .btn.btn_prev { left:-13px; }
	.products-box .slides .list .btn.btn_next { right:-13px; }
}


/* animation */
.products-box .p-list .listbox .list .box .over .bg { opacity:0; transition:all 0.6s 0.3s; }
.products-box .p-list .listbox .list .box:hover .over .bg { opacity:1; transition:all 0.6s 0.1s; width:800px; height:800px; }
.products-box .p-list .listbox .list .box .over .location,
.products-box .p-list .listbox .list .box .over dl,
.products-box .p-list .listbox .list .box .over .btn { opacity:0; transform:translateY(30px); }
.products-box .p-list .listbox .list .box .over .location { transition:all 0.8s 0.2s; }
.products-box .p-list .listbox .list .box .over dl {  transition:all 0.8s 0.25s; }
.products-box .p-list .listbox .list .box .over .btn { transition:all 0.8s 0.3s; }
.products-box .p-list .listbox .list .box:hover .over .location,
.products-box .p-list .listbox .list .box:hover .over dl,
.products-box .p-list .listbox .list .box:hover .over .btn { opacity:1; transform:translateY(0); }


.product-pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.product-pop.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; }
.product-pop .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.product-pop .pop-body { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:22; max-width:1200px; width:100%; background-color:#fff; border:none; overflow:hidden; border-radius:var(--borderR30); }
.product-pop .pop-body .sCont { display:flex; flex-wrap:wrap; }
.product-pop .pop-body .info-box .left-img { position:relative; width:520px; position:sticky; top:0; }
.product-pop .pop-body .info-box .left-img figure { position:relative; width:100%; }
.product-pop .pop-body .info-box .left-img figure:before { content:""; display:block; padding-bottom:127%; }
.product-pop .pop-body .info-box .left-img figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.product-pop .pop-body .info-box .left-img .location { position:absolute; left:20px; top:20px; z-index:1; display:flex; align-items:center; gap:5px; color:#fff; font-size:var(--font18); font-weight:600; line-height:1.3; font-family:'Figtree', sans-serif; }
.product-pop .pop-body .info-box .left-img .location span { width:25px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.product-pop .pop-body .info-box .content-box { position:relative; z-index:2; width:calc(100% - 520px); padding:80px 60px 80px 80px; }
.product-pop .pop-body .info-box .content-box dt { color:#000; font-size:var(--font50); font-weight:500; line-height:1.4; letter-spacing:-0.04em; }
.product-pop .pop-body .info-box .content-box dd { margin-top:60px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.7; letter-spacing:-0.04em; }
.product-pop .pop-body .info-box .content-box dd strong { font-weight:500; }
.product-pop .pop-body .info-box .content-box .btn { margin-top:60px; margin-bottom:2px; }
.product-pop .pop-body .info-box .content-box .btn .stxt { padding:0 60px; height:60px; color:#fff; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.035em; border-radius:60px; background:var(--mainColor); display:inline-flex; align-items:center; justify-content:center; }
.product-pop .pop-body .info-box .content-box .btn .plus { display:none }
.product-pop .pop-body .info-box .txt_b { position:absolute; right:3px; bottom:0; opacity:0.08; }
.product-pop .pop-body .info-box .txt_b svg { color:#fff; font-weight:700; display:inline-block; width:auto; }
.product-pop .pop-body .info-box .txt_b svg text { fill:#fff; stroke:#000; stroke-width:1.2; font-size:var(--font180); font-weight:800; line-height:1; opacity:1; letter-spacing:-0.04em; }
.product-pop .pop-body .scroll_box { height:100%; max-height:500px; overflow:auto; padding-right:30px; }
.product-pop .pop-body .btn_close { position:absolute; right:30px; top:30px; cursor:pointer; transition:all 0.5s; z-index:5; }
.product-pop .pop-body .btn_close span { position:relative; width:30px; height:30px; display:block }
.product-pop .pop-body .btn_close span:before { content:""; display:block; width:20px; height:2px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); border-radius:2px; }
.product-pop .pop-body .btn_close span:after { content:""; display:block; width:20px; height:2px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); border-radius:2px; }
.product-pop .pop-body .btn_close:hover { transform:rotate(-180deg);}
@media screen and (max-width:1280px){
	.product-pop .pop-body { left:20px; transform:translate(0, -50%); max-width:auto; width:calc(100% - 40px); }
	.product-pop .pop-body .info-box .left-img { width:46%; }
	.product-pop .pop-body .info-box .content-box { width:calc(100% - 46%); padding:60px 40px 60px 60px; }
	.product-pop .pop-body .info-box .content-box dd { margin-top:50px; }
}
@media screen and (max-width:1040px){
	.product-pop .pop-body .btn_close { right:15px; top:15px; }
	.product-pop .pop-body .btn_close span:before,
	.product-pop .pop-body .btn_close span:after { width:25px; height:2px; }
	.product-pop .pop-body .info-box .content-box { padding:50px 30px 40px 40px; }
	.product-pop .pop-body .info-box .content-box dd { margin-top:30px; }
	.product-pop .pop-body .info-box .content-box .btn { margin-top:30px; }
	.product-pop .pop-body .info-box .content-box .btn .stxt { padding:0 30px; height:45px; }
	.product-pop .pop-body .scroll_box { max-height:480px; padding-right:20px; }
}
@media screen and (max-height:840px){
	.product-pop .pop-body .info-box .left-img figure:before { padding-bottom:120%; }
	.product-pop .pop-body .btn_close { right:15px; top:15px; }
}
@media screen and (max-height:710px){
	.product-pop .pop-body .info-box .left-img figure:before { padding-bottom:110%; }
	.product-pop .pop-body .info-box .content-box { padding:50px 30px 40px 40px; }
	.product-pop .pop-body .scroll_box { height:460px; } 
}
@media screen and (max-height:610px){
	.product-pop .pop-body .info-box .left-img figure:before { padding-bottom:100%; }
	.product-pop .pop-body .scroll_box { height:430px; } 
	.product-pop .pop-body .info-box .content-box dd { margin-top:30px; }
}
@media screen and (max-height:520px){
	.product-pop .pop-body .info-box .left-img figure:before { padding-bottom:80%; }
	.product-pop .pop-body .scroll_box { height:320px; } 
}
@media screen and (max-width:760px){
	.product-pop .pop-body .info-box .left-img { width:100%; }
	.product-pop .pop-body .info-box .left-img figure:before { padding-bottom:60%; }
	.product-pop .pop-body .info-box .content-box { width:100%; padding:20px; }
	.product-pop .pop-body .scroll_box { height:250px; }
	.product-pop .pop-body .info-box .content-box dd { margin-top:20px; }
	.product-pop .pop-body .btn_close { right:10px; top:10px; }
	.product-pop .pop-body .btn_close span:before,
	.product-pop .pop-body .btn_close span:after { background-color:#fff; }
}
@media screen and (max-width:640px){
	.product-pop .pop-body .info-box .left-img figure:before { padding-bottom:70%; }
	.product-pop .pop-body .info-box .content-box { padding:15px; }
	.product-pop .pop-body .scroll_box { height:240px; }
	.product-pop .pop-body .info-box .content-box dd { margin-top:15px; }
	.product-pop .pop-body .info-box .content-box .btn { margin-top:20px; }
}


.products-view .type { padding:0 15px; color:#fff; font-size:var(--font16); font-weight:500; line-height:1.0; letter-spacing:-0.035em; height:30px; border-radius:30px; display:inline-flex; align-items:center; justify-content:center; }
.products-view .view-top { display:flex; }
.products-view .view-top .imgbox { position:relative; width:53%; overflow:hidden; }
.products-view .view-top .swiper-container { position:relative; width:100%; overflow:hidden; border-radius:var(--borderR30); }
.products-view .view-top .swiper-slide { position:relative; width:100%; display:flex; }
.products-view .view-top .swiper-slide figure { position:relative; width:100%; }
.products-view .view-top .swiper-slide figure:before { content:""; display:block; padding-bottom:68%; }
.products-view .view-top .swiper-slide figure img { transition:all 0.3s; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.products-view .view-top .btn { cursor:pointer; position:absolute; width:50px; height:50px; top:50%; transform:translateY(-50%); z-index:10; border:none; overflow:hidden; text-indent:-9999em; border-radius:0 var(--borderR10) var(--borderR10) 0; background:rgba(0, 0, 0, 0.60) url(/img/svg/btn_pn1.svg) center center no-repeat; } 
.products-view .view-top .btn.btn_prev { left:0; }
.products-view .view-top .btn.btn_next { right:0; transform:translateY(-50%) rotate(180deg); }
.products-view .view-top .txtNum { color:#111; font-size:var(--font16); font-weight:500; line-height:1; position:absolute; right:20px; bottom:20px; z-index:3; height:30px; padding:0 15px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255, 255, 255, 0.8); border-radius:30px; }
.products-view .view-top .txtNum span { font-weight:500; }
.products-view .view-top .txtNum span.bar { margin:0 5px; }
.products-view .view-top .infobox { position:relative; width:calc(100% - 53%); padding:40px 0 0 60px; }
.products-view .view-top .infobox h4 { margin-top:20px; color:#000; font-size:var(--font40); font-weight:500; line-height:1.3; letter-spacing:-0.050em;}
.products-view .view-top .infobox .keyword { margin-top:20px; display:flex; gap:10px; flex-wrap:wrap; }
.products-view .view-top .infobox .keyword span,
.products-view .view-top .infobox .keyword a { word-break:break-word; padding:0 15px; color:#444; font-size:var(--font16); font-weight:400; line-height:1.0; letter-spacing:-0.035em; height:30px; border-radius:30px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #ddd; border-radius:30px; }
.products-view .view-top .infobox .price { position:absolute; left:60px; bottom:25%; color:#000; font-size:var(--font40); font-weight:500; line-height:1.3; letter-spacing:-0.045em; }
.products-view .view-top .infobox .price strong { font-size:var(--font40); font-weight:500; }
.products-view .view-top .infobox .share { position:absolute; right:0; top:40px; }
.products-view .view-top .infobox .share ul { display:flex; gap:15px; }
.products-view .view-top .infobox .share ul li { width:26px; height:26px; display:flex; align-items:center; justify-content:center; }
.products-view .detail-box h4 { color:#111; font-size:var(--font28); font-weight:500; line-height:1.3; letter-spacing:-0.045em; }
.products-view .detail-box { margin-top:40px; display:flex; flex-wrap:wrap; }
.products-view .detail-box .l-box { width:75%; padding-right:30px; }
.products-view .detail-box .l-box .summary-box { padding:60px; background:#f5f5f5; border-radius:var(--borderR30); }
.products-view .detail-box .l-box .summary-box ul { margin-top:30px; display:flex; gap:50px; }
.products-view .detail-box .l-box .summary-box li { width:calc((100% - 250px) / 6); }
.products-view .detail-box .l-box .summary-box li { text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.products-view .detail-box .l-box .summary-box li .icon { width:120px; height:120px; border-radius:var(--borderR40); background:#fff; display:flex; align-items:center; justify-content:center; }
.products-view .detail-box .l-box .summary-box li .txtbox { margin-top:20px; color:#666; font-size:var(--font18); font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.products-view .detail-box .l-box .summary-box li .txtbox h5 { color:#111; font-size:var(--font20); font-weight:500; margin-bottom:10px; }
.products-view .detail-box .r-box { width:calc(100% - 75%); }
.products-view .detail-box .r-box .mbtn { display:none }
.products-view .detail-box .r-box .box { width:100%; padding:30px; position:sticky; top:110px; border:1px solid #ddd; border-radius:var(--borderR30); background:#fff; }
.products-view .detail-box .r-box .box h5 { margin:15px 0 30px; color:#000; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.products-view .detail-box .r-box .box .price-box { border-top:1px solid #ddd; padding:25px 0; display:flex; align-items:center; justify-content:space-between; }
.products-view .detail-box .r-box .box .price-box .total { color:#666; font-size:var(--font16); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.products-view .detail-box .r-box .box .price-box .price { color:#000; font-size:var(--font20); font-weight:500; line-height:1.1; letter-spacing:-0.05em; }
.products-view .detail-box .r-box .box .price-box .price strong { font-size:var(--font32); font-weight:500; }
.products-view .detail-box .r-box .box .btn-box a { width:100%; height:50px; background:#fff; border-radius:var(--borderR10); font-size:var(--font16); font-weight:500; line-height:1.0; letter-spacing:-0.035em; display:flex; align-items:center; justify-content:center; }
.products-view .detail-box .r-box .box .btn-box .inquiry a { background:var(--mainColor); color:#fff; }
.products-view .detail-box .r-box .box .btn-box .btn { margin-top:10px; display:flex; gap:10px; }
.products-view .detail-box .r-box .box .btn-box .btn a { border:1px solid #000; color:#222; }
.products-view .detail-box .r-box .box .btn-box .btn a.like-icon { border:1px solid var(--mainColor); color:var(--mainColor); gap:5px; }
@media screen and (max-width:1560px){
	.products-view .detail-box .l-box .summary-box { padding:60px 50px; }
	.products-view .detail-box .l-box .summary-box ul { gap:45px;}
}
@media screen and (max-width:1440px){
	.products-view .detail-box .l-box .summary-box { padding:60px 40px; }
	.products-view .detail-box .l-box .summary-box ul { gap:30px; flex-wrap:wrap; }
	.products-view .detail-box .l-box .summary-box li { width:calc((100% - 150px) / 6); }
	.products-view .detail-box .l-box .summary-box li .icon { width:110px; height:110px; }
}
@media screen and (max-width:1280px){
	.products-view .view-top .infobox { padding:30px 0 0 30px; }
	.products-view .view-top .infobox .price { bottom:18%; left:30px; }
	.products-view .view-top .infobox .share { top:30px; }
	.products-view .detail-box .l-box .summary-box { padding:30px; }
	.products-view .detail-box .l-box .summary-box ul { gap:30px;}
	.products-view .detail-box .l-box .summary-box li .icon { width:110px; height:110px; }
	.products-view .detail-box .l-box { padding-right:20px; }
	.products-view .detail-box .r-box .box { padding:20px; }
	.products-view .detail-box .r-box .box h5 { margin:10px 0 20px; }
	.products-view .detail-box .r-box .box .price-box { padding:20px 0; }
	.products-view .detail-box .r-box .box .btn-box a { height:45px; }
}
@media screen and (max-width:1024px){
	.products-view .type { padding:0 10px; height:26px; }
	.products-view .view-top .infobox { padding:20px 0 0 30px; }
	.products-view .view-top .infobox .price { bottom:10%; }
	.products-view .view-top .infobox .share { top:20px; }
	.products-view .view-top .txtNum { right:10px; bottom:10px; height:25px; padding:0 12px; }
	.products-view .view-top .infobox h4 { margin-top:10px; }
	.products-view .view-top .infobox .keyword { margin-top:10px; gap:5px; }
	.products-view .view-top .infobox .keyword span,
	.products-view .view-top .infobox .keyword a { padding:0 12px; height:28px; }
	.products-view .view-top .btn { width:38px; height:38px; background-size:10px auto; }
	.products-view .view-top .btn.btn_prev { left:0; }
	.products-view .view-top .btn.btn_next { right:0; }
	.products-view .detail-box { margin-top:20px; }
	.products-view .detail-box .l-box { padding-right:10px; }
	.products-view .detail-box .l-box .summary-box { padding:20px; }
	.products-view .detail-box .l-box .summary-box ul { gap:20px; margin-top:15px; }
	.products-view .detail-box .l-box .summary-box li { width:calc((100% - 80px) / 5); }
	.products-view .detail-box .l-box .summary-box li .icon { width:100px; height:100px; }
	.products-view .detail-box .l-box .summary-box li .icon img { height:50px; }
	.products-view .detail-box .l-box .summary-box li .txtbox { margin-top:10px; }
	.products-view .detail-box .l-box .summary-box li .txtbox h5 { margin-bottom:5px; }
	.products-view .detail-box .r-box .box h5 { margin:8px 0 15px; }
	.products-view .detail-box .r-box .box .price-box { padding:15px 0; }
	.products-view .detail-box .r-box .box .btn-box a { height:40px; }
	.products-view .detail-box .r-box .box .btn-box .btn { margin-top:5px; gap:5px; }
	.products-view .detail-box .r-box .box .price-box .total { font-size:var(--font17); }
}
@media screen and (max-width:860px){
	.products-view .view-top { flex-wrap:wrap; }
	.products-view .view-top .imgbox,
	.products-view .view-top .infobox { width:100%; }
	.products-view .view-top .infobox { padding:20px 0 0 0;}
	.products-view .view-top .infobox .keyword { padding-right:0; }
	.products-view .view-top .infobox .price { position:relative; bottom:unset; left:unset; margin:10px 0 10px; }
	.products-view .detail-box .l-box,
	.products-view .detail-box .r-box { width:100%; padding:0; }
	.products-view .detail-box .r-box { transition:all 0.4s; opacity:0; z-index:-22; position:sticky; top:unset; bottom:10px; margin-top:20px; }
	.products-view .detail-box .r-box.off {  }
	.products-view .detail-box .r-box .mbtn { cursor:pointer; position:absolute; top:-30px; left:50%; transform:translateX(-50%); width:100px; height:30px; border-radius:10px 10px 0 0; background:var(--mainColor); display:flex; align-items:center; justify-content:center; gap:10px; }
	.products-view .detail-box .r-box .mbtn span { color:#fff; font-size:var(--font15); font-weight:600; line-height:1.3; }
	.products-view .detail-box .r-box .mbtn figure { display:flex; align-items:center; justify-content:center; }
	.products-view .detail-box .r-box .mbtn img { transform:rotate(180deg); }
	.products-view .detail-box .r-box.off .mbtn img { transform:rotate(0); }
	.products-view .detail-box .r-box.on .mbtn { opacity:0; z-index:-22; }
	.active .products-view .detail-box .r-box { opacity:1; z-index:10; }
}
@media screen and (max-width:640px){
	.products-view .view-top .btn { width:28px; height:28px; background-size:7px auto; }
	.products-view .detail-box .l-box .summary-box { padding:20px 15px; }
	.products-view .detail-box .l-box .summary-box ul { gap:20px 5px; margin-top:15px; }
	.products-view .detail-box .l-box .summary-box li { width:calc((100% - 20px) / 5); }
	.products-view .detail-box .l-box .summary-box li .icon { width:70px; height:70px; }
	.products-view .detail-box .l-box .summary-box li .icon img { height:40px; }
}
@media screen and (max-width:480px){
	.products-view .detail-box .l-box .summary-box { padding:20px; }
	.products-view .detail-box .l-box .summary-box li { width:calc((100% - 10px) / 3); }
}

.products-view .detail-tab { position:relative; }
.products-view .detail-tab .subTab { position:sticky; top:80px; z-index:1; text-align:center; display:flex; align-items:center; justify-content:center; background:#fff }
.products-view .detail-tab .subTab ul { display:flex; width:100%; border-bottom:1px solid #ddd; }
.products-view .detail-tab .subTab.m2 ul li { width:calc(100% / 2); }
.products-view .detail-tab .subTab.m3 ul li { width:calc(100% / 3); }
.products-view .detail-tab .subTab.m4 ul li { width:calc(100% / 4); }
.products-view .detail-tab .subTab.m5 ul li { width:calc(100% / 5); }
.products-view .detail-tab .subTab.m6 ul li { width:calc(100% / 6); }
.products-view .detail-tab .subTab ul li a { position:relative; transition:all 0.3s; height:66px; width:100%; color:#222; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.035em; display:flex; align-items:center; justify-content:center; }
.products-view .detail-tab .subTab ul li a:before { content:""; display:block; transition:all 0.3s; position:absolute; left:0; bottom:-1px; height:2px; width:0; background:var(--mainColor); } 
.products-view .detail-tab .subTab ul li.on a { color:var(--mainColor); }
.products-view .detail-tab .subTab ul li.on a:before { width:100%; }
.products-view .detail-tab .pageCont {}
.products-view .detail-tab .detailCont { margin:0 auto; margin-top:60px; min-height:120px; max-width:720px; display:none }
.products-view .detail-tab .detailCont.on { display:block; }
.products-view .detail-tab .detailCont img { max-width:100% !important; height:auto !important; }
.products-view .detail-tab .smenu { margin-top:15px; }
.products-view .detail-tab .smenu ul { display:flex; flex-wrap:wrap; gap:10px; }
.products-view .detail-tab .smenu ul li a { padding:0 20px; height:43px; color:#aaa; font-size:var(--font18); font-weight:500; line-height:1.3; letter-spacing:-0.035em; display:inline-flex; align-items:center; justify-content:center; border-radius:40px; background:#fff; border:1px solid #ddd;}
.products-view .detail-tab .smenu ul li.on a { border:1px solid var(--mainColor); color:var(--mainColor); }
.products-view .detail-tab .dCont { margin-top:60px; min-height:120px; display:none }
.products-view .detail-tab .dCont.on { display:block }
@media screen and (max-width:1280px){
	.products-view .detail-tab .subTab ul li a { height:60px; }
	.products-view .detail-tab .smenu ul li a { height:40px; }
}
@media screen and (max-width:1024px){
	.products-view .detail-tab .subTab { top:60px; }
	.products-view .detail-tab .subTab ul li a { height:45px; }
	.products-view .detail-tab .detailCont { margin-top:30px; }
	.products-view .detail-tab .smenu { margin-top:10px; }
	.products-view .detail-tab .smenu ul { gap:5px; }
	.products-view .detail-tab .smenu ul li a { padding:0 15px; height:35px; }
	.products-view .detail-tab .dCont { margin-top:30px; }
}
@media screen and (max-width:640px){
	.products-view .detail-tab .subTab ul li a { height:40px; }
	.products-view .detail-tab .detailCont { margin-top:20px; }
	.products-view .detail-tab .smenu ul li a { padding:0 12px; height:33px; }
	.products-view .detail-tab .dCont { margin-top:20px; }
}


.information-box .plist .listbox { display:flex; flex-wrap:wrap; }
.information-box .plist .listbox a { position:relative; display:block; width:100%; }
.information-box .plist .listbox .info-box .info > div,
.information-box .plist .listbox .info-box .info > a { display:flex; align-items:center; gap:5px; }
.information-box .plist .listbox .person { position:absolute; right:60px; bottom:60px; text-align:center; width:80px; word-break:break-word; }
.information-box .plist .listbox .person .i-img { position:relative; width:50px; overflow:hidden; border-radius:70px; margin:0 auto; }
.information-box .plist .listbox .person .i-img:before { content:""; display:block; padding-bottom:100%; }
.information-box .plist .listbox .person .i-img img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.information-box .plist .listbox .person strong { margin-top:10px; display:block; color:#333; font-size:var(--font14); font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.information-box .plist .listbox .bg { transition:all 0.35s ease-in-out; transform:scale(1.00); position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.information-box .plist .listbox .bg:after { content:""; display:block;  position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.8) 100%); }
.information-box .plist .listbox a:hover .bg { transform:scale(1.08); }
.information-box .plist .listbox .keyword { display:flex; flex-wrap:wrap; gap:15px 10px; }
.information-box .plist .listbox .keyword span,
.information-box .plist .listbox .keyword a { transition:all 0.3s; padding:0 15px; height:30px; color:#fff; font-size:var(--font16); font-weight:300; line-height:1; letter-spacing:-0.04em; border:1px solid #fff; border-radius:40px; display:flex; align-items:center; justify-content:center; }
.information-box .plist .listbox .keyword span:hover,
.information-box .plist .listbox .keyword a:hover { color:#fff; border-color:var(--mainColor); background:var(--mainColor); }
.information-box .plist .listbox .bigBox,
.information-box .plist .listbox .list { width:50%; }
.information-box .plist .listbox .bigBox { height:calc(100vh - 80px); position:sticky; top:80px; }
.information-box .plist .listbox .bigBox a { overflow:hidden; height:100%; }
.information-box .plist .listbox .bigBox h4 { position:absolute; left:0; top:0; padding:60px; z-index:2; width:100%; color:#fff; font-size:var(--font24); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.information-box .plist .listbox .bigBox .txtbox { position:absolute; left:0; bottom:0; padding:0 135px 60px 60px; z-index:2; width:100%; }
.information-box .plist .listbox .bigBox .txtbox h5 { margin:15px 0; color:#fff; font-size:var(--font64); font-weight:800; line-height:1.3; letter-spacing:0;  }
.information-box .plist .listbox .bigBox .txtbox h5 span { display:inline; background:linear-gradient(to top, #fff 0 5px, transparent 5px 100%) no-repeat left center; background-size:0 auto !important; line-height:inherit; word-break:inherit; transition:background-size 0.5s; }
.information-box .plist .listbox .bigBox a:hover .txtbox h5 span  { background-size:100% auto !important; }
.information-box .plist .listbox .bigBox .txtbox .txt { color:#fff; font-size:var(--font24); font-weight:300; line-height:1.3; letter-spacing:0;  text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.information-box .plist .listbox .bigBox .txtbox .info-box { margin-top:60px; display:flex; align-items:center; gap:10px 41px; }
.information-box .plist .listbox .bigBox .txtbox .info-box .date { color:#fff; font-size:var(--font18); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.information-box .plist .listbox .bigBox .txtbox .info-box .info { position:relative; display:flex; gap:20px; align-items:center; color:#fff; font-size:var(--font18); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.information-box .plist .listbox .bigBox .txtbox .info-box .info:before { content:""; display:block; position:absolute; left:-20px; top:50%; transform:translateY(-50%); background:rgba(255, 255, 255, 0.2); height:15px; width:1px; }
.information-box .plist .listbox .bigBox .txtbox .info-box .info a { color:#fff; }
.information-box .plist .listbox .bigBox .txtbox .info-box .info .line-w span { width:25px; height:25px; }
.information-box .plist .listbox .bigBox .txtbox .person { width:80px; }
.information-box .plist .listbox .bigBox .txtbox .person .i-img { width:80px; }
.information-box .plist .listbox .bigBox .txtbox .person strong { margin-top:15px; color:#fff; font-size:var(--font18); }
.information-box .plist .listbox .list { padding:90px 60px 120px 30px; display:flex; flex-wrap:wrap; gap:20px 30px; align-content:flex-start; }
.information-box .plist .listbox .list .box { width:calc((100% - 30px) / 2); overflow:hidden; }
.information-box .plist .listbox .list .box:nth-child(2n) { margin-top:100px; }
.information-box .plist .listbox .list .box .bg-box { position:relative; overflow:hidden; border-radius:var(--borderR30); }
.information-box .plist .listbox .list .box .bg-box:before { content:""; display:block; padding-bottom:138%; }
.information-box .plist .listbox .list .box .bg-box h4 { position:absolute; left:0; top:0; padding:30px; z-index:2; width:100%; color:#fff; font-size:var(--font20); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.information-box .plist .listbox .list .box .bg-box .keyword {position:absolute; left:0; bottom:0; padding:30px; z-index:2; }
.information-box .plist .listbox .list .box .txtbox { margin-top:30px; position:relative; }
.information-box .plist .listbox .list .box .txtbox .person { right:0; bottom:unset; top:0; }
.information-box .plist .listbox .list .box .txtbox h5 { padding:0 70px 0 0; transition:all 0.3s; color:#111; font-size:var(--font28); font-weight:800; line-height:1.3; letter-spacing:-0.04em; }
.information-box .plist .listbox .list .box .txtbox h5 span { display:inline; background:linear-gradient(to top, #111 0 3px, transparent 3px 100%) no-repeat left center; background-size:0 auto !important; line-height:inherit; word-break:inherit; transition:background-size 0.5s; }
.information-box .plist .listbox .list .box a:hover .txtbox h5 span  { background-size:100% auto !important; }
.information-box .plist .listbox .list .box .txtbox .txt { margin:20px 0 15px; color:#333; font-size:var(--font16); font-weight:300; line-height:1.5; letter-spacing:-0.04em; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.information-box .plist .listbox .list .box .txtbox .info-box { display:flex; align-items:center; gap:10px 41px; }
.information-box .plist .listbox .list .box .txtbox .info-box .date { color:#666; font-size:var(--font14); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.information-box .plist .listbox .list .box .txtbox .info-box .info { position:relative; display:flex; gap:20px; align-items:center; color:#666; font-size:var(--font14); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.information-box .plist .listbox .list .box .txtbox .info-box .info:before { content:""; display:block; position:absolute; left:-20px; top:50%; transform:translateY(-50%); background:rgba(0, 0, 0, 0.2); height:10px; width:1px; }
.information-box .plist .listbox .list .box .txtbox .info-box .info a { color:#666; }
.information-box .plist .listbox:nth-child(2n+1) { background:#f5f5f5; flex-direction:row-reverse; }
.information-box .plist .listbox:nth-child(2n+1) .list { padding:90px 30px 120px 60px; }
@media screen and (max-width:1440px){
	.information-box .plist .listbox .bigBox h4 { padding:20px 0; }
	.information-box .plist .listbox .bigBox .txtbox { padding:0 100px 20px 20px; }
	.information-box .plist .listbox .person { right:20px; bottom:20px; }
	.information-box .plist .listbox .list,
	.information-box .plist .listbox:nth-child(2n+1) .list { padding:80px 20px 120px 20px; }
}
@media screen and (max-width:1280px){
	.information-box .plist .listbox .person strong { margin-top:8px; }
	.information-box .plist .listbox .bigBox .txtbox .info-box { margin-top:40px; }
	.information-box .plist .listbox .bigBox .txtbox h5 span { background:linear-gradient(to top, #fff 0 3px, transparent 3px 100%) no-repeat left center; }
	.information-box .plist .listbox .bigBox .txtbox .person strong { margin-top:12px; }
	.information-box .plist .listbox .list,
	.information-box .plist .listbox:nth-child(2n+1) .list { padding:60px 20px 100px 20px; gap:15px 20px; }
	.information-box .plist .listbox .list .box { width:calc((100% - 20px) / 2); }
	.information-box .plist .listbox .list .box .bg-box h4,
	.information-box .plist .listbox .list .box .bg-box .keyword { padding:20px; }
	.information-box .plist .listbox .list .box .txtbox { margin-top:20px; }
	.information-box .plist .listbox .list .box .txtbox h5 { padding:0 60px 0 0; }
	.information-box .plist .listbox .list .box .txtbox .info-box { flex-wrap:wrap; gap:8px 20px; }
	.information-box .plist .listbox .list .box .txtbox .info-box .date,
	.information-box .plist .listbox .list .box .txtbox .info-box .info { font-size:var(--font16); width:100%; gap:15px; }
	.information-box .plist .listbox .list .box .txtbox .info-box .info:before { display:none }
	.information-box .plist .listbox .list .box .txtbox .person { right:0; }
}
@media screen and (max-width:1024px){
	.information-box .plist .listbox .keyword { gap:5px; }
	.information-box .plist .listbox .keyword span,
	.information-box .plist .listbox .keyword a { padding:0 12px; height:25px; }
	.information-box .plist .listbox .person { width:50px; }
	.information-box .plist .listbox .person .i-img { width:40px; }
	.information-box .plist .listbox .person strong { margin-top:5px; }
	.information-box .plist .listbox .bigBox .txtbox .person { width:70px; }
	.information-box .plist .listbox .bigBox .txtbox .person .i-img { width:60px; }
	.information-box .plist .listbox .bigBox .txtbox .person strong { margin-top:8px; }
	.information-box .plist .listbox .bigBox .txtbox h5 { margin:20px 0 10px;  }
	.information-box .plist .listbox .bigBox .txtbox h5 span { background:linear-gradient(to top, #fff 0 2px, transparent 2px 100%) no-repeat left center; }
	.information-box .plist .listbox .bigBox .txtbox .info-box { flex-wrap:wrap; gap:10px 20px; margin-top:30px; }
	.information-box .plist .listbox .bigBox .txtbox .info-box .date,
	.information-box .plist .listbox .bigBox .txtbox .info-box .info { gap:10px 15px; }
	.information-box .plist .listbox .bigBox .txtbox .info-box .info:before { display:none }
	.information-box .plist .listbox .bigBox .txtbox .info-box .info .line-w span { width:20px; height:20px; }
	.information-box .plist .listbox .list,
	.information-box .plist .listbox:nth-child(2n+1) .list { padding:40px 20px 80px 20px; gap:10px; }
	.information-box .plist .listbox .list .box { width:calc((100% - 10px) / 2); }
	.information-box .plist .listbox .list .box:nth-child(2n) { margin-top:60px; }
	.information-box .plist .listbox .list .box .bg-box h4,
	.information-box .plist .listbox .list .box .bg-box .keyword { padding:10px; }
	.information-box .plist .listbox .list .box .txtbox { margin-top:15px; }
	.information-box .plist .listbox .list .box .txtbox h5 { padding:0 45px 0 0; }
	.information-box .plist .listbox .list .box .txtbox h5 span { background:linear-gradient(to top, #111 0 2px, transparent 2px 100%) no-repeat left center; }
	.information-box .plist .listbox .list .box .txtbox .person { right:0; }
}
@media screen and (max-width:860px){
	.information-box .plist .listbox .bigBox { width:100%; height:50vh; position:relative; top:0; }
	.information-box .plist .listbox .list,
	.information-box .plist .listbox:nth-child(2n+1) .list { padding:40px 20px; gap:10px; width:100%; }
	.information-box .plist .listbox .list .box { width:calc((100% - 20px) / 3); }
	.information-box .plist .listbox .list .box:nth-child(2n) { margin-top:0; }
}
@media screen and (max-width:640px){
	.information-box .plist .listbox .keyword { gap:3px; }
	.information-box .plist .listbox .keyword span,
	.information-box .plist .listbox .keyword a { padding:0 10px; }
	.information-box .plist .listbox .bigBox { width:100%; height:60vh; position:relative; top:0; }
	.information-box .plist .listbox .bigBox h4 { padding:40px 20px 0; }
	.information-box .plist .listbox .bigBox .txtbox h5 { font-size:var(--font46); }
	.information-box .plist .listbox .bigBox .txtbox .txt { font-size:var(--font20); }
	.information-box .plist .listbox .bigBox .txtbox .person { width:60px; }
	.information-box .plist .listbox .bigBox .txtbox .person .i-img { width:50px; }
	.information-box .plist .listbox .bigBox .txtbox .person strong { margin-top:5px; }
	.information-box .plist .listbox .bigBox .txtbox .info-box { gap:8px 18px; }
	.information-box .plist .listbox .bigBox .txtbox .info-box .date,
	.information-box .plist .listbox .bigBox .txtbox .info-box .info { gap:8px 14px; }
	.information-box .plist .listbox .list,
	.information-box .plist .listbox:nth-child(2n+1) .list { padding:30px 20px; gap:50px 5px; }
	.information-box .plist .listbox .list .box { width:calc((100% - 5px) / 2); }
	.information-box .plist .listbox .list .box .txtbox h5 { font-size:var(--font20); }
	.information-box .plist .listbox .list .box .txtbox .txt { font-size:var(--font18); margin:20px 0 30px; }
	.information-box .plist .listbox .list .box .txtbox .person { right:0; }
	.information-box .plist .listbox .person .i-img { width:35px; }
}

.information-box .shorts .list { position:relative; }
.information-box .shorts .list .swiper-container { position:relative; width:100%; overflow:hidden; }
.information-box .shorts .list .swiper-slide:before { content:""; display:block; padding-bottom:177.78%; }
.information-box .shorts .list .swiper-slide a { position:absolute; left:0; top:0; width:100%; height:100%; display:block; overflow:hidden; border-radius:var(--borderR30); }
.information-box .shorts .list .swiper-slide iframe,
.information-box .shorts .list .swiper-slide video { position:absolute; left:50%; top:50%; width:120%; height:120%; transform:translate(-50%, -50%); border-radius:var(--borderR30); }
.information-box .shorts .list .swiper-slide .txtbox { position:absolute; left:0; top:0; z-index:5; padding:40px; width:100%; height:100%; display:flex; flex-direction:column; justify-content:flex-end;}
.information-box .shorts .list .swiper-slide .txtbox h4 { word-break:break-word; margin-top:20px; color:#fff; font-size:var(--font28); font-weight:500; line-height:1.28; letter-spacing:-0.04em; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.information-box .shorts .list .swiper-pagination { display:none }
.information-box .shorts .list .btn { cursor:pointer; position:absolute; width:50px; height:50px; z-index:10; top:50%; transform:translateY(-50%); border:1px solid #ddd; overflow:hidden; text-indent:-9999em; border-radius:50px; background:#fff url(/img/svg/btn_pn.svg) center center no-repeat; } 
.information-box .shorts .list .btn.btn_prev { left:-70px; }
.information-box .shorts .list .btn.btn_next { right:-70px; transform:rotate(180deg); }
.information-box .shorts .list .btn_next.swiper-button-disabled,
.information-box .shorts .list .btn_prev.swiper-button-disabled { pointer-events:auto; }
@media screen and (max-width:1640px){
	.information-box .shorts .list .btn.btn_prev { left:-25px; }
	.information-box .shorts .list .btn.btn_next { right:-25px; }
}
@media screen and (max-width:1440px){
	.information-box .shorts.list-3 .list .swiper-slide .txtbox { padding:15px 10px 0 10px; }
}
@media screen and (max-width:1024px){
	.information-box .shorts .list .swiper-slide .txtbox { padding:20px; }
	.information-box .shorts .list .swiper-slide .txtbox h4 { margin-top:10px; }
	.information-box .shorts .list .swiper-slide .txtbox .icon img { width:30px; }
	.information-box .shorts .list .btn { width:38px; height:38px; background-size:10px auto; }
	.information-box .shorts .list .btn.btn_prev { left:-18px; }
	.information-box .shorts .list .btn.btn_next { right:-18px; }
}
@media screen and (max-width:640px){
	.information-box .shorts .list .swiper-slide .txtbox .icon img { width:20px; }
	.information-box .shorts .list .swiper-slide .txtbox h4 { margin-top:5px; }
	.information-box .shorts .list .btn { width:28px; height:28px; background-size:7px auto; }
	.information-box .shorts .list .btn.btn_prev { left:-13px; }
	.information-box .shorts .list .btn.btn_next { right:-13px; }
}



.portfolio-box .keyword-box { margin-top:50px; display:flex; flex-wrap:wrap; gap:15px; justify-content:center; padding:0 10%; }
.portfolio-box .keyword-box a { padding:0 25px; height:40px; color:#444; font-size:var(--font18); font-weight:400; line-height:1.3; letter-spacing:-0.04em; border:1px solid #ddd; border-radius:40px; display:flex; align-items:center; justify-content:center; }
@media screen and (max-width:1440px){
	.portfolio-box .keyword-box { padding:0; }
}
@media screen and (max-width:1024px){
	.portfolio-box .keyword-box { margin-top:25px; gap:10px; }
	.portfolio-box .keyword-box a { padding:0 15px; height:36px; }
}
@media screen and (max-width:640px){
	.portfolio-box .keyword-box { margin-top:15px; gap:5px; }
	.portfolio-box .keyword-box a { height:30px; }
}


.products-list { display:flex; flex-wrap:wrap; gap:150px 40px; }
.products-list .box { width:calc((100% - 120px) / 4); overflow:hidden; }
.products-list .box a { position:relative; display:block; width:100%; }
.products-list .box .info-box .info > div,
.products-list .box .info-box .info > a { display:flex; align-items:center; gap:5px; }
.products-list .box .person { position:absolute; right:0; top:0; text-align:center; width:60px; word-break:break-word; }
.products-list .box .person .i-img { position:relative; width:50px; overflow:hidden; border-radius:70px; margin:0 auto; }
.products-list .box .person .i-img:before { content:""; display:block; padding-bottom:100%; }
.products-list .box .person .i-img img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.products-list .box .person strong { margin-top:10px; display:block; color:#333; font-size:var(--font14); font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.products-list .box .bg { transition:all 0.35s ease-in-out; transform:scale(1.00); position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.products-list .box .bg:after { content:""; display:block;  position:absolute; left:0; top:0; width:100%; height:100%;  background:linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0.4) 100%); }
.products-list .box a:hover .bg { transform:scale(1.08); }
.products-list .box .keyword { position:absolute; left:0; bottom:0; padding:20px; z-index:2; display:flex; flex-wrap:wrap; gap:15px 10px; }
.products-list .box .keyword span,
.products-list .box .keyword a { transition:all 0.3s; padding:0 15px; height:30px; color:#fff; font-size:var(--font16); font-weight:300; line-height:1; letter-spacing:-0.04em; border:1px solid #fff; border-radius:40px; display:flex; align-items:center; justify-content:center; }
.products-list .box .keyword span:hover,
.products-list .box .keyword a:hover { color:#fff; border-color:var(--mainColor); background:var(--mainColor); }
.products-list .box .bg-box { position:relative; overflow:hidden; border-radius:var(--borderR30); }
.products-list .box .bg-box:before { content:""; display:block; padding-bottom:138%; }
.products-list .box .bg-box:after { content:""; display:block;  position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.8) 100%); }
.products-list .box .bg-box h4 { position:absolute; left:0; top:0; padding:20px; z-index:2; width:100%; color:#fff; font-size:var(--font20); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.products-list .box .txtbox { margin-top:30px; position:relative; }
.products-list .box .txtbox h5 { transition:all 0.3s; color:#111; font-size:var(--font28); font-weight:600; line-height:1.3; letter-spacing:-0.04em; padding:0 70px 0 0; }
.products-list .box .txtbox h5 span { display:inline; background:linear-gradient(to top, #111 0 3px, transparent 3px 100%) no-repeat left center; background-size:0 auto !important; line-height:inherit; word-break:inherit; transition:background-size 0.5s; }
.products-list .box a:hover .txtbox h5 span { background-size:100% auto !important; }
.products-list .box .txtbox .txt { margin:20px 0 15px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.5; letter-spacing:-0.04em; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.products-list .box .txtbox .info-box { display:flex; align-items:center; gap:10px 21px; }
.products-list .box .txtbox .info-box .date { color:#666; font-size:var(--font14); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.products-list .box .txtbox .info-box .info { position:relative; display:flex; gap:10px; align-items:center; color:#666; font-size:var(--font14); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.products-list .box .txtbox .info-box .info:before { content:""; display:block; position:absolute; left:-10px; top:50%; transform:translateY(-50%); background:rgba(0, 0, 0, 0.2); height:10px; width:1px; }
.products-list .box .txtbox .info-box .info a { color:#666; }
@media screen and (max-width:1280px){
	.products-list { gap:120px 30px; }
	.products-list .box { width:calc((100% - 90px) / 4); }
	.products-list .box .person strong { margin-top:8px; }
	.products-list .box .bg-box h4,
	.products-list .box .bg-box .keyword { padding:15px; }
	.products-list .box .txtbox { margin-top:20px; }
	.products-list .box .txtbox h5 { padding:0 65px 0 0; }
	.products-list .box .txtbox .info-box { flex-wrap:wrap; gap:8px; }
	.products-list .box .txtbox .info-box .date,
	.products-list .box .txtbox .info-box .info { font-size:var(--font16); width:100%; gap:15px; }
	.products-list .box .txtbox .info-box .info:before { display:none }
}
@media screen and (max-width:1024px){
	.products-list { gap:80px 20px; }
	.products-list .box { width:calc((100% - 20px) / 2); }
	.products-list .box .keyword { gap:5px; }
	.products-list .box .keyword span,
	.products-list .box .keyword a { padding:0 12px; height:25px; }
	.products-list .box .person { width:50px; }
	.products-list .box .person .i-img { width:40px; }
	.products-list .box .person strong { margin-top:5px; }
	.products-list .box .bg-box h4,
	.products-list .box .bg-box .keyword { padding:10px; }
	.products-list .box .txtbox { margin-top:15px; }
	.products-list .box .txtbox h5 { padding:0 50px 0 0; }
	.products-list .box .txtbox h5 span { background:linear-gradient(to top, #111 0 2px, transparent 2px 100%) no-repeat left center; }
	.products-list .box .txtbox .info-box .date,
	.products-list .box .txtbox .info-box .info { gap:10px; }
}
@media screen and (max-width:860px){
	.products-list { gap:60px 10px; }
	.products-list .box .list .box { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.products-list { gap:40px 5px; }
	.products-list .box { width:calc((100% - 5px) / 2); }
}

.products-list.pList { gap:30px; }
.products-list .p-box { width:calc((100% - 30px) / 2); overflow:hidden; position:relative; overflow:hidden; }
.products-list .p-box a { width:100%; display:flex; }
.products-list .p-box .type { position:absolute; left:20px; top:20px; z-index:2; padding:0 15px; color:#fff; font-size:var(--font16); font-weight:500; line-height:1.0; letter-spacing:-0.035em; height:30px; border-radius:30px; display:inline-flex; align-items:center; justify-content:center; }
.products-list .p-box .imgbox { position:relative; width:50%; overflow:hidden; border-radius:var(--borderR30); }
.products-list .p-box .imgbox:before { content:""; display:block; padding-bottom:81.5%; }
.products-list .p-box .imgbox:after { transition:all 0.3s ease-in-out; content:""; display:block; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.2); }
.products-list .p-box .imgbox img { transition:all 0.3s; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.products-list .p-box:hover .imgbox img { transform: scale(1.07); }
.products-list .p-box:hover .imgbox:after { opacity:1; }
.products-list .p-box .txtbox { width:50%; padding:40px; border-radius:var(--borderR30); background:#f5f5f5; }
.products-list .p-box .txtbox h5 { color:#111; font-size:var(--font24); font-weight:500; line-height:1.5; letter-spacing:-0.035em; }
.products-list .p-box .txtbox .stxt { margin-top:20px; color:#999; font-size:var(--font18); font-weight:300; line-height:1.5; letter-spacing:-0.035em; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.products-list .p-box .arr { position:absolute; right:20px; bottom:20px; z-index:2; width:40px; height:40px; border-radius:40px; background:#000 url(/img/svg/arr_icon02.svg) center center no-repeat; }
@media screen and (max-width:1440px){
	.products-list .p-box .txtbox { padding:30px; }
}
@media screen and (max-width:1024px){
	.products-list.pList { gap:15px}
	.products-list .p-box { width:calc((100% - 15px) / 2); }
	.products-list .p-box .type { left:10px; top:10px; padding:0 10px; height:26px; }
	.products-list .p-box .txtbox { padding:20px; }
	.products-list .p-box .txtbox .stxt { margin-top:10px; -webkit-line-clamp:2; }
	.products-list .p-box .arr { right:10px; bottom:10px; width:32px; height:32px; background-size:14px auto; }
}
@media screen and (max-width:860px){
	.products-list .p-box a { flex-wrap:wrap; }
	.products-list .p-box .imgbox,
	.products-list .p-box .txtbox { width:100%; }
	.products-list .p-box .imgbox:before { padding-bottom:60%; }
}
@media screen and (max-width:640px){
	.products-list.pList { gap:15px 5px}
	.products-list .p-box { width:calc((100% - 5px) / 2); }
	.products-list .p-box .txtbox { padding:10px; }
	.products-list .p-box .arr { right:7px; bottom:7px; width:24px; height:24px; background-size:11px auto; }
}


.recommend h4 { color:#000; font-size:var(--font60); font-weight:700; line-height:1.33; letter-spacing:-0.04em; }
.recommend .txt { margin-top:30px; color:#111; font-size:var(--font22); font-weight:400; line-height:1.63; letter-spacing:-0.035em; }
.recommend .list { position:relative; margin-top:50px; }
.recommend .list .swiper-container { position:relative; width:100%; overflow:hidden; padding-top:10px; }
.recommend .list .swiper-slide { max-width:360px; }
.recommend .list .swiper-slide:before { content:""; display:block; padding-bottom:110.0%; }
.recommend .list .swiper-slide a:hover { transform:translateY(-10px); }
.recommend .list .swiper-slide a { transition:all 0.3s; position:absolute; left:0; top:0; width:100%; height:100%; display:block; overflow:hidden; border-radius:var(--borderR30);}
.recommend .list .swiper-slide .bg { transition:all 0.35s ease-in-out; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.recommend .list .swiper-slide a:hover .bg { transform:scale(1.08); }
.recommend .list .swiper-slide h5 { position:absolute; left:0; bottom:0; width:100%; padding:0 10px 40px; text-align:center; word-break:break-word;color:#fff; font-size:var(--font28); font-weight:500; line-height:1.28; letter-spacing:-0.04em; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.recommend .list .swiper-pagination { display:none }
.recommend .list .btn { cursor:pointer; position:absolute; width:50px; height:50px; z-index:10; top:50%; transform:translateY(-50%); border:1px solid #ddd; overflow:hidden; text-indent:-9999em; border-radius:50px; background:#fff url(/img/svg/btn_pn.svg) center center no-repeat; } 
.recommend .list .btn.btn_prev { left:-25px; }
.recommend .list .btn.btn_next { right:-25px; transform:rotate(180deg); }
.recommend .list .btn_next.swiper-button-disabled,
.recommend .list .btn_prev.swiper-button-disabled { pointer-events:auto; }
@media screen and (max-width:1440px){
	.recommend .list .swiper-slide .txtbox { padding:15px 10px 0 10px; }
}
@media screen and (max-width:1024px){
	.recommend .txt { margin-top:15px; }
	.recommend .list { margin-top:25px; }
	.recommend .list .swiper-slide h5 { padding:0 10px 20px; }
	.recommend .list .btn { width:38px; height:38px; background-size:10px auto; }
	.recommend .list .btn.btn_prev { left:-18px; }
	.recommend .list .btn.btn_next { right:-18px; }
}
@media screen and (max-width:640px){
	.recommend .txt { margin-top:8px; }
	.recommend .list { margin-top:15px; }
	.recommend .list .swiper-container { padding-top:0; }
	.recommend .list .swiper-slide a:hover { transform:translateY(0); }
	.recommend .list .swiper-slide h5 { padding:0 10px 15px; }
	.recommend .list .btn { width:28px; height:28px; background-size:7px auto; }
	.recommend .list .btn.btn_prev { left:-13px; }
	.recommend .list .btn.btn_next { right:-13px; }
}


.editors-list { display:flex; flex-wrap:wrap; gap:150px 40px; }
.editors-list .box { text-align:center; width:calc((100% - 120px) / 4); }
.editors-list .box .imgbox { position:relative; width:200px; overflow:hidden; border-radius:200px; margin:0 auto; }
.editors-list .box .imgbox:before { content:""; display:block; padding-bottom:100%; }
.editors-list .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.editors-list .box dt { margin-top:30px; color:#111; font-size:var(--font28); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.editors-list .box a:hover dt { color:var(--mainColor); transition:all 0.4s; }
.editors-list .box dd { margin-top:20px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.5; letter-spacing:-0.04em; }
@media screen and (max-width:1280px){
	.editors-list { gap:100px 30px; }
	.editors-list .box { text-align:center; width:calc((100% - 90px) / 4); }
	.editors-list .box .imgbox { width:160px; }
}
@media screen and (max-width:1024px){
	.editors-list { gap:80px 20px; }
	.editors-list .box { width:calc((100% - 60px) / 4); }
	.editors-list .box .imgbox { width:120px; }
	.editors-list .box dt { margin-top:15px; }
	.editors-list .box dd { margin-top:10px; }
}
@media screen and (max-width:1024px){
	.editors-list { gap:60px 10px; }
	.editors-list .box { width:calc((100% - 30px) / 4); }
}
@media screen and (max-width:960px){
	.editors-list .box { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.editors-list { gap:40px 10px; }
	.editors-list .box { width:100%; }
	.editors-list .box .imgbox { width:100px; }
	.editors-list .box dt { margin-top:10px; }
	.editors-list .box dd { margin-top:8px; }
}

.editors-box .profile-box { display:flex; align-items:center; padding-bottom:100px; border-bottom:1px solid #ddd; }
.editors-box .profile-box .imgbox { flex-shrink:0; position:relative; width:250px; overflow:hidden; border-radius:250px; }
.editors-box .profile-box .imgbox:before { content:""; display:block; padding-bottom:100%; }
.editors-box .profile-box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.editors-box .profile-box dl { padding-left:78px; }
.editors-box .profile-box dt { color:#111; font-size:var(--font60); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.editors-box .profile-box dd { margin-top:20px; color:#333; font-size:var(--font22); font-weight:300; line-height:1.5; letter-spacing:-0.04em; }
@media screen and (max-width:1280px){
	.editors-box .profile-box { padding-bottom:70px; }
	.editors-box .profile-box .imgbox { width:200px; }
	.editors-box .profile-box dl { padding-left:70px; }
	.editors-box .profile-box dt { color:#111; font-size:var(--font60); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
	.editors-box .profile-box dd { margin-top:20px; color:#333; font-size:var(--font22); font-weight:300; line-height:1.5; letter-spacing:-0.04em; }
}
@media screen and (max-width:1024px){
	.editors-box .profile-box { padding-bottom:50px; }
	.editors-box .profile-box .imgbox { width:150px; }
	.editors-box .profile-box dl { padding-left:50px; }
	.editors-box .profile-box dd { margin-top:10px; }
}
@media screen and (max-width:640px){
	.editors-box .profile-box { padding-bottom:25px; }
	.editors-box .profile-box .imgbox { width:100px; }
	.editors-box .profile-box dl { padding-left:20px; }
	.editors-box .profile-box dd { margin-top:8px; }
}

.information-box .view-top { width:100%; height:100vh; display:flex; flex-wrap:wrap; align-items:center; position:sticky; top:0; }
.information-box .view-top > div { width:50%; }
.information-box .view-top .imgbox { position:relative; height:100%; overflow:hidden }
.information-box .view-top .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transition:transform 0.3s ease-out, opacity 0.3s ease-out; will-change:transform, opacity; }
.information-box .view-top .txtbox { position:relative; padding-left:60px; padding-top:8.3%; padding-right:5%; transition:opacity 0.3s; height:100%; display:flex; }
.information-box .view-top .txtbox dl { color:#fff; }
.information-box .view-top .txtbox dt { font-size:var(--font18); font-weight:700; line-height:1.3; letter-spacing:-0.035em; padding-left:5px; }
.information-box .view-top .txtbox dd h4 { position:relative; width:100%; margin-top:12px; font-size:var(--font100); font-weight:700; line-height:1.15; /* text-decoration:underline; text-decoration-thickness:8px; text-underline-offset:15px;*/ }
.information-box .view-top .txtbox dd .txt { margin-top:15px; font-size:var(--font22); font-weight:400; line-height:1.3; letter-spacing:-0.055em; }
.information-box .view-top .txtbox dd .date { margin-top:25px; font-size:var(--font22); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.information-box .view-top .txtbox .infobox { position:absolute; left:0; bottom:60px; width:100%; padding:0 60px; display:flex; align-items:flex-end; justify-content:space-between; }
.information-box .view-top .txtbox .infobox .share ul { display:flex; align-items:center; gap:15px; }
.information-box .view-top .txtbox .infobox .person { text-align:center; width:80px; word-break:break-word; }
.information-box .view-top .txtbox .infobox .person .i-img { position:relative; width:70px; overflow:hidden; border-radius:70px; margin:0 auto; }
.information-box .view-top .txtbox .infobox .person .i-img:before { content:""; display:block; padding-bottom:100%; }
.information-box .view-top .txtbox .infobox .person .i-img img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.information-box .view-top .txtbox .infobox .person strong { margin-top:10px; display:block; color:#fff; font-size:var(--font14); font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.information-box .view-top .txtbox.on dl,
.information-box .view-top .txtbox.on .infobox .person strong { color:#111; }
.information-box .view-top .txtbox.on .infobox .share img { filter:brightness(0) invert(0.35); }
.information-box .view-top .txtbox.on .infobox .like-icon span { background:url(/img/svg/like_icon.svg) no-repeat center / cover; }
.information-box .view-top .txtbox.on .infobox .like-icon.active span { background:url(/img/svg/like_on_icon.svg) no-repeat center / cover; }

@media screen and (max-width:1440px){
	.information-box .view-top .txtbox { padding-left:50px; }
	.information-box .view-top .txtbox .infobox { padding:0 50px; bottom:50px; }
}
@media screen and (max-width:1280px){
	.information-box .view-top .txtbox { padding-right:0; }
	/*.information-box .view-top .txtbox dd h4 { text-decoration-thickness:6px; text-underline-offset:12px; } */
}
@media screen and (max-width:1024px){
	.information-box .view-top { position:relative; }
	.information-box .view-top > div { width:100%; }
	.information-box .view-top .imgbox { height:60vh; }
	.information-box .view-top .txtbox { height:40vh; padding:5% 20px; align-items:flex-start; flex-direction:column; justify-content:space-between; opacity:1 !important }
	.information-box .view-top .txtbox dd h4,
	.information-box .view-top .txtbox dd .txt { margin-top:10px; }
	.information-box .view-top .txtbox dd .date { margin-top:15px; } 
	.information-box .view-top .txtbox dd h4 { /* text-decoration-thickness:4px; text-underline-offset:8px;*/ line-height:1.4; }
	.information-box .view-top .txtbox .infobox .person { width:60px; }
	.information-box .view-top .txtbox .infobox .person .i-img { width:50px; }
	.information-box .view-top .txtbox .infobox .person strong { margin-top:5px; }
	.information-box .view-top .txtbox .infobox { position:relative; bottom:unset; left:unset; padding:0; }
}
@media screen and (max-width:640px){
	.information-box .view-top .txtbox { padding:20px; }
	.information-box .view-top .txtbox dd .txt { margin-top:20px; }
	.information-box .view-top .txtbox dd .date { margin-top:20px; } 
}

.information-box .detail-box { background:#fff; padding:150px 0 50px; position:relative; z-index:1; }
.information-box .detail-box .view-box,
.information-box .detail-box .category-box,
.information-box .detail-box .editors-profile,
.information-box .detail-box .comment-box {  max-width:1000px; margin:0 auto; }
.information-box .detail-box .view-box { padding-bottom:90px; border-bottom:1px solid #eee; min-height:100px; }
.information-box .detail-box .view-box img { max-width:100% !important; height:auto !important; }
.information-box .detail-box .view-box * { word-break:break-all !important; overflow-wrap:break-word; !important; word-wrap:break-word !important; }
.information-box .detail-box h4.tit { color:#111; font-size:var(--font24); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.information-box .detail-box .pad { padding:60px 0; border-bottom:1px solid #eee; }
.information-box .detail-box .category-box .keyword { margin-top:30px; display:flex; gap:15px; flex-wrap:wrap; }
.information-box .detail-box .category-box .keyword span,
.information-box .detail-box .category-box .keyword a { word-break:break-word; padding:0 25px; color:#444; font-size:var(--font18); font-weight:400; line-height:1.0; letter-spacing:-0.035em; height:40px; border-radius:40px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #ddd; border-radius:30px; }
.information-box .detail-box .editors-profile .profile-box { margin-top:30px; display:flex; align-items:center; }
.information-box .detail-box .editors-profile .profile-box .imgbox { flex-shrink:0; position:relative; width:100px; overflow:hidden; border-radius:100px; }
.information-box .detail-box .editors-profile .profile-box .imgbox:before { content:""; display:block; padding-bottom:100%; }
.information-box .detail-box .editors-profile .profile-box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.information-box .detail-box .editors-profile .profile-box dl { padding-left:30px; }
.information-box .detail-box .editors-profile .profile-box dt { color:#111; font-size:var(--font30); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.information-box .detail-box .editors-profile .profile-box dd { margin-top:20px; color:#333; font-size:var(--font18); font-weight:300; line-height:1.5; letter-spacing:-0.04em; }
.information-box .detail-box .comment-box,
.information-box .detail-box .comment-box .listbox { margin-top:60px; }
@media screen and (max-width:1024px){
	.information-box .detail-box { padding:120px 0 50px; }
	.information-box .detail-box .view-box { padding-bottom:50px; }
	.information-box .detail-box .pad { padding:30px 0; }
	.information-box .detail-box .category-box .keyword { margin-top:15px; gap:8px; }
	.information-box .detail-box .category-box .keyword span,
	.information-box .detail-box .category-box .keyword a { padding:0 15px; height:35px; }
	.information-box .detail-box .editors-profile .profile-box { margin-top:15px; }
	.information-box .detail-box .editors-profile .profile-box .imgbox { width:70px; }
	.information-box .detail-box .editors-profile .profile-box dl { padding-left:15px; }
	.information-box .detail-box .editors-profile .profile-box dd { margin-top:10px; }
	.information-box .detail-box .comment-box,
	.information-box .detail-box .comment-box .listbox { margin-top:30px; }
}
@media screen and (max-width:960px){
	.information-box .detail-box .view-box table { width:100% !important; }
}
@media screen and (max-width:640px){
	.information-box .detail-box { padding:60px 0 40px; }
	.information-box .detail-box .view-box { padding-bottom:40px; }
	.information-box .detail-box .pad { padding:20px 0; }
	.information-box .detail-box .category-box .keyword span,
	.information-box .detail-box .category-box .keyword a { height:32px; }
	.information-box .detail-box .editors-profile .profile-box { margin-top:10px; }
	.information-box .detail-box .editors-profile .profile-box .imgbox { width:50px; }
	.information-box .detail-box .editors-profile .profile-box dl { padding-left:10px; }
	.information-box .detail-box .editors-profile .profile-box dd { margin-top:5px; }
}

.information-box .detail-box .relation-box .list { position:relative; margin-top:50px; }
.information-box .detail-box .relation-box .list .swiper-container { position:relative; width:100%; overflow:hidden; }
.information-box .detail-box .relation-box a { position:relative; display:block; width:100%; }
.information-box .detail-box .relation-box .info-box .info > div,
.information-box .detail-box .relation-box .info-box .info > a { display:flex; align-items:center; gap:5px; }
.information-box .detail-box .relation-box .person { position:absolute; right:0; top:0; text-align:center; width:60px; word-break:break-word;}
.information-box .detail-box .relation-box .person .i-img { position:relative; width:50px; overflow:hidden; border-radius:70px; margin:0 auto; }
.information-box .detail-box .relation-box .person .i-img:before { content:""; display:block; padding-bottom:100%; }
.information-box .detail-box .relation-box .person .i-img img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.information-box .detail-box .relation-box .person strong { margin-top:10px; display:block; color:#333; font-size:var(--font14); font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.information-box .detail-box .relation-box .bg { transition:all 0.35s ease-in-out; transform:scale(1.00); position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.information-box .detail-box .relation-box .bg:after { content:""; display:block;  position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.8) 100%); }
.information-box .detail-box .relation-box a:hover .bg { transform:scale(1.08); }
.information-box .detail-box .relation-box .keyword {position:absolute; left:0; bottom:0; padding:20px; z-index:2; display:flex; flex-wrap:wrap; gap:15px 10px; }
.information-box .detail-box .relation-box .keyword span,
.information-box .detail-box .relation-box .keyword a { transition:all 0.3s; padding:0 15px; height:30px; color:#fff; font-size:var(--font16); font-weight:300; line-height:1; letter-spacing:-0.04em; border:1px solid #fff; border-radius:40px; display:flex; align-items:center; justify-content:center; }
.information-box .detail-box .relation-box .keyword span:hover,
.information-box .detail-box .relation-box .keyword a:hover { color:#fff; border-color:var(--mainColor); background:var(--mainColor); }
.information-box .detail-box .relation-box .bg-box { position:relative; overflow:hidden; border-radius:var(--borderR30); }
.information-box .detail-box .relation-box .bg-box:before { content:""; display:block; padding-bottom:138%; }
.information-box .detail-box .relation-box .bg-box h4 { position:absolute; left:0; top:0; padding:20px; z-index:2; width:100%; color:#fff; font-size:var(--font20); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.information-box .detail-box .relation-box .txtbox { margin-top:30px; position:relative; }
.information-box .detail-box .relation-box .txtbox h5 { padding:0 70px 0 0; transition:all 0.3s; color:#111; font-size:var(--font28); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.information-box .detail-box .relation-box .txtbox h5 span { display:inline; background:linear-gradient(to top, #111 0 3px, transparent 3px 100%) no-repeat left center; background-size:0 auto !important; line-height:inherit; word-break:inherit; transition:background-size 0.5s; }
.information-box .detail-box .relation-box a:hover .txtbox h5 span { background-size:100% auto !important; }
.information-box .detail-box .relation-box .txtbox .txt { margin:20px 0 15px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.5; letter-spacing:-0.04em; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.information-box .detail-box .relation-box .txtbox .info-box { display:flex; align-items:center; gap:10px 21px; }
.information-box .detail-box .relation-box .txtbox .info-box .date { color:#666; font-size:var(--font14); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.information-box .detail-box .relation-box .txtbox .info-box .info { position:relative; display:flex; gap:20px; align-items:center; color:#666; font-size:var(--font14); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.information-box .detail-box .relation-box .txtbox .info-box .info:before { content:""; display:block; position:absolute; left:-10px; top:50%; transform:translateY(-50%); background:rgba(0, 0, 0, 0.2); height:10px; width:1px; }
.information-box .detail-box .relation-box .txtbox .info-box .info a { color:#666; }
.information-box .detail-box .relation-box .list .swiper-pagination { display:none }
.information-box .detail-box .relation-box .list .btn { cursor:pointer; position:absolute; width:50px; height:50px; z-index:10; border:1px solid #ddd; overflow:hidden; text-indent:-9999em; border-radius:50px; background:#fff url(/img/svg/btn_pn.svg) center center no-repeat; } 
.information-box .detail-box .relation-box .list .btn.btn_prev { left:-25px; }
.information-box .detail-box .relation-box .list .btn.btn_next { right:-25px; transform:rotate(180deg); }
.information-box .detail-box .relation-box .list .btn_next.swiper-button-disabled,
.information-box .detail-box .relation-box .list .btn_prev.swiper-button-disabled { pointer-events:auto; }
@media screen and (max-width:1280px){
	.information-box .detail-box .relation-box .person strong { margin-top:8px; }
	.information-box .detail-box .relation-box .bg-box h4,
	.information-box .detail-box .relation-box .bg-box .keyword { padding:15px; }
	.information-box .detail-box .relation-box .txtbox { margin-top:20px; }
	.information-box .detail-box .relation-box .txtbox h5 { padding:0 60px 0 0; }
	.information-box .detail-box .relation-box .txtbox .info-box { flex-wrap:wrap; gap:8px; }
	.information-box .detail-box .relation-box .txtbox .info-box .date,
	.information-box .detail-box .relation-box .txtbox .info-box .info { font-size:var(--font16); width:100%; gap:15px; }
	.information-box .detail-box .relation-box .txtbox .info-box .info:before { display:none }
}
@media screen and (max-width:1024px){
	.information-box .detail-box .relation-box .list { margin-top:25px; }
	.information-box .detail-box .relation-box .keyword { gap:5px; }
	.information-box .detail-box .relation-box .keyword span,
	.information-box .detail-box .relation-box .keyword a { padding:0 12px; height:25px; }
	.information-box .detail-box .relation-box .person,
	.information-box .detail-box .relation-box .person .i-img { width:40px; }
	.information-box .detail-box .relation-box .person strong { margin-top:5px; }
	.information-box .detail-box .relation-box .bg-box h4,
	.information-box .detail-box .relation-box .bg-box .keyword { padding:10px; }
	.information-box .detail-box .relation-box .txtbox { margin-top:15px; }
	.information-box .detail-box .relation-box .txtbox h5 { padding:0 50px 0 0; }
	.information-box .detail-box .relation-box .txtbox h5 span { background:linear-gradient(to top, #111 0 2px, transparent 2px 100%) no-repeat left center; }
	.information-box .detail-box .relation-box .txtbox .info-box .date,
	.information-box .detail-box .relation-box .txtbox .info-box .info { gap:10px; }
	.information-box .detail-box .relation-box .list .btn { width:38px; height:38px; background-size:10px auto; }
	.information-box .detail-box .relation-box .list .btn.btn_prev { left:-18px; }
	.information-box .detail-box .relation-box .list .btn.btn_next { right:-18px; }
}
@media screen and (max-width:640px){
	.information-box .detail-box .relation-box .list { margin-top:15px; }
	.information-box .detail-box .relation-box .list .btn { width:28px; height:28px; background-size:7px auto; }
	.information-box .detail-box .relation-box .list .btn.btn_prev { left:-13px; }
	.information-box .detail-box .relation-box .list .btn.btn_next { right:-13px; }
}


.subBtnBox * { list-style:none;}
.subBtnBox > ul { display:flex; flex-wrap:wrap; gap:1px; }
.subBtnBox > ul > li { width:calc((100% - 2px) / 3); }
.subBtnBox > ul.m2 > li { width:calc((100% - 1px) / 2); }
.subBtnBox > ul > li a { transition:all 0.4s; color:#111; font-size:var(--font20); font-weight:400; line-height:1.3; letter-spacing:-0.03em; width:100%; height:66px; display:flex; align-items:center; justify-content:center; border-radius:var(--borderR10); background:#f5f5f5; border:1px solid #f5f5f5; text-align:center; }
.subBtnBox > ul > li a:hover,
.subBtnBox > ul > li.on a { color:#e31810; background:#fff; border:1px solid #e31810; }
@media screen and (max-width:1024px){
	.subBtnBox > ul > li,
	.subBtnBox > ul.m2 > li { width:calc((100% - 1px) / 2); }
	.subBtnBox > ul > li a { height:55px; }
}
@media screen and (max-width:640px){
	.subBtnBox > ul > li a { height:45px; }
}

.subBtnBox { display:flex; flex-wrap:wrap; gap:1px; }
.subBtnBox .box { width:calc((100% - 2px) / 3); }
.subBtnBox.m2 .box { width:calc((100% - 1px) / 2); }
.subBtnBox .box a { text-decoration:none !important; transition:all 0.4s; color:#111 !important; font-size:var(--font20); font-weight:400; line-height:1.3; letter-spacing:-0.03em; width:100%; height:66px; display:flex; align-items:center; justify-content:center; border-radius:var(--borderR10); background:#f5f5f5; border:1px solid #f5f5f5; text-align:center; }
.subBtnBox .box a:hover,
.subBtnBox .box.on a { color:#e31810 !important; background:#fff; border:1px solid #e31810; }
.subBtnBox .box a span { color:#111; font-size:var(--font20); font-weight:400; }
.subBtnBox .box a:hover span { color:#e31810; }
@media screen and (max-width:1024px){
	.subBtnBox .box,
	.subBtnBox.m2 .box { width:calc((100% - 1px) / 2); }
	.subBtnBox .box a { height:55px; }
}
@media screen and (max-width:640px){
	.subBtnBox .box a { height:45px; }
}

/* 20251117 btn 수정 */
.swiper-opt__area { display: flex; justify-content:center; align-items:center; gap:20px; }
.products-box .listCont .btn { display: block; cursor: pointer; width: 50px; height: 50px;  z-index: 10; border: 1px solid #ddd; overflow: hidden; text-indent: -9999em; border-radius: 50px; background: #fff url(/img/svg/btn_pn.svg) center center no-repeat; }
.products-box .listCont .btn.swiper-button-disabled { cursor: default; opacity:0.5; }
.products-box .listCont .btn.swiper-button-lock { display: none; }
.products-box .listCont .btn.btn_next { right: -25px; transform: rotate(180deg);}
.products-box .listCont .swiper-pagination { position: static; display: flex; align-items:center; gap:10px; width: auto; height: auto; background-color: transparent; transform: none; }
.products-box .listCont .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #ddd; margin: 0; opacity: 1; }
.products-box .listCont .swiper-pagination .swiper-pagination-bullet-active { background-color: #E31810; }

@media screen and (max-width: 1024px) {
	.products-box .listCont .list .swiper-container { padding-bottom: 30px; }
	.products-box .listCont .btn {  width: 38px; height: 38px; background-size: 10px auto; }
	.products-box .listCont .swiper-pagination { gap:8px; }
	.products-box .listCont .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; }
}
@media screen and (max-width: 640px) {
	.products-box .listCont .list .swiper-container { padding-bottom: 20px; }
	.swiper-opt__area { gap:10px; }
	.products-box .listCont .btn { width: 28px; height: 28px; background-size: 7px auto; }
	.products-box .listCont .swiper-pagination { gap:4px; }
	.products-box .listCont .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; }
}