/*공통*/
.con1500 {width: 100%; margin: 0 auto;}
.c_h1 {font-family: 'NanumSquare',sans-serif; font-weight: 900; color:#333; font-size: 26px;}

.c_title {text-align: center;}
.c_title h2 {font-family: 'NanumSquare',sans-serif; font-size: 17px; color: #0932a9; margin-bottom: 15px; font-weight: 500; line-height: 26px}
.c_title h1 {font-family: 'NanumSquare',sans-serif; font-size: 34px; color: #000; margin-bottom: 30px; font-weight: 900; line-height: 45px; word-break: keep-all;}
.c_title p {font-size: 14px; color: #000; font-weight: 400; line-height: 24px; word-break: keep-all;}
.c_title p::before {display: block; content: ""; width: 95px; height: 2px; background: #000; margin: 0 auto 30px auto;}

.c_btn {width: 230px;margin: 0 auto;}
.c_btn a {width: 100%; display: block; height: 50px; line-height: 50px; text-align: center; font-size: 16px; font-weight: 400; color:#fff; border: 1px solid #0932a9; transition: all 0.3s; background: #0932a9; }
.c_btn a span {display: inline-block; background: url('../img/c_arrow_w.png')no-repeat 50% 50%; width: 24px; margin-left: 17px; height: 7px; position: relative; top: -4px; transition: all 0.3s;}

/*Content CSS*/
#c3_wrap {width: 100%;}
#c3_wrap .top {background: url('../img/c3_bg.jpg?v=221205')no-repeat 50% 50%; background-size: cover; padding: 40px 20px; position: relative; text-align: center; position: relative; }
#c3_wrap .top .cover {background: linear-gradient(0deg, rgba(0,0,0,0.196516106442577) 0%, rgba(0,0,0,0.7) 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#c3_wrap .top .c_title {position: relative;z-index: 2}
#c3_wrap .top .c_title h2 {color:#fff;}
#c3_wrap .top .c_title h1 {color:#fff;}
#c3_wrap .top .c_title p {color: rgba(255,255,255,0.7);}
#c3_wrap .top .c_title p:before {background: #fff; margin: 0 auto 30px auto;}
#c3_wrap .c_title ul {margin-bottom: 30px;}
#c3_wrap .c_title ul li { font-size: 14px;     color: rgba(255,255,255,0.7); font-weight: 400; line-height: 26px; word-break: keep-all; position: relative;}
#c3_wrap .c_title ul li::before {content: ''; width: 4px; height: 4px; background: #fff; position:relative; top:-4px; margin-right: 10px; display: inline-block;}


#c3_wrap .top .c_btn {margin: 50px auto 0 auto;}
#c3_wrap .top .c_btn a {border: 1px solid #fff; color: #fff; background: none;}


#c3_wrap .btm {padding: 40px 20px 60px 20px; position: relative;}
#c3_wrap .btm .img ul {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 3;}
#c3_wrap .btm .img ul li {width: calc(100%/2 - 5px); margin-bottom: 10px;}
#c3_wrap .btm .img ul li img {width: 100%;}
#c3_wrap .line {display: flex; justify-content: space-between; height: 100%;  width :100%; position: absolute; top: 0; left: 0;}
#c3_wrap .line span {display: block; width: 1px; height: 100%; background: #ddd;}
#c3_wrap .line span:first-child, #c3_wrap .line span:last-child {background: #fff;}




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

}

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

}

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

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

}