/* 공통  */
#c2_wrap .c_inner {width: 100%; margin:0 auto; position: relative;  padding: 0 15px;}
#c2_wrap .c_title h2 {font-size:30px; font-weight: 800; color:#ff961c; letter-spacing: 6px; text-transform: uppercase; font-family: 'NanumSquareRound',sans-serif;}
#c2_wrap .c_title h1 {font-size:28px; font-weight: 800; color:#000; font-family: 'NanumSquareRound',sans-serif; margin-top:20px; }

/*Content CSS*/
#c2_wrap {text-align: center; position: relative; z-index: 1; background-color: #fff; padding:60px 0; overflow: hidden; overflow: hidden; }
#c2_wrap .tab {display: none;}
#c2_wrap .tab.active {display: block;}

#c2_wrap .top {position: relative; display: flex; align-items: center;flex-direction: column; margin-bottom: 30px; }
#c2_wrap .top h1 {font-size:26px; font-weight: 700; color:#000; }


#c2_wrap .plus_btn {display: block; display: flex; align-items: center ;justify-content: center; width: 280px ;height: 50px ; border:2px solid #0000ef; background-color: #fff;
position: relative; z-index: 1; color:#fff; font-size:14px ;font-weight: 400; color:#fff; margin: 40px auto 0;}
#c2_wrap .plus_btn::before {content: ''; display: block; width: 100%; height:100%; position: absolute; left: 0; top: 0; z-index: -1; opacity: 1; transition: opacity .3s ease ;
background-image: linear-gradient(130deg, #0000ef, #00008b);}
#c2_wrap .plus_btn:hover {color:#0000ef; }
#c2_wrap .plus_btn:hover::before {opacity: 0; }
/* tab_btn */
#c2_wrap .tab_btn {display: flex ;  margin-top: 20px;}
#c2_wrap .tab_btn li::after {content: ''; display: inline-block; width: 1px ;height: 15px; background-color: #ddd; margin:0 12px; position: relative; top: 2px ;}
#c2_wrap .tab_btn li:last-child::after {display: none;}
#c2_wrap .tab_btn li a {cursor: pointer; transition: color .3s ease; font-size:14px; font-weight: 700; color:#333; }
#c2_wrap .tab_btn li a.active { color:#0000ff;}


/* dots */
#c2_wrap .slick-dots {display: flex; justify-content: center; margin-top:20px; }
#c2_wrap .slick-dots button {border: 0; border-radius: 50%; font-size:0; transition: all .3s ease ; width: 10px ;height: 10px; background-color: rgba(0,0,0,.09);  outline: none;}
#c2_wrap .slick-dots .slick-active button {background-color: #0000ed;}
#c2_wrap .slick-dots li {margin-right: 20px ;}
#c2_wrap .slick-dots li:last-child {margin-right: 0; }

/* arrow */
#c2_wrap .slick-arrow {position:absolute; width:100%;z-index: 10; top:170px; font-size:0; width: 48px; border:0; height: 32px;  transition: all 0.2s ease; }
#c2_wrap .slick-arrow.slick-prev {position:absolute;left:-80px;  background: url('../img/c2_prev.png') 50% 50% no-repeat;}
#c2_wrap .slick-arrow.slick-next {position:absolute;right:-80px; background: url('../img/c2_next.png') 50% 50% no-repeat; }

/* slider */
.c2_slider {margin:0 0;  position: relative;}
.c2_box {padding:10px; outline: none;}
.c2_box a {display: block; position: relative;   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.11); background-color: #fff  }
.c2_box a::before {content: ''; display: block; position: absolute; left: 0; top: 0 ;transition: border-color .3s ease ;  border:2px solid transparent; width: 100%; height: 100%;
z-index: 4; }
.c2_box .img {width: 100%; overflow: hidden; background: #333; position: relative; z-index: 1; min-height: 150px;}
.c2_box .img::before {content: 'NO IMAGE'; position: absolute; text-align: center; z-index: -1; color:#fff ;font-size:20px ; left:50%; top:50%; transform: translate(-50%, -50%);}
.c2_box .img > img {transition: all .3s ease; width: 100%; }


.c2_box .txt {text-align: left; position: relative; z-index: 2; background-color: #fff; padding:30px 20px;}
.c2_box .txt .plus {display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; background-color: #000; position: absolute; z-index: 2; right: 15px; top: -30px;
transition: background-color .3s ease ;}
.c2_box .txt .plus img {transition: all .3s ease ; width: 20px;}
.c2_box .txt h2 {font-size:13px; font-weight: 500; display: inline-block; color:#0000ff; position: relative; z-index: 1; }
.c2_box .txt h2::before {content: ''; display: block; width: calc(100% + 4px); height: 11px; position: absolute; z-index: -1; left: -2px; bottom: -2px ; background-color: rgba(0,0,255,.15); }
.c2_box .txt h1 {font-size:15px; font-weight: 500; color:#000; width: 100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:10px 0 10px;}
.c2_box .txt span {display: block; font-size:13px; font-weight: 300; color:#afafaf;}

/* hover */
.c2_box a:hover::before {border-color: #0000ed;}
.c2_box a:hover .img > img {transform: scale(1.1);}
.c2_box a:hover .txt .plus {background-color: #0000ed; }
.c2_box a:hover .txt .plus img {transform: rotate(90deg);}





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

}

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

}

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

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

}