/*공통*/
.con1500 {width: 1500px; margin: 0 auto;}

.c_title {}
.c_title h2 {font-family: 'NanumSquare',sans-serif; font-size: 17px; color: #0932a9; margin-bottom: 20px; font-weight: 700;}
.c_title h1 {font-family: 'NanumSquare',sans-serif; font-size: 108px; color: #000; margin-bottom: 70px; font-weight: 900; line-height: 110px;}
.c_title p {font-family: 'NanumSquare',sans-serif; font-size: 17px; color: #000; font-weight: 400; line-height: 30px; word-break: keep-all;}
.c_title p::before {display: block; content: ""; width: 95px; height: 2px; background: #000; margin-bottom: 30px;}

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

/*Content CSS*/
#c3_wrap {width: 100%;}
#c3_wrap .top {background: url('../img/c3_bg.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; padding: 100px; 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; margin:30px 0 40px;}
#c3_wrap .top .c_title p {color:#fff;}
#c3_wrap .top .c_title p:before {background: #fff; margin:30px auto;}
#c3_wrap .top .c_title ul {display: flex; flex-direction: column; align-items: center;}
#c3_wrap .top .c_title ul li {font-family: 'NanumSquare',sans-serif; font-size: 17px; color: #fff; font-weight: 400; line-height: 30px; word-break: keep-all; position: relative;
padding-left: 15px;}
#c3_wrap .top .c_title ul li::before {content: ''; width: 4px; height: 4px; background: #fff; position: absolute; left: 0; top:12px;}


#c3_wrap .top .c_btn {margin: 50px auto 0 auto;}
#c3_wrap .top .c_btn a {border: 1px solid #fff; color: #fff;}
#c3_wrap .top .c_btn a span{ background: url('../img/c_arrow_w.png')no-repeat 50% 50%;}


#c3_wrap .btm {padding: 80px 0 320px 0; position: relative;}
#c3_wrap .btm .img ul {display: flex; flex-direction: row; justify-content: space-between; position: relative; z-index: 3}
#c3_wrap .btm .img ul li {width: calc(100%/4 - 10px);}
#c3_wrap .btm .img ul li img {width: 100%;}
#c3_wrap .btm .img ul li p {font-family: 'NanumSquare',sans-serif; font-size: 17px; color: #000; font-weight: 400; word-break: keep-all; text-align: center; margin-top: 20px;
display: none;}
#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 .c_btn a:hover {background: rgba(9,50,169,0.7)!important; }



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

}

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

}

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

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

}