/* common */
#c2_wrap .c_inner { max-width: 1460px; width: 100%; margin:0 auto; position: relative; padding:0 60px;}
#c2_wrap .c_title h2 {font-size: 44px; font-weight: 500; color:#000; letter-spacing: -1.1px; text-transform: uppercase; }
#c2_wrap .c_title p {margin-top: 10px; font-size: 16px; font-weight: 300; color:#333; letter-spacing: -.4px; }
#c2_wrap .c_btn a {display: flex; align-items: center ;justify-content: center ;border-radius: 50%; width: 62px; height: 62px; border:1px solid rgba(255, 255, 255, 0.3);
transition: all .3s; position: absolute; right: 0;top: 50%;  transform: translateY(-50%);}
#c2_wrap .c_btn a i {display: block; width: 25px; height: 25px; transition: all .3s; background:url("../img/plus_w.png") 50%/cover no-repeat;}
#c2_wrap .c_btn a:hover {background-color: #000; border-color: #000; }
#c2_wrap .c_btn a:hover i {transform: rotate(90deg); background-image:url("../img/plus_w.png");}
#c2_wrap .c_btn_mob a {font-size: 14px; width: 200px; height: 50px; display: none; align-items: center; justify-content: center; margin: 0 auto; line-height: 1;
transition: all .3s; font-weight: 300; bordeR:1px solid rgba(255, 255, 255, 0.3); margin:30px auto 0;}
#c2_wrap .c_btn_mob a i {display: block; width: 12px; height: 12px; transition: all .3s; background:url("../img/plus.png") 50%/contain no-repeat; margin-left: 10px; }
#c2_wrap .c_btn_mob a:hover {background-color: #000; border-color: #000; color:#fff;}
#c2_wrap .c_btn_mob a:hover i {transform: rotate(90deg); background-image:url("../img/plus_w.png");}

/*Content CSS*/
#c2_wrap {padding: 100px 0; text-align: center; overflow: hidden;}
#c2_wrap .title {position: relative;}
#c2_wrap .bo_list {display: flex; flex-wrap: wrap; margin-top: 40px; }
#c2_wrap .bo_list li {width: calc(25% - 3px); margin-right: 4px; }
@media screen and (min-width: 1025px) {
    #c2_wrap .bo_list li:nth-child(4n) {margin-right: 0;}
    #c2_wrap .bo_list li:nth-child(n+5) {margin-top: 4px; }
}
#c2_wrap .bo_list a {display: flex; align-items: center ;justify-content: center; overflow: hidden; position: relative; }
#c2_wrap .bo_list a img {transition: transform .3s; width: 100%;}
#c2_wrap .bo_list a:hover img {transform: scale(1.05);}
#c2_wrap .bo_list .txt {position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,.5); text-align: left; padding:25px 20px;
display: flex; align-items: flex-end; transition: opacity .3s; opacity:0;}
#c2_wrap .bo_list .txt > div {width: 100%;}
#c2_wrap .bo_list .txt h3 {font-size: 18px; font-weight: 700; color:#fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; }
#c2_wrap .bo_list .txt p {font-size: 12px; font-weight: 300; color:rgba(255, 255, 255, 0.7); letter-spacing: -.3px; line-height: 20px; margin-top: 10px;
text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; min-height: 40px;
width: 100%;}
#c2_wrap .bo_list a:hover .txt {opacity: 1; }



@media screen and (max-width:1460px) {
    #c2_wrap .c_inner {padding: 0 50px;}

    /* content */


}
@media screen and (max-width: 1024px) {
    #c2_wrap {padding: 60px 0;}
    #c2_wrap .c_inner {padding: 0 30px;}
    #c2_wrap .c_title h2 {font-size: 35px;  }
    #c2_wrap .c_title p { font-size: 15px; }

    /* content */
    #c2_wrap .bo_list {margin-top: 30px; }
    #c2_wrap .bo_list li {width: calc(33.3% - 3px); margin-right: 4px;}
    @media screen and (min-width: 641px) {
        #c2_wrap .bo_list li:nth-child(3n) {margin-right: 0;}
        #c2_wrap .bo_list li:nth-child(n+4) {margin-top: 4px; }
        #c2_wrap .bo_list li:nth-child(n+7) {display: none;}
    }
    #c2_wrap .bo_list .txt {padding: 20px 15px;}
    #c2_wrap .bo_list .txt h3 {font-size: 16px;}
    #c2_wrap .bo_list .txt p {margin-top: 5px; }


}
@media screen and (max-width: 640px) {
    #c2_wrap {padding: 50px 0;}
    #c2_wrap .c_inner {padding: 0 20px;}
    #c2_wrap .c_title h2 {font-size: 30px;  }
    #c2_wrap .c_title p { font-size: 14px; margin-top: 5px;}
    #c2_wrap .c_btn a {display: none;}
    #c2_wrap .c_btn_mob a {display: flex; }

    /* content */
    #c2_wrap .bo_list li {width: calc(50% - 2px); margin-right: 4px;}
    #c2_wrap .bo_list li:nth-child(2n) {margin-right: 0;}
    #c2_wrap .bo_list li:nth-child(n+3) {margin-top:4px; }
    #c2_wrap .bo_list li:nth-child(n+5) {display: none;}


}
@media screen and (max-width: 390px) {
    #c2_wrap .bo_list li {width: 100%; margin-right: 0;}
    #c2_wrap .bo_list li:nth-child(n+2) {margin-top: 4px; }
    #c2_wrap .bo_list li:nth-child(n+4) {display: none;}
}