@charset "utf-8";


.volume_c1 {position:relative; height:82rem; margin-top:-3px; padding-top:12rem;}
.volume_c1 .bg {position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; background:url('../images/volume/volume_c1_bg.jpg') #E0DAD6 no-repeat center/cover; content:'';}
.volume_c1 .cbox {position:relative; z-index:6; padding-left:13rem;}
.volume_c1 .t3 {padding-left:0.9rem; border-left:3px solid #B51D29;}
.volume_c1 img {width:52rem;}
@media screen and (max-width:1650px){
	.volume_c1 .cbox {padding-left:3rem;}
}
@media screen and (max-width:1024px){
	.volume_c1 {height:auto; padding-top:8rem; padding-bottom:80%; background:#E0DAD6;}
	.volume_c1 .bg {top:auto; height:auto; padding-bottom:80%; background-position:right bottom; background-size:200% auto;}
	.volume_c1 .bg::after {position:absolute; top:0; left:0; right:0; z-index:10; height:50%; background: linear-gradient(to bottom, #E0DAD6  0%, rgba(249,249,249,0) 100%); content:'';}
	.volume_c1 .cbox {padding-left:0;}
}


.volume_c2 {padding:19rem 0 10rem;}
.volume_c2 .cbox {display:flex; gap:17rem; justify-content:center;}
.volume_c2 .cbox .img {width:29.5%;}
.volume_c2 .cbox .cont {flex:1; min-width:0; max-width:64rem;}
.volume_c2 .cbox .cont img {background-blend-mode: darken;}
@media screen and (max-width:1650px){
	.volume_c2 .cbox {gap:10rem;}
}
@media screen and (max-width:1024px){
	.volume_c2 {padding:8rem 0;}
	.volume_c2 .cbox {flex-direction:column; gap:5rem;}
	.volume_c2 .cbox .img {width:100%; text-align:center;}
	.volume_c2 .cbox .cont {max-width:none;}
	.volume_c2 .cbox .cont img {display:block; margin:auto;}
}


.volume_c3 {padding:13rem 0 10rem;}
.volume_c3 .cbox {display:flex; gap:14rem; align-items:center; margin-top:5rem;}
.volume_c3 .cbox .img {margin-left:17rem; width:22.78%;}
.volume_c3 .cbox .cont {flex:1; min-width:0;}
.volume_c3 .cbox .t2 {max-width:69rem;}
.volume_c3 .cbox .t3 {color:#828282;}
@media screen and (max-width:1650px){
	.volume_c3 .cbox .img {margin-left:3rem;}
}
@media screen and (max-width:1024px){
	.volume_c3 {padding:12rem 0;}
	.volume_c3 .cbox {flex-direction:column; gap:0;}
	.volume_c3 .cbox .img {margin:0; width:100%;}
	.volume_c3 .cbox .img {max-width:36rem;}
}


.volume_c4 {padding-bottom:15rem; text-align:center;}
.volume_c4 .bar {width:6rem; height:1px; margin:6rem auto 5rem; background:#000;}
.volume_c4 ul {display:flex; justify-content:center; gap:6rem;}
@media screen and (max-width:1024px){
	.volume_c4 {padding-bottom:12rem;}
	.volume_c4 ul {gap:5rem;}
}

.volume_c5 {padding:12rem 0;}
.volume_c5 .stit3 {text-transform:uppercase;}
.volume_c5 .cbox {display:flex; justify-content:center; gap:17rem;}
.volume_c5 .cbox .cont {}
.volume_c5 .cbox .img {width:23.4%;}
.volume_c5 .t3 {color:#828282;}
@media screen and (max-width:1024px){
	.volume_c5 {padding:10rem 0 8rem;}
	.volume_c5 .cbox {flex-direction:column; gap:5rem;}
	.volume_c5 .cbox .img {width:100%; text-align:center;}
	.volume_c5 .cbox .img img {width:36.9rem;}
}

.volume_c6 {text-align:center;}
.volume_c6 .cbox {padding:10rem; background:#fff;}
@media screen and (max-width:1024px){
	.volume_c6 .cbox {padding:4rem 3rem;}
}

.volume_c7 {margin-top:6rem; padding-bottom:12rem;}
.volume_c7 .cbox {padding:10rem; text-align:center; background:#fff;}
#volume_c7_swiper {position:relative; max-width:1059px; margin:7rem auto 0;}
#volume_c7_swiper .swiper-slide .img {position:relative; margin:0 2rem;}
#volume_c7_swiper .swiper-slide .img span {position:absolute; left:50%; top:100%; margin:-1.5rem -4.8rem; line-height:3rem; width:9.6rem; text-align:center; color:#fff; background:#B51D29;}
@media screen and (max-width:1023.98px){
	.volume_c7 {padding-bottom:8rem;}
	.volume_c7 .cbox {padding:4rem 0;}
	#volume_c7_swiper {padding:0 6rem;}
	#volume_c7_swiper .swiper-slide .img {margin:0;}
	#volume_c7_swiper .swiper-button-prev,
	#volume_c7_swiper .swiper-button-next {margin-top:-10rem;}
}


.volume_c8 {overflow:hidden; position:relative; padding:12rem 0;}
.volume_c8 .cbox {display:flex; gap:21.8rem; min-height:70rem;}
.volume_c8 .img {position:relative; width:27.21%;}
.volume_c8 .img::before {position:absolute; top:0; right:0; bottom:0; width:1000px; background:#9C244A; content:'';}
.volume_c8 .img img {position:absolute; right:0; top:12rem; width:41.5rem; margin-right:-13rem;}
.volume_c8 .cont {flex:1; min-width:0; margin-right:7rem; align-self:center;}
.volume_c8 .sbox {display:flex; align-items:center; gap:5.2rem; padding:4rem; background:#FFF8F8;}
.volume_c8 .sbox .simg {width:12.5rem;}
.volume_c8 .sbox .scont {flex:1; min-width:0;}
@media screen and (max-width:1650px){
	.volume_c8 .cont {margin-right:0;}	
}
@media screen and (max-width:1024px){
	.volume_c8 .cbox {flex-direction:column; gap:5rem;}
	.volume_c8 .img {width:100%; height:15rem; margin-top:20rem; background:#9C244A;}
	.volume_c8 .img::before {display:none;}
	.volume_c8 .img img {bottom:0rem; top:auto; right:50%; width:30rem; margin-right:-10rem;}
	.volume_c8 .sbox {padding:3rem; gap:2rem;}
	.volume_c8 .sbox .simg {width:10rem;}
}

.volume_c9 {padding:12rem 0 15rem; text-align:center;}
@media screen and (max-width:1024px){
	.volume_c9 {padding:10rem 0;}
}



.volume_c10 {position:relative; margin-top:-3px;}
.volume_c10 .bg {position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; background:url('../images/volume/volume_c10_bg.jpg') #ebebeb no-repeat center/cover; content:'';}
.volume_c10 .cbox {display:flex; justify-content:center; align-items:center; gap:12.5rem; position:relative; z-index:6;}
.volume_c10 .img {width:49.4rem; position:relative; top:9rem;}
.volume_c10 .cont {flex:1; min-width:0; max-width:61rem; padding:28rem 0 16rem;}
@media screen and (max-width:1024px){
	.volume_c10 {padding:8rem 0; background:#ebebeb;}
	.volume_c10 .bg {top:auto; height:auto; padding-bottom:70%; right:-7%; background-position:right bottom; background-size:200% auto;}
	.volume_c10 .bg::after {position:absolute; top:0; left:0; right:0; z-index:10; height:50%; background: linear-gradient(to bottom, #ebebeb  0%, rgba(249,249,249,0) 100%); content:'';}
	.volume_c10 .cbox {flex-wrap:wrap; justify-content:left; gap:5rem; padding-left:0;}
	.volume_c10 .img {top:auto;}
	.volume_c10 .cont {flex:initial; padding:0; width:80%; max-width:none;}
}

.volume_c11 {padding:18rem 0 10rem; text-align:center;}
@media screen and (max-width:1024px){
	.volume_c11 {padding:12rem 0}
}

.volume_c12 {padding:11rem 0;}
.volume_c12 .cbox {display:flex; justify-content:center; align-items:center; gap:15rem;}
.volume_c12 .img {width:40rem;}
.volume_c12 .cont {flex:1; min-width:0; max-width:72.7rem;}
.volume_c12 .sbox {display:flex; padding:4rem; background:#fff;}
.volume_c12 .sbox ul {flex:1; min-width:0;}
.volume_c12 .sbox li {display:flex; align-items:center; gap:2.2rem;}
.volume_c12 .sbox li+li {margin-top:2.6rem;}
.volume_c12 .sbox span {width:2.1rem; height:2.1rem; border-radius:100%; text-align:center; font-size:1.4rem; line-height:2.1rem; font-weight:500; color:#fff; background:#B51D29;}
.volume_c12 .sbox p {flex:1; min-width:0;}
@media screen and (max-width:1024px){
	.volume_c12 {padding:10rem 0;}
	.volume_c12 .cbox {flex-direction:column; gap:5rem;}
	.volume_c12 .sbox {flex-direction:column; padding:3rem;}
	.volume_c12 .sbox ul+ul {margin-top:1rem;}
	.volume_c12 .sbox li+li {margin-top:1rem;}
	
}

.volume_c13 {padding:18rem 0 7rem; text-align:center;}
@media screen and (max-width:1024px){
	.volume_c13 {padding:12rem 0 6rem;}
}

.volume_c14 {padding:11rem 0 15rem;}
.volume_c14 .cbox {display:flex; justify-content:center; align-items:center; gap:6rem;}
.volume_c14 .cbox .cont {flex:1; min-width:0; max-width:68rem;}
.volume_c14 .cbox .img {width:54.2rem;}
@media screen and (max-width:1024px){
	.volume_c14 {padding:8rem 0;}
	.volume_c14 .cbox {flex-wrap:wrap; justify-content:left;}
	.volume_c14 .cbox .cont {flex:initial; width:100%; max-width:none;}
	.volume_c14 .cbox .img {width:100%;}
}

.volume_c15 {text-align:center;}
.volume_c15 .cbox {max-width:1442px; padding:7rem 3rem; background:#fff;}
.volume_c15 .mbox {max-width:751px; margin:auto; text-align:center;}
.volume_c15 .mbox video {width:100%;}
.volume_c15 .twrap {display:flex; line-height:3rem;}
.volume_c15 .twrap > div {flex:1; min-width:0;}
@media screen and (max-width:1024px){
	.volume_c15 .cbox {padding:4rem 3rem;}
}

.volume_c16 {}
.volume_c16 .cbox {max-width:1442px; position:relative; padding:7rem 7rem 8rem 30rem; text-align:right; background:#fff;}
.volume_c16 .cbox::before {position:absolute; top:8rem; left:-3.3rem; width:26.7rem; height:41.5rem; background:url('../images/volume/volume_c16_ice.png') no-repeat center/contain; content:'';}
.volume_c16 strong {font-weight:600;}
.volume_c16 h4 {display:flex; align-items:center; gap:1rem; justify-content:right; padding-right:5rem;}
.volume_c16 .t2 {display:inline-block; border-bottom:1px solid #000;}
.volume_c16 img {margin-top:9rem;}
@media screen and (max-width:1024px){
	.volume_c16 .cbox {padding:4rem 2rem 4rem 3rem;}
	.volume_c16 .cbox::before {top:10rem; left:50%; width:15rem; height:20rem; margin-left:-8rem;}
	.volume_c16 h4 {padding:0; justify-content:center;}
	.volume_c16 img {margin-top:20rem;}
}
.volume_c17 {padding-bottom:11rem;}
.volume_c17 .cbox {max-width:1442px; position:relative; padding:7rem 30rem 5rem 7rem; background:#fff;}
.volume_c17 .cbox::before {position:absolute; top:6.5rem; right:-5rem; width:33.5rem; height:45.4rem; background:url('../images/volume/volume_c17_ice.png')no-repeat center/contain; content:'';}
.volume_c17 strong {font-weight:600;}
.volume_c17 h4 {display:flex; align-items:center; gap:1.3rem;}
.volume_c17 .t2 {display:inline-block; border-bottom:1px solid #000;}
.volume_c17 img {margin-top:13rem; margin-left:3rem;}
@media screen and (max-width:1024px){
	.volume_c17 {padding-bottom:10rem;}
	.volume_c17 .cbox {padding:4rem 2rem 4rem 3rem;}
	.volume_c17 .cbox::before {top:10rem; left:50%; width:15rem; height:20rem; margin-left:-8rem;}
	.volume_c17 h4 {padding:0; justify-content:center;}
	.volume_c17 h4 .t1 {font-size:1.7rem !important;}
	.volume_c17 img {margin:0; margin-top:20rem;}
}
/*

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){
*/