/* 공통 */
.sub_con {width: 100%; margin:0 auto ; position: relative; padding:0 15px;}
.sub_p {font-size:14px; font-weight: 300; color:#000; line-height: 26px; letter-spacing: -.5px; word-break: keep-all; }
.section {padding:60px 0; position: relative; }
.s_tit h2 {font-size: 13px; font-weight: 600; color:#af231c; font-family: 'Montserrat';  letter-spacing:3px;}
.s_tit h1 {font-size: 22px; font-weight: 400; color:#000; font-family: 'NanumSquare',sans-serif; margin-top:15px ;line-height: 40px;word-break: keep-all;}
.s_tit h1 b {font-weight: 800;}
.s_tit h1 b.apos {position: relative; padding:0 15px; }
.s_tit h1 b.apos > img {position: absolute; top: -3px; width:8px}
.s_tit h1 b.apos > img.apos1 {left: 0;}
.s_tit h1 b.apos > img.apos2 {right:10px;}
.s_tit.wh h2, .s_tit.wh h1 {color:#fff; }


/*Content CSS*/
/* section */
#gre_s1 .article .img {width: 100%; margin-top: 30px;}
#gre_s1 .article .img img {width: 100%;}
#gre_s1 .article .txt {width: 100%; text-align: center; }
#gre_s1 .s_tit {padding-bottom: 30px; margin-bottom: 30px; position: relative; }
#gre_s1 .s_tit::after {content: ''; display: block; width: 100%; height:5px; background: url('../img/sub_title.png') 31% 50% repeat;  position: absolute;bottom: -0; left: -2px;
background-size: contain;}
#gre_s1 .txt h3 {font-size: 18px; font-weight:700; color:#000; margin-top: 25px; word-break: keep-all; line-height: 28px;}
#gre_s1 .txt h3 span {color:#af231c;  }

/* section2 */
#gre_s2 {background: url('../img/gre_s2_bg.png'), linear-gradient(to right, #af231c, #d53d08); background-size: cover; text-align: center;}
#gre_s2 .list {display: flex; align-items: center; flex-direction: column; margin-top: 30px; text-align: center; }
#gre_s2 .list li {width: 100%; background: #fff;  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3); border-top: 5px solid #000; padding:40px 0 50px; margin-bottom: 20px; }
#gre_s2 .list li h2 {width: 130px; height: 36px; line-height: 36px; border-radius: 18px; background: #000; color:#fff; font-size: 15px; font-weight: 900; color:#fff; margin:0 auto; }
#gre_s2 .list li .icon {width: 140px; height: 140px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #f8d8d8; margin:25px auto;}
#gre_s2 .list li .icon img {max-width:50%;}
#gre_s2 .list li p {font-size: 15px; font-weight: 400; color:#000; line-height:28px; }
#gre_s2 .list li p b {font-weight: 500; color:#000; }


/* section3*/
#gre_s3 {text-align: center;}
#gre_s3 .article_wr {margin-top: 30px; }
#gre_s3 .article_wr .article {margin-bottom: 50px; display: flex; align-items: center; flex-direction: column; }
#gre_s3 .article_wr .article:last-child {margin-bottom: 0; }
#gre_s3 .article .img img {width: 100%;}
#gre_s3 .article .txt {margin-top: 30px;}
#gre_s3 .article .txt .title {padding-bottom: 25px; margin-bottom:25px; position: relative; }
#gre_s3 .article .txt .title::after {content: ''; display: block; width: 100%; height: 5px; background: url('../img/sub_title.png') 31% 50% repeat;  position: absolute; bottom: -0; left: -2px; background-size: contain;}
#gre_s3 .article .txt .title h2 {font-size: 12px; font-weight: 600; color:#af231c; font-family: 'Montserrat';  letter-spacing: 3px;}
#gre_s3 .article .txt .title h1 {font-size: 22px; font-weight: 300; color:#000;  font-family: 'NanumSquare',sans-serif; margin-top:15px ;}
#gre_s3 .article .txt .small_tit {font-weight: 500; color:#000; font-size: 18px; display: block; margin:30px 0;line-height: 35px; }
#gre_s3 .article .txt .small_tit b {font-size: 30px; color:#af231c; display: inline-block; }

#gre_s3 .article .txt h3 {display: flex; align-items: flex-start ; font-size: 21px; font-weight: 700; color:#000; word-break: keep-all; justify-content: center;
letter-spacing: -.5px ;line-height: 28px; margin: 0 auto 10px; line-height: 35px; }
#gre_s3 .article .txt h3 .apos1 {margin-right: 5px;}
#gre_s3 .article .txt h3 .apos2 {margin-left: 5px;}
#gre_s3 .article .txt h3 span b {font-size: 30px; color:#af231c;  display: inline-block; }




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

}


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

}

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

}