/*공통*/
.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*/
#c4_wrap {width: 100%; display: flex; align-items: flex-end; margin-top: -125px; position: relative; z-index: 3}
#c4_wrap .article { width: 50%; background: url('../img/c4_txt_bg.jpg')no-repeat 50% 50%; background-size: cover; display: flex; flex-direction: row; justify-content: flex-end;}
#c4_wrap .article .txt {width: 750px; position: relative; padding: 148px 0 167px 0;}
#c4_wrap .article .txt .txt_bg {position: absolute; top: -50px; left: 30px; font-size: 14px; font-weight: 400; letter-spacing: 14px; color: #0e1a29}
#c4_wrap .article .txt h2 {font-family: 'NanumSquare',sans-serif; font-size: 18px; font-weight: 900; color:#fecd08; text-transform: uppercase;}
#c4_wrap .article .txt h1 {font-family: 'NanumSquare',sans-serif; font-size: 55px; font-weight: 900; color:#fff; margin: 20px 0 35px 0; }
#c4_wrap .article .txt p {  font-size: 16px; line-height: 32px;font-weight: 300; color:#fff; }


#c4_wrap .img {width: 50%; background: url('../img/c4_img.jpg?v=221207')no-repeat 50% 50%; background-size: cover; min-height: 700px; position: relative;}
#c4_wrap .img .c4_btn {width: 150px; height: 150px; line-height: 150px; text-align: center; position: absolute; bottom: 0; left: 0;}
#c4_wrap .img .c4_btn a { color:#fff; font-size: 16px; font-weight: 400; border: 1px solid #fff; transition: all 0.3s; display: block}
#c4_wrap .img .c4_btn a img {padding-left: 10px; position: relative; top: -3px;}
#c4_wrap .img .c4_btn a:hover {background: rgba(9,50,169,0.7)!important;;}












@keyframes pulse-border {

}

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

}

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

}

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

}

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

}