/* 공통 */
#c2_wrap .c_inner {width: 100%; 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:2px; font-family: 'Montserrat'; margin-bottom: 15px; text-transform: uppercase;}
#c2_wrap .c_title h1 {font-size: 34px; 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; padding: 60px 0 0; }
#c2_wrap .c_title {padding: 0 20px;}
#c2_wrap .c_title h2 {color:#0092ff; }
#c2_wrap .c_title h1 {color:#fff;}
#c2_wrap .c_title p {font-size:14px; font-weight: 300; color:rgba(255,255,255,.5); line-height: 28px; margin:10px 0 0; word-break: keep-all;}

/* c2_list */
#c2_list {width: 100%; margin-top: 30px; display: flex; flex-wrap: wrap;}
#c2_list > li {border-right: 1px solid rgba(255,255,255,0.2); width: 50%;border-top: 1px solid rgba(255,255,255,0.2);}
#c2_list > li a {width:100%; padding: 40px 20px; transition: all .3s ease;cursor: pointer; display: block;}
#c2_list > li:nth-child(2n) {border-right: 0;}


#c2_list .c2_icon {width: 100%; height: 50px; line-height: 50px; text-align: center; margin-bottom: 30px;}
#c2_list .c2_icon img {transition: transform 500ms;}
#c2_list h1 {width: 100%; 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-bottom: 20px;}
#c2_list a ul li {font-size:12px; font-weight: 300; color:rgba(255,255,255,.5); letter-spacing: -1px; line-height: 26px; position: relative; padding-left:7px;
text-align: left; word-break: keep-all;}
#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:active {background: rgba(255,255,255,.05); backdrop-filter: blur(5px);}
#c2_list > li a:active .c2_icon::before {border:1px solid rgba(255,255,255,1);}
#c2_list > li a:active .c2_icon img {transform: rotateY(180deg);}




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

}

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

}

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

}