/* 공통 */
/* .subpage > section {padding:100px 0; position: relative; background: #fff;} */
.sub_inner {width: 1300px; margin:0 auto; position: relative; }
.sub_tit {font-size: 45px; font-weight: 700; color:#000; font-family: 'Spoqa Han Sans Neo'; line-height: 1;}
.sub_tit::before {content: ''; display: block; width: 30px; height: 3px; background: #58d6ef; margin:0 0 20px;}
.sub_p {font-size: 18px; font-weight: 300; color:#333; letter-spacing: -.27px; line-height: 33px; word-break: keep-all; font-family: 'Spoqa Han Sans Neo';}

/* font */
@font-face {
    font-family: 'Yedang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_11@1.0/Yedang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*Content CSS*/
#gre_sec1 .sub_inner {border-left: 1px solid #ddd;   padding:140px 0 125px 105px; }
#gre_sec1 .txt h2 {font-size: 18px; font-weight: 500; color:#333; letter-spacing: -.27px; font-family: 'Spoqa Han Sans Neo'; line-height: 1;}
#gre_sec1 .txt h2  span {letter-spacing: -.78px; font-size: 52px; font-weight: 400; color:#000; font-family: 'Yedang'; display: inline-block;
margin-left: 20px; position: relative; top:5px;}
#gre_sec1 .txt p {margin:50px 0;}
#gre_sec1 .img {position: absolute; right: 0; bottom: 0; }

/* sec2 */
#gre_sec2 {border-top: 1px solid #ddd; text-align: center;}
#gre_sec2 ul {display: flex; width: 100%;}
#gre_sec2 ul li {flex:1; padding:150px 0; border-left: 1px solid #ddd; transition-property: all, background-color; transition-duration: .8s, .3s;}
#gre_sec2 ul li:last-child {border-right: 1px solid #ddd; }
#gre_sec2 ul li .icon {height: 44px; line-height: 44px; }
#gre_sec2 ul li .icon img {transition: transform .5s ease;}
#gre_sec2 ul li h3 {font-size: 22px; font-weight: 700; color:#000; letter-spacing: -.33px; line-height: 1; font-family: 'Spoqa Han Sans Neo';
margin:25px 0 15px;}
/* hover */
#gre_sec2 ul li:hover {background-color: #f5f5f5; }
#gre_sec2 ul li:hover .icon img {transform: rotateY(180deg);}






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

}

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

}

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

}

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


}