/* 공통 */
.sub_con {width: 100%; margin:0 auto; position: relative; }
.s_title h2 {font-size:18px; font-weight: 600; color:#0066d6; font-family: 'Montserrat'; }
.s_title h1 {font-size:30px; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif; margin-top: 15px;}
.s_title h3 {font-size:17px; font-weight: 700; color:#000;  font-family: 'NanumSquare',sans-serif; margin-top: 20px; }
.s_title p {font-size:15px; font-weight: 300; color:#000;  margin-top: 20px ; line-height: 26px;  word-break: keep-all;}
.sub_p {font-size:15px; font-weight: 300; color:#000; line-height: 26px; word-break: keep-all; letter-spacing: -.5px;}

.section {padding:0;}
.section.gray {background-color: #f7f7f7; }

/*Content CSS*/
#greetings {text-align: center;}

/* section1 */
#gre_sec1 {position: relative; z-index: 1;padding: 60px 20px; border-bottom: 1px solid #ddd;}
#gre_sec1 .article { margin-top: 35px; }
#gre_sec1 .img {width: 100%; text-align: center;}
#gre_sec1 .img img {max-width: 100%;}
#gre_sec1 .txt {text-align: center; width: 100%; margin-top: 35px;}
#gre_sec1 .txt h1 {font-size:24px; font-weight: 300;color:#000; line-height: 35px;  font-family: 'NanumSquare',sans-serif; }
#gre_sec1 .txt h1 b{ font-weight: 800; }
#gre_sec1 .txt .cont {margin-top: 15px;}
#gre_sec1 .txt .cont p {font-size: 15px; font-weight: 300; color:#000; letter-spacing:-.5px ; line-height: 28px; word-break: keep-all;}
#gre_sec1 .txt .cont h2 {margin-top: 30px; font-size:18px; font-weight: 700; color:#000; }

/* section2 */
#gre_sec2 {padding: 60px 20px;}
#gre_sec2 .img {margin-top: 30px;}
#gre_sec2 .article {position: relative; background-color: #fff;  margin-top: 30px;}
#gre_sec2 .article .box {width: 100%; margin-bottom: 20PX;box-shadow: 0 0 7.9px 0.1px rgba(0, 88, 184, 0.2);}
#gre_sec2 .article .box.box1 h1, #gre_sec2 .article .box.box1 p {}
#gre_sec2 .article .box.box2 h1, #gre_sec2 .article .box.box2 p  {}
#gre_sec2 .article .box h1 {width: 100%; height: 55px; line-height: 55px; background-color: #0066d6; font-size: 18px; font-weight: 800; color:#fff;
font-family: 'NanumSquare',sans-serif;}
#gre_sec2 .article .box p {padding: 20px;}
#gre_sec2 .article img {position: absolute; }
#gre_sec2 .article img.tri {top: 0; left:50%; transform:translateX(-50%);}
#gre_sec2 .article img.img {bottom: 20px; left:50%; transform:translateX(-50%);     mix-blend-mode: darken; -ms-mix-blend-mode: darken;
-webkit-mix-blend-mode: darken; -moz-mix-blend-mode: darken;     -o-mix-blend-mode: darken;}

/* section3*/
#gre_sec3 {padding: 60px 20px}
#gre_sec3 .s_title p {margin-top: 5px;}
#gre_sec3 .article {margin-top: 30px;}
#gre_sec3 .article .img img {max-width: 100%;}
#gre_sec3 .article .box_wr {margin-top: 35px;}
#gre_sec3 .article .box {background-color: #fff;  box-shadow: 1.3px 1.6px 8.7px 0.3px rgba(78, 78, 78, 0.17);padding: 30px 20px; margin-bottom: 15px;}
#gre_sec3 .article .box img {position: absolute; z-index: -1; }
#gre_sec3 .article .box h1 {font-size:30px; font-weight: 700; color:#0e68f1; font-family: 'Montserrat';}
#gre_sec3 .article .box h2 {font-size:18px; font-weight: 700; color:#000; font-family: 'NanumSquare',sans-serif; margin-top: 10px; }
#gre_sec3 .article .box h2::after {content: ''; display: block; width: 36px; height: 2px; background-color: #0e68f1; margin: 13px auto;}
#gre_sec3 .article .box p {font-size:15px; font-weight: 300; color:#000; line-height: 26px; word-break: keep-all;}

#gre_sec3 .blue_box {width: 100%; margin:0; }
#gre_sec3 .blue_box h1 {width: 100%; height: 55px; line-height: 55px; background-color: #0066d6; font-size: 17px; font-weight: 800; color:#fff;
font-family: 'NanumSquare',sans-serif;}
#gre_sec3 .blue_box p {font-size:17px; font-weight: 800; color:#cc00ff; font-family: 'NanumSquare',sans-serif;background-color: #fff; border:1px solid #ddd;
border-top:0; padding: 25px 15px;}

/* section4 */
#gre_sec4 {padding: 60px 20px;}
#gre_sec4 .article {display: flex; justify-content: space-between; margin-top: 90px; z-index: 2; }
#gre_sec4 .article .box {width: 100%; position: relative; background-color: #fff; box-shadow: 0 0 11.5px 0.5px rgba(14, 104, 241, 0.17); padding: 30px 20px;}
#gre_sec4 .article .box .txt {padding: 30px 0; border-bottom: 1px solid #ddd;}
#gre_sec4 .article .box .txt:nth-child(2) {border-bottom: none;}
#gre_sec4 .article .box img {position: absolute; }
#gre_sec4 .article .box img.apos1 { left: 33px; top:-35px;}
#gre_sec4 .article .box img.apos2 { right: 33px; bottom:-35px;}
#gre_sec4 .article .box h1 {font-size:24px; font-weight: 700; color: #000; font-family: 'Montserrat'; }
#gre_sec4 .article .box p {font-size:15px; font-weight: 300; color:#000; margin-top: 10px; }


#gre_sec4 .bot {width: 100%; position: relative; z-index: 1; width: 100%; background: url('../img/gre_s4_bot.jpg') 50% 50% no-repeat; background-size:cover; padding: 80px 20px;}
#gre_sec4 .bot h1 {font-size: 30px; font-weight: 700; color:#fff; font-family: 'Montserrat';  word-break: keep-all;}
#gre_sec4 .bot p {font-size:17px; font-weight: 500; color:#fff; margin-top: 15px; word-break: keep-all;}







@media screen and (max-width:100%){

}


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

}

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

}