/*공통*/
#c2_wrap .c_inner { margin: 0 auto; min-width: 1340px; max-width: 1340px;}
#c2_wrap .c_title h2 {font-size:14px; font-weight: 500; color:#675846; letter-spacing: 10.78px; text-transform: uppercase; font-family: 'Montserrat'; margin-bottom: 25px;}
#c2_wrap .c_title h1 {font-size:54.5px; font-weight: 300; color:#333; font-family: 'NanumSquare',sans-serif;	}
#c2_wrap .c_title h1 b {font-weight: 700;}

/*Content CSS*/
#c2_wrap { width: 100%; height: 100vh; background:#fff; background-size: cover; overflow: hidden; text-align: center; position: relative; display: flex; align-items: center;}
#c2_wrap::before {content: ''; display: block; width: 668px; height: 229px; background: url('../img/c2_tri1.png') 50% 50% no-repeat; position: absolute; left:0; bottom: 0;}
#c2_wrap::after {content: ''; display: block; width: 668px; height: 229px; background: url('../img/c2_tri2.png') 50% 50% no-repeat; position: absolute; right:0; top: 0;}

/* c2_list */
#c2_list {display: flex; width: 100%; justify-content: space-between; position: relative; margin-top:100px; padding:0 50px; z-index: 1;}
#c2_list::before {content: ''; display: block; width: 100%; height: 1px; background: #cbc8c1; position: absolute; left:0; top:27px;}
#c2_list li .num_cir { position: relative; margin:0 auto; z-index: 1; width: 55px; height: 55px;}
#c2_list li .num_cir h1 {font-size:30px; font-weight: 800; color:#fff; font-family: 'NanumSquare',sans-serif; background: #cbc8c1; transition: all .3s ease;
width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin:0 auto;}
/* num_cir animation */
.num_cir > span {    border-radius: 50%; position: absolute; left:-20px; top:-20px; transform: translate(-50%, -50%); opacity: 0; margin: 0; width: 95px; height: 95px;
    border:2px solid #675846; -webkit-animation: intro-circle 2s 0s linear infinite; animation: intro-circle 2s 0s linear infinite; z-index: -1; display: none;}
.num_cir > span:nth-child(2) { -webkit-animation-delay: -1s; animation-delay: -1s; }
.num_cir > span:nth-child(3) {-webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
@keyframes intro-circle {
  0% {
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
	opacity: 0.3;
   }
  50% {
	opacity: 0.8;
   }
  100% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0; }
}

@-webkit-keyframes intro-circle {
	0% {
		-webkit-transform: scale(0.3);
        transform: scale(0.3);
		opacity: 0.3;
	}
	5% {
		opacity: 0.8;
	}
	100% {
		-webkit-transform: scale(1);
        transform: scale(1);
		opacity: 0;
	}
}
#c2_list li.active .num_cir h1 {background: #675846;}
#c2_list li.active .num_cir span {display: block;}



#c2_list li .c2_icon {height: 79px; line-height: 79px; margin:55px 0 30px;}
#c2_list li h2 {font-size:20px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif;}
#c2_list li p {font-size:15px; font-weight: 300; color:#a19f9b; line-height: 26px; letter-spacing: -.4px; margin-top:20px;}





@media screen and (max-width:1700px) {

}

@media screen and (max-width:1500px) {

}

@media screen and (max-width:1300px) {

}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {

}