/*공통*/
.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; border: 1px solid #0932a9}
.c_btn a:hover span {background: url('../img/c_arrow_w.png')no-repeat 50% 50%; margin-left: 30px;}

/*Content CSS*/
#c1_wrap {width: 100%; margin: 0 auto; background: url('../img/c1_bg.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow: hidden; padding: 95px 0 120px 0;}
#c1_wrap .top {width: 100%; max-width: 1920px; margin: 0 auto; position: relative; margin-bottom: 57px;}
#c1_wrap .top .txt {width: 1500px; min-height: 575px; margin: 0 auto; padding-top: 20px;}
#c1_wrap .top .c_title h1 {margin-bottom: 20px;}
#c1_wrap .top .c_title ul {margin-bottom: 40px;}
#c1_wrap .top .c_title ul li {font-family: 'NanumSquare',sans-serif; font-size: 17px; color: #000; font-weight: 400; line-height: 30px; word-break: keep-all; position: relative;
padding-left: 15px;}
#c1_wrap .top .c_title ul li::before {content: ''; width: 4px; height: 4px; background: #0932a9; position: absolute; left: 0; top:12px;}


#c1_wrap .top .article {width: 985px; position: absolute; right: 0; top: 0;}
#c1_wrap .top .article .img {width: 985px; overflow: hidden;}
#c1_wrap .top .article .img img {transition: all 0.3s ease; transform: scale(1); }
#c1_wrap .top .arrow {width: 128px; height: 128px; line-height: 128px; text-align: center; color:#fff; font-size: 45px; position: absolute; top: 224px; left: -64px; background: #0932a9; font-size: 0!important; transition: all 0.3s;}
#c1_wrap .top .arrow  a {display: block;}
#c1_wrap .top .article:hover .img img {transform: scale(1.1)}
#c1_wrap .top .article:hover .arrow {background: #333;}


#c1_wrap .btm {width: 100%; display: flex; flex-direction: row; align-items: center; max-width: 1920px; margin: 0 auto;}
.c1-carousel {width: 1629px; margin-left: -420px; font-size: 0;}
.c1-carousel .c1_img {width: 100%; border: 1px solid #ddd; overflow: hidden;}
.c1-carousel .c1_img img {transition: all 0.3s; transform: scale(1)}
.c1-carousel .c1_box:hover .c1_img img {transform: scale(1.1)}

#c1_wrap .btm .txt { padding-left: 105px;}
#c1_wrap .btm .txt p::before {width: 37px; height: 3px; background: #0932a9; display: block; content: ""; margin-bottom: 25px;}
#c1_wrap .btm .txt p {font-family: 'NanumSquare',sans-serif; font-size: 17px; color: #000; font-weight: 400; line-height: 30px; word-break: keep-all; margin-bottom: 60px;}



/*컨트롤러*/
.c1-carousel .owl-nav{ width: 100%; position: absolute; right:0; top: 50%; transform: translateY(-50%); z-index: 20;}
.c1-carousel .owl-nav button {width: 51px; height: 51px; line-height: 51px; text-align:center; cursor:pointer; transition: all 0.3s;}
.c1-carousel .owl-nav .owl-prev{ background:url('../img/c_prev.png')no-repeat 50% 50% rgba(0,0,0,0.7); position: absolute; top: 0; left: 0;  transform: translateY(-50%);}
.c1-carousel .owl-nav .owl-next{background:url('../img/c_next.png')no-repeat 50% 50% rgba(0,0,0,0.7); position: absolute; top: 0; right: 1px;  transform: translateY(-50%);}
.c1-carousel .owl-nav button:hover {background-color: #0932a9}
















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

}

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

}

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

}
