/* common */
.subpage { overflow: hidden; position:relative; text-align: center;}
.subpage > section {padding: 90px 0; position: relative; }
.subpage > section:nth-of-type(even) {background: #f7f7f7;}
.subpage > section article + article {margin-top: 90px;}
.sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 50px; }
.sub_tit {margin-bottom:50px;}

/* font size */
.fs_60 {font-size: 60px; font-weight: 700; color:#000; line-height: 1.2; letter-spacing: -1.2px;}
.fs_32 {font-size: 32px; font-weight: 700; color:#000; line-height: 1.3; letter-spacing: -.64px;}
.fs_18 {font-size: 18px; font-weight: 400; color:#333; line-height: 1.83; letter-spacing: -.36px;}

/*Content CSS*/
#sec1 .sub_inner {max-width: 1600px;}
#sec1 .txt {position: relative; background-color: #fff; z-index: 2; margin: -200px auto 0; border:1px solid #ddd; padding: 100px 0 85px; max-width: 1300px;}
#sec1 .txt > i {position: absolute; top:-68px; left: 50%;  transform: translateX(-50%);}
#sec1 .txt h3 {font-weight: 400;}
#sec1 .txt h3::after {content: ''; display: block; width: 50px; height: 3px; background-color: #000; margin:35px auto 40px;}
#sec1 .txt h4 {color:#000; display: flex; align-items: center; justify-content: center; line-height: 1; margin-top: 35px;}
/* #sec1 .txt h4 span {font-size: 50px; font-weight: 400; letter-spacing: -1px;font-family: 'NanumYeDangCe'; display: block; margin-left: 16px; position: relative; top:-2px;} */
#sec1 .txt h4 span {display: block; margin-left: 16px; position: relative; top:-4px;}

/* sec2 */
#sec2 {background:url("../img/gre_s2_bg.jpg") 50%/cover no-repeat; padding: 0;}
#sec2 .list {display: flex;}
#sec2 .list > li {flex:1; padding: 85px 0; border-left: 1px solid rgba(255,255,255,.2); transition-property: all, transform; transition-duration: .3s, .8s;}
#sec2 .list > li:last-child {border-right: 1px solid rgba(255,255,255,.2);}
#sec2 .list i {display: flex; align-items: center ;justify-content: center; width: 130px; height: 130px; border-radius: 50%; background-color: rgba(255,255,255,.12); margin: 0 auto;}
#sec2 .list i img {transition: transform .5s; }
#sec2 .list p {font-weight: 700; font-family: 'Montserrat'; color:#fff; margin: 25px 0 5px;}
#sec2 .list h3 {color:#fff; }
/* hover */
#sec2 .list > li:hover {background-color: rgba(255,255,255,.1);}
#sec2 .list > li:hover i img {transform: rotateY(180deg);}




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


}