/* 공통 */
#c2_wrap .c_inner {width: 1300px; margin:0 auto; position: relative;}
#c2_wrap .c_title {text-align: center;}
#c2_wrap .c_title h2 {font-size:14px; font-weight: 400; color:#0867ae; letter-spacing: 7px; font-family: 'Montserrat'; margin-bottom: 20px; text-transform: uppercase;}
#c2_wrap .c_title h1 {font-size:55px; font-weight: 800; color:#333; font-family: 'NanumSquare',sans-serif; }

/*Content CSS*/
#c2_wrap {text-align: center; position: relative; background: url('../img/c2_bg.jpg') 50% 50% no-repeat; background-size:cover; }
#c2_wrap .c_title {position: absolute; top:105px; display: inline-block; left:50%; transform:translateX(-50%); z-index: 2;}
#c2_wrap .c_title h2 {color:#0092ff; }
#c2_wrap .c_title h1 {color:#fff;}
#c2_wrap .c_title p {font-size:17px; font-weight: 400; color:rgba(255,255,255,.5); line-height: 30px; font-family: 'NanumSquare',sans-serif; margin:25px 0 0;}

/* c2_list */
#c2_list {display: flex; width: 100%; }
#c2_list > li {flex:1;}
#c2_list > li a {display: flex; width:100%; flex-direction: column; align-items: center; padding:365px 20px 120px; transition: all .3s ease;
border-left:1px solid rgba(255,255,255,.2); cursor: pointer; }
#c2_list > li:last-child a {border-right:1px solid rgba(255,255,255,.2);}
#c2_list .c2_icon {width: 130px; height: 130px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1;}
#c2_list .c2_icon::before {content: ''; display: block; width: 100%; height: 100%; background: rgba(255,255,255,.08); transform: rotate(45deg); transition: all .3s ease;
border:1px solid rgba(255,255,255,0); position: absolute; left:0; top:0; z-index: -1;}
#c2_list .c2_icon img {transition: transform 500ms;}
#c2_list h1 {width: 183px; padding:10px 0; border-top:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); text-align: center;
font-size:17px; font-weight: 800; color:#fff; font-family: 'NanumSquare',sans-serif; margin:70px 0 30px;}
#c2_list a > ul li {font-size:14px; font-weight: 300; color:rgba(255,255,255,.5); letter-spacing: -.7px; line-height: 26px; position: relative; padding-left:12px;
text-align: left;}
#c2_list a > ul li::before {content: ''; display: block; width: 3px; height: 3px; background: #fff; position: absolute; left:0; top:12px;}

/* hover */
#c2_list > li a:hover {background: rgba(255,255,255,.05); backdrop-filter: blur(5px);}
#c2_list > li a:hover .c2_icon::before {border:1px solid rgba(255,255,255,1);}
#c2_list > li a:hover .c2_icon img {transform: rotateY(180deg);}




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

}

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

}

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

}