/*공통*/
#c1_wrap .c_inner { margin: 0 auto; min-width: 100%; max-width: 100%;}

/*Content CSS*/
#c1_wrap {width: 100%; background: url('../img/c1_bg.jpg') 50% 50% no-repeat; background-size:cover; overflow: hidden; overflow: hidden; padding: 50px 20px;}
#c1_wrap .img {display: flex;  width: 100%; margin-top: 30px; justify-content: space-between;}
#c1_wrap .img > li {width: calc(25% - 5px); overflow: hidden;}
#c1_wrap .img > li img {transition: all .3s ease; width: 100%;}
#c1_wrap .img > li:hover img {transform: scale(1.1);}

#c1_wrap .txt {text-align: center;}
#c1_wrap .txt h2 {font-size:13px; font-weight: 500; color:rgba(212, 155, 80, 0.7); letter-spacing: 5px; font-family: 'Montserrat'; text-transform: uppercase; }
#c1_wrap .txt h1 {font-size:35px; font-weight: 800; color:#fff; font-family: 'NanumSquare',sans-serif; margin:20px 0 0;}
#c1_wrap .txt h1::after {content: ''; display: block; width: 50px; height: 1px; background: #fff; margin:25px auto;}
#c1_wrap .txt p {font-size:14px; font-weight: 300; color:rgba(255,255,255,.7); line-height: 28px;  word-break: keep-all;}
#c1_wrap .txt a {display: flex; width: 100%; max-width: 375px; height: 50px; justify-content: space-between; align-items: center; padding:0 40px; border:1px solid rgba(255,255,255,.4);
font-size:15px; font-weight: 300; color:#fff; margin:35px auto 0; position: relative; z-index: 1; overflow: hidden; transition: all .5s ease;}
#c1_wrap .txt a span {display: block; width: 24px; height: 1px; background: #fff; position: relative; top:4px;}
#c1_wrap .txt a span::after { content: ''; position: absolute; display: block; width: 10px;  height: 1px;background: #fff; right: -2px; transform: rotate(42deg);
top: -3px; }
#c1_wrap .txt a::before {content: ''; position: absolute ;left: 0; top: 0; width: 0; height: 100%; z-index: -1; background: #d49b50; transition: all .5s ease;}
#c1_wrap .txt a:hover {border-color: #d49b50;}
#c1_wrap .txt a:hover::before {width: 100%;}





@media screen and (max-width:1700px) {

}

@media screen and (max-width:1300px) {

}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {

}
