/*공통*/
.con_wrap {width: 100%; background: #f7f7f7; padding: 50px 15px;}

.con_1280 {width: 100%; margin: 0 auto;}

.s_title {}
.s_title h2 {font-size: 14px; font-family: 'Montserrat',sans-serif; font-weight: 400; color: #13293d; letter-spacing: 0.18px;}
.s_title h1 {font-size: 26px; font-weight: 400; color: #13293d; letter-spacing: -0.76px;}
.s_title_line {width: 1px; height: 50px; background: #008dd5; display: inline-block; margin: 10px 0 0 0;}

.con_top {width: 100%; padding: 80px 0 40px 0; text-align: center;}
.con_article {width: 90%; background: #fff; margin: 0 auto; margin-top: -50px; }

/*Content CSS*/
#welfare {}
#welfare_title {text-align: center; padding: 0 15px 50px 15px;}
#welfare_title > h1 {font-size: 15px; font-weight: 400; color:#13293d; letter-spacing: -0.64px; line-height: 28px;  position: relative; word-break: keep-all;}
#welfare_title > h1::before {content: ""; display: block; width: 55px; height: 49px; position: absolute; top: -50px; left: 0; background: url('../img/about_c1_t1.png')no-repeat 50% 50%;}
#welfare_title > h1::after {content: ""; display: block; width: 55px; height: 49px; position: absolute; top: -50px; right: 0; background: url('../img/about_c1_t2.png')no-repeat 50% 50%;}


/* .s_title2  {width: 50px; height: 2px; background: #008dd5;  margin: 20px 0;} */
.s_title2 {text-align: center;}
.s_title2::before {width: 50px; height: 2px; background: #008dd5; content: ""; display: block; margin: 0 auto 15px auto; }
.s_title2 h1{font-size: 26px; font-weight: 400; color:#13293d; letter-spacing: -0.76px;}
.s_title2 p {font-size: 16px; font-weight: 300; color:#666; letter-spacing: -0.3px; word-break: keep-all; line-height: 26px; margin-top: 10px;}

.wel_con {width: 100%; margin-top: 50px;}
.wel_con h1 {font-size: 18px; color:#333; font-weight: 500; }
.wel_con h1 i {color:#008dd5}
.wel_con ul {display: flex; flex-direction: row; flex-wrap: wrap;}
.wel_con ul li {width: 49%; background: #fff; border: 1px solid #eee; margin-right: 2%; margin-top: 20px; text-align: center; padding: 30px 15px; border-top: 2px solid #008dd5}
.wel_con ul li:nth-child(even) { border-top: 2px solid #666}
.wel_con ul li:nth-child(2n) { margin-right: 0;}
.wel_con ul li:nth-child(6n) {margin-right: 0;}
.wel_con ul li img{vertical-align:middle; transition: all 0.5s}
.wel_con ul li p {font-size: 14px; font-weight: 400; color:#333;}
.wel_con ul li p::before {display: block; width: 30px; background: #333; height: 1px; margin: 15px auto 10px auto; content: ""}

/* .we_box {width: 278px;padding: 0 19px; text-align: center; margin-right: 29px;}
.we_box:first-child {margin-left: 41px;}
.we_box:last-child {margin-right: 0;}

.we_box1 {display: flex; flex-direction: column;}
.we_box2 {display: flex; flex-direction: column; justify-content: space-between;}

.we_box1 .we_icon_box {margin-top: 100px;}
.we_box1 .we_txt {margin-top: 30px;}
.we_box2 .we_icon_box {margin-bottom: 95px;}
.we_box2 .we_txt {margin-top: 95px;}
.we_icon_box {height: 269px; padding-top: 55px;}

.we_icon_box h2 {font-size: 16px; font-family: 'Montserrat',sans-serif; font-weight: 700; letter-spacing: 0.18px; margin: 0 0 10px 0;}
.we_box:nth-child(1) .we_icon_box h2 {color: #3baf5d;}
.we_box:nth-child(2) .we_icon_box h2 {color: #2ca77c;}
.we_box:nth-child(3) .we_icon_box h2 {color: #1c9d9d;}
.we_box:nth-child(4) .we_icon_box h2 {color: #0a93c0;}
.we_icon {text-align: center; margin-bottom: 20px;}
.we_icon img {vertical-align:middle; transition: all 0.5s}
.we_txt h1 {font-size: 24px; font-weight: 500; color:#13293d; letter-spacing: -0.5px;}
.we_txt p {font-size: 15px; font-weight: 300; color:#666; letter-spacing: -0.3px; word-break: keep-all; line-height: 26px; margin-top: 10px;}

.we_box:hover .we_icon img {transform:rotateY(180deg); }
.we_box:hover .we_txt h1 span {background: #45b549}
.we_box:hover .we_line {background: #45b549} */

.wel_con2 p {margin-top: 20px;}
.wel_con2 {margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #ddd;}
.wel_con2 .left {width: 100%; margin-bottom: 50px;}
.wel_con2 .left .logo_img {margin-top: 50px;}
.wel_con2 .left .logo_img ul {width: 300px; margin: 0 auto}
.wel_con2 .left .logo_img ul li {width: 300px; height: 100px; background: #fff; border: 1px solid #ddd; line-height: 100px; text-align: center; font-size: 0;}
.wel_con2 .left .logo_img ul li:first-child {margin-bottom: 20px;}
.wel_con2 .right {display: flex; justify-content: space-between;margin: 0 auto;}
.wel_con2 .right .img{border: solid 1px #ddd; overflow: hidden; width: calc(50% - 5px);}
.wel_con2 .right .img img{width: 100%;}
@media screen and (max-width:992px){



}

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



}