/* c2-wrap */
.c2-wrap {padding: 103px 0 120px; background: url("../img/c2_bg.jpg") no-repeat center/cover; overflow: hidden;}
.c2-list {display: flex;}
.c2-list li {width: 33.33%; position: relative; z-index: 1;}
.c2-list li a {display: block; padding: 50px 60px; min-height: 530px; transition: .3s;}
.c2-list li:hover a {transform: translateY(-70px);}
.c2-list .num {position: absolute; right: 50px; top: 55px; width: 80px; height: 55px;}
.c2-list li:nth-child(1) .num {width: 72px;}
.c2-list .num img {position: absolute; left: 0; top: 0; transition: .3s;}
.c2-list .num img:nth-child(1) {opacity: 1;}
.c2-list .num img:nth-child(2) {opacity: 0;}
.c2-list li:hover .num img:nth-child(1) {opacity: 0;}
.c2-list li:hover .num img:nth-child(2) {opacity: 1;}
.c2-list .content {position: absolute; bottom: 60px;}
.c2-list .content h3 {font-family: 'NanumSquare', sans-serif; font-size: 36px; font-weight: 900; color: #fff; margin-bottom: 13px;}
.c2-list .content p {position: relative; font-size: 16px; font-weight: 500; color: #fff; letter-spacing: 8px; padding-right: 25px;}
.c2-list .content p::before {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 7px; background: url("../img/c2_arrow.png") no-repeat center; transition: .3s;}
.c2-list li:hover .content p::before {transform: translateX(10px);}
.c2-list .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1;}
.c2-list li:nth-child(1) .bg {background-image: url("../img/c2_img1.jpg");}
.c2-list li:nth-child(2) .bg {background-image: url("../img/c2_img2.jpg");}
.c2-list li:nth-child(3) .bg {background-image: url("../img/c2_img3.jpg");}