/* 공통 */
#c2_wrap .c_inner {width: 1300px; margin:0 auto; position: relative; }
#c2_wrap .c_title h2 {font-family: 'NanumSquare',sans-serif;font-size: 24px; color:#009fe8; margin-bottom: 15px; font-weight: bold; font-weight: 400;}
#c2_wrap .c_title h1 {font-family: 'NanumSquare',sans-serif; font-size: 36px; color:#000; font-weight: 800;}
#c2_wrap .c_title p {font-family: 'NanumSquare',sans-serif; font-size: 14px; color:#888; margin-top: 30px; line-height: 28px; word-break: keep-all; font-weight: 400; letter-spacing: -.4px;}


/*Content CSS*/
#c2_wrap {text-align: left; padding:110px 0; background: url('../img/dot_bg.jpg') 50% 50% repeat;}
#c2_wrap .c_inner {display: flex; align-items: center; justify-content: space-between;}

/* left */



/* right */
#c2_right {display: flex; justify-content: space-between; width: 930px; }
#c2_right .box {width: 300px; position: relative; z-index: 1; height: 400px; }
#c2_right .box .cover {width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; top: 0; left: 0; transition: background-color 0.3s ease; opacity: 1; z-index: -1;}
#c2_right .box .img {width: 100%; overflow: hidden; position: relative; z-index: -2;  background-color: #fff; display: flex; align-items: center ;justify-content: center ;height: 100%;}
#c2_right .box .img img {transition: all 0.3s; transform: scale(1);}
#c2_right .box .txt {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; width: 100%; position: absolute; width: 100%; left:0; bottom: 27px;
padding:0 25px 0 40px; }
#c2_right .box .txt h1 {font-size: 17px; font-family: 'NanumSquare',sans-serif; color:#fff; font-weight:700; padding-bottom: 15px ;}
#c2_right .box .txt h1::before {display: block; content: ""; margin-bottom: 25px; width: 27px; height: 2px; background: #fff;}
#c2_right .box .txt .more {width: 71px; height: 71px; border: 1px solid #fff; text-align: center; line-height: 71px; font-size: 14px; color:#fff; transition: all 0.3s ease ; font-weight: 400;}
#c2_right .box .num {position: absolute; left:40px ;top:45px; width:92px;  height:57px; transition: all .3s ease; }
#c2_right .box .num.no1 {background: url('../img/num1.png')no-repeat 0% 50%; }
#c2_right .box .num.no2 {background: url('../img/num2.png')no-repeat 0% 50%; }
#c2_right .box .num.no3 {background: url('../img/num3.png')no-repeat 0% 50%; }

/* hover */
#c2_right .box a:hover .num.no1 {background: url('../img/num1_ov.png')no-repeat 0% 50%;}
#c2_right .box a:hover .num.no2 {background: url('../img/num2_ov.png')no-repeat 0% 50%;}
#c2_right .box a:hover .num.no3 {background: url('../img/num3_ov.png')no-repeat 0% 50%;}
#c2_right .box a:hover .cover {background: rgba(0,0,0,.75);}
#c2_right .box a:hover .img img {transform: scale(1.1);}
#c2_right .box a:hover .more {background-color: #009fe8; border-color:#009fe8; }





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

}

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

}

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

}