/* 공통 */
#c3_wrap .c_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 50px;}

/* font size */
#c3_wrap .fs_62 {font-size: 62px; font-weight: 700; color:#000; line-height: 1; font-family: 'Play', sans-serif;}
#c3_wrap .fs_18 {font-size: 18px; line-height: 1.83; font-weight:300; color:#000;}


/*Content CSS*/
#c3_wrap {background: #fff; padding: 85px 0 110px; overflow: hidden; }

#c3_wrap .list {display: flex; justify-content: space-between; margin-top:40px; }
#c3_wrap .list li {width: calc(50% - 20px); }
#c3_wrap .list .img {overflow: hidden; }
#c3_wrap .list .img img {transition: transform .3s; }
#c3_wrap .list .txt {padding:30px 25px; border-bottom: 2px solid #ddd; display: flex ;justify-content: space-between; align-items: center; transition: border-color .3s;}
#c3_wrap .list .txt h4 {font-size: 27px; font-weight: 700; color: #000; letter-spacing: -.54px; line-height: 1.2;}
#c3_wrap .list .txt .plus {transition: all .3s; display: block; width: 40px; height: 40px; background:url("../img/c3_plus.png") 50%/contain no-repeat;}

#c3_wrap .list a:hover .img img {transform: scale(1.1);}
#c3_wrap .list a:hover .txt {border-bottom-color: #1b1b7f; }
#c3_wrap .list a:hover .txt .plus {transform: rotate(90deg); background-image:url("../img/c3_plus_hv.png"); }



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

}


@media screen and (max-width: 1024px) {
    #c3_wrap {padding: 70px 0; text-align: center;}
    #c3_wrap .c_inner {padding: 0 30px;}

    /* font size */
    #c3_wrap .fs_62 {font-size: 45px;}
    #c3_wrap .fs_18 {font-size: 16px;}

    /* content */
    #c3_wrap .list {margin-top: 40px; }
    #c3_wrap .list li {width:calc(50% - 10px); }
    #c3_wrap .list .img img {width: 100%;}
    #c3_wrap .list .txt {padding: 25px 0;}
    #c3_wrap .list .txt h4 {font-size: 22px;}
    #c3_wrap .list .txt .plus {width: 30px; height: 30px ;}



}
@media screen and (max-width: 640px) {
    #c3_wrap {padding: 50px 0; }
    #c3_wrap .c_inner {padding: 0 20px;}
    #c3_wrap .c_tit h3 {font-size: 16px; margin-bottom:25px;}
    #c3_wrap .c_tit h2 {font-size: 38px; }
    #c3_wrap .c_p {font-size: 14px; }

    /* font size */
    #c3_wrap .fs_62 {font-size: 32px;}
    #c3_wrap .fs_18 {font-size: 14px;}

    /* content */
    #c3_wrap .list {flex-direction:column; align-items: center; }
    #c3_wrap .list li {width:100%; }
    #c3_wrap .list .txt {padding: 17px 0;}
    #c3_wrap .list .txt h4 {font-size: 18px;}
    #c3_wrap .list li:nth-child(n+2) {margin-top: 30px;}

    #c3_wrap .list .txt .plus {width:20px; height: 20px ;}
}