/*공통css*/
.c_wrap {width: 100%; padding: 100px 0;}
.con1300 { width: 100%; max-width: 1300px; margin: 0 auto;}


/*Content CSS*/
#c1_wrap {position: relative; padding: 100px 0; }
#c1_wrap .con1300{display: flex; flex-direction: row;}
#c1_wrap .con1300 > div {width: 50%;}

#c1_wrap .title {position: relative; z-index: 3}
#c1_wrap .title h1 {font-family: 'NanumSquare',sans-serif; font-size:72px;  color:#333; word-break: keep-all;font-weight: 800;}
#c1_wrap .title h1 span { color:#ffa800; }
#c1_wrap .title::after {display: block; content: ""; width: 186px; height: 1px; background: #000; margin-top: 50px;}

#c1_wrap .txt {position: relative; z-index: 3; padding-left: 115px; border-left: 1px solid #ddd;}
#c1_wrap .txt p { font-weight: 400; font-size: 20px; line-height: 35px; color:#777; word-break: keep-all; font-family: 'NanumSquare',sans-serif;}
#c1_wrap .txt h2 {font-size: 14px; color:#ffa800; letter-spacing: 6px; font-family: 'NanumSquare',sans-serif; margin-top: 25px; text-transform: uppercase;}

#c1_btn {width: 256px; margin-top: 50px;}
#c1_btn a { display: block; width: 100%; height: 53px; line-height: 53px; border: 1px solid #000; text-align: center;font-family: 'NanumSquare',sans-serif; font-size: 17px; color:#000; transition: all 0.3s; font-weight: 400; }
#c1_btn a span {display: inline-block; width: 24px; height: 10px; background: url('../img/c_arrow_b.png')no-repeat 50% 50%; margin-left: 10px; transition: all 0.3s;}

#c1_btn a:hover {background: #ffa800; border: 1px solid #ffa800; color:#fff;}
#c1_btn a:hover span { background: url('../img/c_arrow_w.png')no-repeat 50% 50%; margin-left: 17px;}




@media screen and (max-width:1600px) {
    #c1_wrap {padding: 100px 30px;}


}

@media screen and (max-width:1300px) {
    #c1_wrap .title h1 { font-size: 55px; }

}


@media screen and (max-width:1200px) {
    #c1_wrap {padding: 80px;}
    #c1_wrap .con1300{display: block; text-align: center;}
    #c1_wrap .con1300 > div {width: 100%;}
    #c1_wrap .title::after {margin: 30px auto 35px auto;}
    #c1_btn {margin: 50px auto 0 auto;}
    #c1_wrap .txt {padding-left: 0; border-left: 0;}
    #c1_wrap .txt p br {display: none;}

}

@media screen and (max-width: 960px) {
    #c1_wrap {padding: 80px 30px;}
    #c1_wrap .title h1 { font-size: 40px; line-height: 40px;}
    #c1_wrap .title::after {width: 100px;}
    #c1_wrap .title h1 br {display: none;}
    #c1_wrap .txt p { font-size: 14px; line-height: 24px;}
    #c1_wrap .txt h2 { font-size: 13px; line-height: 20px;}




}

@media screen and (max-width: 640px) {
    #c1_wrap {padding: 60px 20px;}


}