/*공통*/
.con1600 {width: 100%; margin: 0 auto;}
.con1300 {width: 100%; margin: 0 auto;}

.c_title h2 {font-size: 16px; font-family: 'Poppins',sans-serif; font-weight: 600; color:#bcc0cf; letter-spacing: 1.8px;}
.c_title h2 span {color:#3f5aab;}
.c_title h1 {font-size:30px; font-weight: 300; color:#222; line-height: 43px; letter-spacing: -1.9px; margin: 0 0 10px 0; word-break: keep-all;}
.c_title h1 span {font-weight: 700;}
.c_title p {font-size: 14px; font-weight: 300; color: rgba(34, 34, 34, 0.5); line-height: 26px; word-break: keep-all;}

/*Content CSS*/
#greetings {position: relative; padding-bottom: 50px; overflow: hidden;}
#greetings::before {display: block; content: ""; width :100%; height: calc(100% - 100px); background: url('../img/gree_bg.jpg')no-repeat 50% 50%; background-size: cover; position: absolute; bottom: 0;}
#greetings .con1300 {box-shadow: 10.6px 15.8px 19.7px 4.3px rgba(14, 26, 41, 0.06); background: #fff; padding: 0 20px 30px; position: relative; z-index: 2; margin: 0 auto; width: 90%; text-align: center;}
#greetings .c_title p {color: rgba(34, 34, 34, 0.7); }
#greetings .c_title h1 {font-size: 28px; margin: 15px 0;}
#greetings .con1300 .img {width: 100%; margin-top: 30px;}
#greetings .con1300 .img img {max-width: 100%;}
#greetings .con1300 .c_title {width:100%;}

.gree-carousel {width: 100%;}

/*페이져*/
.gree-carousel .owl-dots{width:100%; text-align:center; margin:0 auto; margin-top: 20px;}
.gree-carousel .owl-dots .owl-dot{background:#ddd;width:10px; height: 10px;display:inline-block;margin-left:15px;transition: all 0.2s ease;}
.gree-carousel .owl-dots .owl-dot.active{background:#3f5aab;}
.gree-carousel .owl-dots .owl-dot:focus {outline: none; border: none;}

/*컨트롤러*/
.gree-carousel .owl-nav{}
.gree-carousel .owl-nav button {width: 45px; height: 45px; cursor:pointer; transition: all 0.2s; opacity: 0.5}
.gree-carousel .owl-nav .owl-prev{ position:absolute;left:76px; top:50%; background: url('../img/main_prev.png')no-repeat 50% 50%;}
.gree-carousel .owl-nav .owl-next{position:absolute;right:76px; top:50%; background: url('../img/main_next.png')no-repeat 50% 50%;}
.gree-carousel .owl-nav button:hover {opacity: 1;}




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

}

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

}

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