/* common */
.subpage { overflow: hidden; position:relative; text-align: center;}
.subpage > section {padding: 90px 0;}
.subpage > section:nth-of-type(even) {background: #f7f7f7;}
.sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 50px; }
.line_title::before {content: ''; display: block; width:30px; height: 3px; background: #0c3064 ;margin:0 auto 10px;}

/* font */
.fs_45 {font-size: 45px; font-weight: 900; color:#000; line-height: 1.3; }
.fs_24 {font-size: 24px; font-weight: 700; color:#000; line-height: 1.5; letter-spacing: -.24px;}
.fs_18 {font-size: 18px; font-weight: 300; color:#555; line-height: 33px; letter-spacing: -.18px;}
.fs_16 {font-size: 16px; font-weight: 300; color:#555; line-height: 33px; letter-spacing: -.16px;}

/*Content CSS*/
#sec1 .img {width: 100%; height: 489px; background:url("../img/gre_s1_bg.jpg") 50%/cover no-repeat; margin-top: 40px; }
#sec1 .txt {width: 100%; max-width: 1100px; margin:-100px auto 0; position: relative; z-index: 1; background: #fff; padding:65px 30px 0 ;}
#sec1 .txt h3 {display: inline-block; margin-bottom: 35px; position: relative; padding:20px 45px 0; }
#sec1 .txt h3 img {position: absolute; top:0; left: 0;}
#sec1 .txt h3 img + img { left: auto; right: 0; }

/* sec2 */
#sec2 .list {display: flex;}
#sec2 .list li {flex:1; border-left: 1px solid #ddd; padding: 30px 20px;}
#sec2 .list li:last-child {border-right: 1px solid #ddd; }
#sec2 .list i {display: flex; align-items: center ;justify-content: center; background: #fff; border-radius: 50%; width: 110px; height: 110px; margin: 0 auto;}
#sec2 .list i img {transition: transform .5s;}
#sec2 .list h4 {font-weight: 700; color:#0c3064; letter-spacing: -.16px; font-family: 'Roboto', sans-serif; line-height: 1; margin:35px 0 10px;}
#sec2 .list h3 {font-size: 25px; font-weight: 700; color:#000; }

#sec2 .list li:hover i img {transform: rotateY(180deg);}







@media screen and (max-width:1400px){
    /* content */
    .subpage br:not(.space) {display: none;}
}

@media screen and (max-width:1024px){
    /* common */
    .subpage {text-align: center;}
    .subpage > section {padding:60px 0;}
    .sub_inner {padding: 0 30px;}
    /* font */
    .fs_45 {font-size: 35px;   }
    .fs_24 {font-size: 19px;  }
    .fs_18 {font-size: 15px; line-height: 1.65; }
    .fs_16 {font-size: 14px;  line-height: 1.65; }

    /*Content CSS*/
    /* sec1 */
    #sec1 .img {margin:40px 0; height: 250px;}
    #sec1 .txt {padding: 0; margin:0;}
    /* sec2 */
    #sec2 .list li {padding:10px; }
    #sec2 .list li:first-child {border-left: 0;}
    #sec2 .list li:last-child {border-right: 0;}
    #sec2 .list h4 { margin: 25px 0 5px;}
    #sec2 .list h3 {font-size: 20px;}


}

/* 모바일 */
@media screen and (max-width:640px){
    /* common */
    .subpage > section {padding:50px 0;}
    .sub_inner {padding: 0 20px;}
    .sub_title::after {margin:20px auto 35px; width: 80px;}
    .line_title::after {margin:15px auto 20px;  width: 50px;}
    /* font */
    .fs_45 {font-size: 30px; }
    .fs_24 {font-size: 17px; }
    .fs_18 {font-size: 14px; }
    .fs_16 {font-size: 13px;}

    /*Content CSS*/
    #sec1 .img {margin:30px 0; height: 150px;}
    #sec1 .txt h3 img {width:17px;}
    #sec1 .txt h3 {margin-bottom: 20px; padding: 10px 25px 0;}

    /* sec2 */
    #sec2 .list {flex-wrap: wrap;}
    #sec2 .list li {width: 100%; border:0; border-bottom: 1px solid #ddd; padding: 25px 0; flex:inherit;}
    #sec2 .list li:first-child {  padding-top:0;}
    #sec2 .list li:last-child {border-bottom: 0; padding-bottom: 0;}
    #sec2 .list li:nth-child(2) {padding: 20px 0;}
    #sec2 .list i {width: 90px; height: 90px; }
    #sec2 .list h3 {font-size: 18px;}
    #sec2 .list h4 {margin:20px 0 5px;}



}