/* 공통 */
#c7_wrap .c_inner {width: 1300px; margin:0 auto; position: relative; }
#c7_wrap .c_title h1 {font-size:60px; font-weight: 400; color:#fff; line-height: 90px; word-break: keep-all; font-family: 'BMDOHYEON';}
#c7_wrap .cont_p {font-size:18px; font-weight: 300; color:#fff; line-height: 36px; word-break: keep-all; }

/*Content CSS*/
#c7_wrap {text-align: center; position: relative; padding:0; background: #101010; border-top: 1px solid rgba(255,255,255,.25);}
#c7_wrap .c_title {position: absolute; width: 100%; top: 135px; left: 0; }
#c7_wrap .list {display: flex; width: 100%;}
#c7_wrap .list li {width: calc(100%/3); padding:290px 0 165px; border-left: 1px solid rgba(255,255,255,.25); }
#c7_wrap .list li:last-child {border-right: 1px solid rgba(255,255,255,.25); }
#c7_wrap .list li .icon {width: 150px; height: 150px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: rgba(247,247,247,.07);
margin:0 auto;  transition: background-color .3s ease; }
#c7_wrap .list li .icon img {transition: transform 500ms;}
#c7_wrap .list li .txt h1 {font-size:26px; font-weight: 600; color:#fff; font-family: 'Montserrat'; margin:30px 0 15px;}
#c7_wrap .list li .txt p {font-size:17px; font-weight: 300; color:rgba(255,255,255,.8); word-break: keep-all; line-height: 26px; }

/* hover */
@media screen and (min-width:1025px) {
    #c7_wrap .list li:hover .icon img {transform: rotateY(180deg);}
    #c7_wrap .list li:hover .icon {background-color: rgba(247,247,247,.15);}
}



@media screen and (max-width:1300px) {
    /* 공통 */
    #c7_wrap .c_inner {width: 100%; padding:0; }


}

@media screen and (max-width: 1024px) {
    /* 공통 */
    #c7_wrap .c_inner {width: 100%; padding:0; }
    #c7_wrap .c_title h1 {font-size:45px; line-height: 75px;}
    #c7_wrap .cont_p {font-size:16px; line-height: 30px;}

    /* content */
    #c7_wrap .c_title  {top:60px;}
    #c7_wrap .list li {padding:190px 20px 100px;}
    #c7_wrap .list li .icon {width: 120px; height: 120px; }
    #c7_wrap .list li .txt h1 {font-size:20px; margin:25px 0 10px;}
    #c7_wrap .list li .txt p {font-size:14px ;}



}

@media screen and (max-width: 640px) {
    /* 공통 */
    #c7_wrap .c_title h1 {font-size:35px; line-height: 60px;}

    /* content */
    #c7_wrap .c_title  {top:0; position: static; }
    #c7_wrap .list {flex-direction: column; margin-top:30px;}
    #c7_wrap .list li  {padding:25px 0; width: 100%; display: flex; text-align: left; border-left: 0;  border-top: 1px solid rgba(255,255,255,.25); justify-content: center;
    align-items: center; }
    #c7_wrap .list li:last-child {border-right: 0; }
    #c7_wrap .list li .icon {margin:0; margin-right: 40px;width: 100px; height: 100px; }
    #c7_wrap .list li .txt h1 {font-size:18px; margin:0 0 10px;}
    #c7_wrap .list li .txt p {font-size:13px ; line-height: 22px;}
    #c7_wrap .list li .txt {min-width: 184px;}

}

@media screen and (max-width: 480px) {
    /* 공통 */
    #c7_wrap .c_title h1 {font-size:30px; line-height: 50px;}

    /* content */
    #c7_wrap .list li .icon {margin-right: 20px; }
}