@charset "utf-8";
#main {overflow:hidden;}



.pigment_c1 {display:flex; align-items:center; justify-content:center; height:70rem; position:relative; margin-top:-3px; text-align:center; background:url('../images/pigment/pigment_c1_bg.jpg') no-repeat center/cover;}
@media screen and (max-width:1024px){
	.pigment_c1 {height:auto; padding:8rem 0; background-position:60% center;}
	.pigment_c1 h3 {line-height:1.01;}
}

.pigment_c2 {padding:16rem 0; }
.pigment_c2 .cbox {display:flex; justify-content:center; gap:10rem;}
.pigment_c2 .rcont {flex:1; min-width:0; max-width:1123px;}
.pigment_c2 ul {display:grid; gap:1.3rem; grid-template-columns: repeat(5, 1fr);}
.pigment_c2 li {height:20.5rem; padding-top:4rem; border:1rem solid #F2F2F2; text-align:center;}
.pigment_c2 li span {display:block; color:#B51D29;}
.pigment_c2 li div {font-size:1.8rem; margin:1rem auto 0; line-height:1.48}
@media screen and (max-width:1650px){
	.pigment_c2 ul {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width:1024px){
	.pigment_c2 {padding:12rem 0;}
	.pigment_c2 .cbox {flex-direction:column; gap:4rem; margin:0; text-align:center;}
	.pigment_c2 ul {grid-template-columns: repeat(2, 1fr)}
	.pigment_c2 li {border-width:0.8rem;}
}

.pigment_c3 {}
.pigment_c3 .cbox {display:flex; padding:8rem 11.3rem 6.5rem 13rem; background:#E6EEEE;}
.pigment_c3 .img {position:relative; z-index:3; width:38%; max-width:475px; margin-bottom:6rem;}
.pigment_c3 .cont {flex:1; min-width:0; margin-left:-37.8rem; margin-top:1.6rem; padding:9rem 3rem 11rem 46.8rem; background:#fff;}
.pigment_c3 .tbar {width:4.7rem; margin:4rem 0 6rem;}
.pigment_c3 .slist {display:flex; position:relative; margin-left:2rem;}
.pigment_c3 .slist li {flex:1; min-width:0; position:relative; z-index:2; padding-top:3rem;}
.pigment_c3 .slist li::before {position:absolute; top:0; left:0; right:0; border-top:1px dashed #000; content:'';}
.pigment_c3 .slist li:last-child::before {display:none;}
.pigment_c3 .slist li::after {position:absolute; top:0; left:0; width:1.4rem; height:1.4rem; margin:-0.7rem; border-radius:100%; border:3px solid #B51D29; background:#fff; content:'';}
.pigment_c3 .slist li > div {display:inline-block; transform:translateX(-50%); text-align:center;}

.pigment_c3.pigment2 .cbox {background:#F6F1EC;}
.pigment_c3.pigment2 .img {max-width:550px;}

.pigment_c3.pigment3 .cbox {background:#EFF4EE;}
.pigment_c3.pigment3 .img {width:48%; max-width:627px;}
@media screen and (max-width:1800px){
	.pigment_c3 .stit1 {line-height:1;}
	.pigment_c3 .cbox {padding:8rem 8rem 6.5rem 8rem;}
	.pigment_c3 .cont {padding:9rem 3rem 12rem 45rem;}
}
@media screen and (max-width:1024px){
	.pigment_c3 .stit1 {line-height:1; font-size:4.2rem;}
	.pigment_c3 .cbox {flex-wrap:wrap; margin:0; width:auto; padding:5rem 3rem;}
	.pigment_c3 .img {width:100% !important; max-width:none !important; margin-bottom:0 !important; padding-right:5rem;}
	.pigment_c3 .cont {flex:initial; width:100%; min-height:auto; margin:-3rem 0 0 2rem; padding:7rem 3rem 3rem;}
	.pigment_c3 .tbar {margin:3rem 0 4rem;}
	.pigment_c3 .slist {margin-left:3rem; margin-right:-10rem;}
	.pigment_c3 .slist .fs_19 {font-size:1.7rem !important;}
}


.pigment_c4 {margin-top:11rem}
.pigment_c4 .cbox {display:flex; padding:5rem 11.3rem 8rem 13.3rem; background:#E6EEEE;}
.pigment_c4 .img {position:relative; z-index:3; width:42%; max-width:555px;  margin-bottom:6rem; margin-left:-41.3rem;}
.pigment_c4 .cont {flex:1; min-width:0; margin-top:6rem; padding:11rem 43rem 11rem 13rem; background:#fff;}
.pigment_c4 .tbar {width:4.7rem; margin:4rem 0 6rem;}

.pigment_c4.pigment2 .cbox {background:#F6F1EC;}
.pigment_c4.pigment2 .img {max-width:521px;}

.pigment_c4.pigment3 .cbox {background:#EFF4EE;}
.pigment_c4.pigment3 .img {width:47%; max-width:621px;}
@media screen and (max-width:1800px){
	.pigment_c4 .stit1 {line-height:1;}
	.pigment_c4 .cbox {padding:8rem 8rem 6.5rem 8rem;}
	.pigment_c4 .cont {padding:9rem 43rem 12rem 9rem;}
}
@media screen and (max-width:1024px){
	.pigment_c4 {margin-top:8rem}
	.pigment_c4 .stit1 {line-height:1; font-size:4.2rem;}
	.pigment_c4 .cbox {flex-direction:column-reverse; margin:0; width:auto; padding:5rem 3rem;}
	.pigment_c4 .img {width:100% !important; max-width:none !important; margin:0; margin-bottom:0 !important; padding-right:5rem;}
	.pigment_c4 .cont {min-height:auto; margin:-3rem 0 0 2rem; padding:7rem 3rem 3rem;}
	.pigment_c4 .slist {margin-left:3rem; margin-right:-10rem;}
	.pigment_c4 .slist .fs_19 {font-size:1.7rem !important;}
	.pigment_c4 .tbar {margin:3rem 0 4rem;}
}



.pigment_c5 {overflow:hidden; padding:25rem 0 18rem; text-align:center;}



#device_swiper {margin-top:4rem;}
#device_swiper .swiper-container {padding:10rem 0;}
#device_swiper .swiper-slide {width:42.1rem;}
#device_swiper .swiper-slide .inbox {width:45.9rem; padding-bottom:4rem; margin-left:-6rem; transform:scale(.8823); color:#727272; background:#F0F0F0; transition:all 0.4s;}
#device_swiper .t3 {color:#656565;}
#device_swiper .img {display:inline-block; width:100%; margin:-10rem 0 0;}

#device_swiper .swiper-slide-duplicate-active .inbox,
#device_swiper .swiper-slide-active .inbox {transform:scale(1); margin-left:-2rem; color:#000; background:#fff; box-shadow: 0 0 2.5rem .5rem rgba(0, 0, 0, 0.10);}
#device_swiper .swiper-slide-duplicate-active +.swiper-slide .inbox,
#device_swiper .swiper-slide-active +.swiper-slide .inbox,
#device_swiper .swiper-slide-duplicate-active+.swiper-slide+.swiper-slide .inbox,
#device_swiper .swiper-slide-active +.swiper-slide+.swiper-slide .inbox,
#device_swiper .swiper-slide-duplicate-active+.swiper-slide+.swiper-slide+.swiper-slide .inbox,
#device_swiper .swiper-slide-active +.swiper-slide+.swiper-slide+.swiper-slide .inbox,
#device_swiper .swiper-slide-duplicate-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide .inbox,
#device_swiper .swiper-slide-active +.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide .inbox {margin-left:2rem;}
#device_swiper .controls {position:relative; display:flex; align-items:center; justify-content:center; gap:2rem; margin-top:1rem;}
#device_swiper .swiper-button-prev,
#device_swiper .swiper-button-next {position:relative; top:auto; left:auto; right:auto; margin:0; width:2.7rem; height:2.7rem; background:url('../images/antiaging/swiper_arr.svg') no-repeat center/contain;}
#device_swiper .swiper-button-next {transform:rotate(180deg);}
#device_swiper .swiper-pagination {position:relative; display:flex; align-items:center; width:auto; gap:1.6rem;}
#device_swiper .swiper-pagination-bullet {width:.8rem; height:0.8rem; background:#B3B3B3; opacity:1; border-radius:0; transition:all 0.4s;}
#device_swiper .swiper-pagination-bullet-active {width:7rem; background:#C00000;}
@media screen and (max-width:1024px){
	.pigment_c5 {padding:12rem 0;}
	#device_swiper {margin-top:2rem;}
	#device_swiper .swiper-slide {width:29.5rem;}
	#device_swiper .swiper-slide .inbox {width:33rem;}
}


.pigment_c6 {padding:15rem 0 20rem; text-align:center; color:#fff; background:url('../images/pigment/pigment_c6_bg.jpg') no-repeat center/cover;}
.pigment_c6 .cbox {display:flex; align-items:center; justify-content:center; min-height:11rem; gap:6rem; position:relative; max-width:1290px; margin:auto;}
.pigment_c6 .cbox::before {position:absolute; top:0; left:0; width:2.5rem; height:100%; border:1rem solid #bb2598; border-right:0; content:'';}
.pigment_c6 .cbox::after {position:absolute; top:0; right:0; transform:rotate(180deg); width:2.5rem; height:100%; border:1rem solid #bb2598; border-right:0; content:'';}
.pigment_c6 .logo1 {max-width:25.7rem;}
.pigment_c6 .logo2 {max-width:30.2rem;}
.pigment_c6 .logo3 {max-width:38.8rem;}
@media screen and (max-width:1024px){
	.pigment_c6 {padding:8rem 0 10rem;}
	.pigment_c6 .cbox {flex-direction:column; gap:2rem; width:85%; padding:2rem 0;}
	.pigment_c6 .cbox img {transform:scale(0.7);}
}


.pigment_c7 {margin-top:20rem;}
.pigment_c7 .cbox {display:flex; justify-content:space-between;}
.pigment_c7 .cbox .lcont {flex:1; min-width:0; margin-left:6rem;}
.pigment_c7 .cbox .t1 {padding-left:3.2rem; border-left:3px solid #B51D29;}
.pigment_c7 .cbox .rcont {width:55%; max-width:87rem; margin-right:6rem;}
.pigment_c7 ul {display:grid; gap:2rem; grid-template-columns: repeat(2, 1fr);}
.pigment_c7 ul .inbox {position:relative;}
.pigment_c7 ul .txt {display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; right:0; bottom:0; color:#fff; background:rgba(0,0,0,0.4); content:''; opacity:0; transition:all 0.4s;}


@media screen and (max-width:1650px){
	.pigment_c7 .cbox .lcont,
	.pigment_c7 .cbox .rcont {margin:0;}
}
@media screen and (min-width:1024.1px){
	.pigment_c7 ul li:hover .txt {opacity:1;}
}
@media screen and (max-width:1024px){
	.pigment_c7 {margin-top:12rem;}
	.pigment_c7 .cbox {flex-wrap:wrap; gap:5rem;}
	.pigment_c7 .cbox .lcont {flex:initial; width:100%;}
	.pigment_c7 .cbox .rcont {width:100%;}
}


.pigment_c8 {margin-top:20rem;}
.pigment_c8 .cbox {display:flex; align-items:center; gap:12rem;}
.pigment_c8 .img {width:40.94%;}
.pigment_c8 .cont {flex:1; min-width:0;}
@media screen and (max-width:1024px){
	.pigment_c8 .cbox {flex-direction:column; gap:4rem;}
	.pigment_c8 .img {width:100%;}
	.pigment_c8 .cont {width:100%;}
}

.pigment_c9 {margin-bottom:18rem; padding:12rem 0; text-align:center; background:#F6F1EC}
.pigment_c9 .img {margin-top:11rem;}
@media screen and (max-width:1024px){
	.pigment_c9 {margin-bottom:13rem; padding:10rem 0;}
	.pigment_c9 .img {margin-top:6rem; text-align:center;}
	.pigment_c9 .img img {margin:auto;}
}

.pigment_c10 {overflow:hidden; padding:25rem 0 0; text-align:center;}
@media screen and (max-width:1024px){
	.pigment_c10 {padding:12rem 0 0;}	
}


.pigment_c11 {padding:8rem 0 15rem;}
.pigment_c11 .cbox {display:flex; align-items:center; justify-content:center; gap:14rem;}
.pigment_c11 .img {width:42.78%;}
@media screen and (max-width:1650px){
	.pigment_c11 .cbox {gap:10rem;}
}
@media screen and (max-width:1024px){
	.pigment_c11 {padding:8rem 0 12rem;}
	.pigment_c11 .cbox {flex-direction:column; gap:5rem;}
	.pigment_c11 .cont {width:100%;}
	.pigment_c11 .img {width:100%;}
}


.pigment_c12 {margin-bottom:24rem; padding:10rem 0; text-align:center; color:#fff; background:url('../images/pigment/pigment_c12_bg.jpg') no-repeat center/cover;}
.pigment_c12 ul {display:flex; align-items:center; justify-content:center; gap:10rem;}
.pigment_c12 li {position:relative;}
.pigment_c12 li span {position:absolute; top:50%; left:0; right:0; margin-top:-1.5rem; text-align:center; font-size:2.2rem; line-height:3rem;}
@media screen and (max-width:1024px){
	.pigment_c12 {margin-bottom:12rem; padding:8rem 0;}
	.pigment_c12 ul {gap:7rem;}
	.pigment_c12 li span {font-size:2rem;}
}
@media screen and (max-width:700px){
	.pigment_c12 ul {gap:2rem;}
}

.pigment_c13 {margin-top:10rem;}
.pigment_c13 .cbox1 {padding:17rem 0 28rem; text-align:center; color:#fff; background:url('../images/pigment/pigment_c13_bg.jpg') no-repeat center/cover;}
.pigment_c13 .cbox2 .container2 {max-width:1390px; margin-top:-19rem !important;}
.pigment_c13 ul {display:grid; gap:2rem; grid-template-columns: repeat(4, 1fr);}
.pigment_c13 ul li {padding:4rem 0; border:1rem solid #F2F2F2; text-align:center; background:#fff;}
.pigment_c13 .t1 {margin:2rem 0;}

@media screen and (max-width:1024px){
	.pigment_c13 {margin-top:0rem;}
	.pigment_c13 .cbox1 {padding:8rem 0 24rem;}
	.pigment_c13 ul {gap:1rem; grid-template-columns: repeat(2, 1fr);}
	.pigment_c13 ul li {padding:3rem 2rem;}
	.pigment_c13 .fs_18 {font-size:1.6rem !important;}
	.pigment_c13 .t1 {margin:1rem 0;}
}

.pigment_c14 {margin-top:18rem; text-align:center;}
.pigment_c14 .cbox {display:flex; align-items:center; gap:8.6rem; margin-top:14rem;}
.pigment_c14 .cbox .img {width:40.12%; margin-left:6rem;}
.pigment_c14 .cbox .cont {flex:1; min-width:0; max-width:65rem; text-align:left;}

@media screen and (max-width:1024px){
	.pigment_c14 {margin-top:8rem;}
	.pigment_c14 .cbox {flex-direction:column; margin-top:10rem; gap:4rem;}
	.pigment_c14 .cbox .img {width:100%; margin:0; text-align:left;}
	.pigment_c14 .cbox .cont {max-width:100%;}
}


.pigment_c15 {margin-top:12rem;}
.pigment_c15 h4 {margin-left:6rem;}
.pigment_c15 .prod_swiper {margin-top:7rem;}
@media screen and (max-width:1024px){
	.pigment_c15 h4 {margin-left:0;}
	.pigment_c15 .prod_swiper {margin-top:2rem;}
}

.pigment_c16 {margin:26rem 0 10rem;}
.pigment_c16 .cbox {display:flex; align-items:center; justify-content:space-between; gap:10rem; max-width:1485px; margin:auto;}
.pigment_c16 .cont {flex:1; min-width:0; max-width:62rem;}
.pigment_c16 .img {width:49.5%;}
@media screen and (max-width:1024px){
	.pigment_c16 {margin-top:15rem;}
	.pigment_c16 .cbox {flex-direction:column-reverse; gap:4rem; margin-top:15rem;}	
	.pigment_c16 .img {width:100%;}
	.pigment_c16 .cont {width:100%; max-width:none;}
}

.pigment_c17 {display:flex; margin-top:30rem; background:#F9F9F9;}
.pigment_c17 .img {width:50.52%; background:url('../images/pigment/pigment_c17_bg.jpg') no-repeat center/cover;}
.pigment_c17 .cont {flex:1; min-width:0; padding:18.5rem 15.7rem;}
@media screen and (max-width:1650px){
	.pigment_c17 .cont {padding:18.5rem 5rem 18.5rem 12rem;}
}
@media screen and (max-width:1024px){
	.pigment_c17 {flex-direction:column; margin-top:15rem;}
	.pigment_c17 .img {width:100%; padding-bottom:65%;}
	.pigment_c17 .cont {padding:4rem 3rem;}
}
/*

flex-direction:column;
display:flex; align-items:center; justify-content:center;
font-family: "Kumbh Sans",sans-serif;
font-family: 'Optima', sans-serif;
font-family: 'Namdhinggo', serif;
font-family: "KoPubBatang",serif;
 • 
 pretendard
 @media screen and (max-width:1650px){
*/