/* 공통 */
.sub_con {width: 1300px; margin:0 auto;}
.sub_title {text-align: center;}
.sub_title span {display: block; width: 80px; height: 3px; position: relative; background: #005ec0; margin:0 auto 30px;}
.sub_title span::after {content: ''; display: block; position: absolute; top:0; right:0; width: 50%; height: 100%; background: #a1cc3a;}
.sub_title h1 {font-size:36px; font-weight: 700; color:#333; font-family: 'Montserrat'; }
.g_bg {padding:100px 0; background: url('../img/dot_bg.jpg') 50% 50% repeat ;}


/*Content CSS*/
#greetings {text-align: center;}
/* gre_s1 */
.gre_s1 .sub_con {background: #fff; padding:80px 100px 120px; margin-top:-135px; position: relative; z-index: 1;}
.gre_top {width: 100%; height: 400px; background: url('../img/gree_top_bg.jpg') 50% 50% no-repeat; background-size:cover;  background-attachment: fixed; padding:115px 0 0;
overflow: hidden;}
.gre_top h1 {font-size:48px; font-weight: 700; color:#fff; font-family: 'Montserrat'; }
.gre_top h1::after {content: ''; display: block; width: 1px; height: 60px; background: #fff; margin:33px auto 0;}

.gre_list {margin-top:75px; width: 100%; display: flex; justify-content: center; text-align: center; position: relative; z-index: 1;}
.gre_list::before {content: ''; width: 100%; height: 1px; background: rgba(201,208,215,.3); position: absolute; left:0; top:3px;}
.gre_list li {margin-right: 220px; display: flex; flex-direction: column; align-items: center;}
.gre_list li:last-child {margin-right: 0;}
.gre_list li .gre_dot {width: 7px; height: 7px; background: #c9d0d7; border-radius: 50%; position: relative; z-index: 1; transition: all .3s ease;}
.gre_list li .gre_dot::before {content: ''; display: block; width: 21px; height: 21px; position: absolute; z-index: -1; background: rgba(201,208,215,.27); transition: all .3s ease;
left:-7px; top:-7px; border-radius: 50%; }
.gre_list li h1 {font-size:18px; font-weight: 400; color:#333; font-family: 'paybooc-ExtraBold'; margin:30px 0 40px;}
.gre_list li p {font-size:16px; font-weight: 300; color:#333; line-height: 28px; margin-top:28px;}
/* active */
.gre_list li.active .gre_dot {background-color: #007dff;}
.gre_list li.active .gre_dot::before {background-color: rgba(0,125,255,.27);}
.gre_icon {height: 55px; line-height: 55px;}

/* gre_s2 */
.gre_s2 ul {display: flex; justify-content: space-between; align-items: flex-end; margin-top:60px;}
.gre_s2 ul li {background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 410px; height: 180px;
border-style: solid;  border-image: linear-gradient(to right, #a1cc3a 0%, #0069d7 100%); border-image-slice: 1;  border-image-width:3px 0 0 0;}
.gre_s2 ul li:nth-child(2) {height: 250px;}
.gre_s2 ul li h1 {font-size:24px; font-weight: 900; color:#007dff; margin-bottom: 28px; font-family: 'Montserrat'; transition: all .3s ease;}
.gre_s2 ul li p {font-size:16px; font-weight: 300; color:#333; line-height: 28px; }
/* hover */
.gre_s2 ul li:hover h1 {color:#a1cc3a;}









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

}

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

}

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

}