/* 공통 */
#c2_wrap .c_inner { width: 100%; max-width: 1400px; margin:0 auto; position: relative; padding:0 50px;}

/* font size */
#c2_wrap .fs_62 {font-size: 62px; font-weight: 700; color:#000; line-height: 1; font-family: 'Play', sans-serif;}
#c2_wrap .fs_18 {font-size: 18px; line-height: 1.83; font-weight:300; color:#000;}

/* btn */
#c2_wrap .c_btn {width: 180px; height: 45px; display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 14px; padding:0 24px;
font-weight: 300; overflow: hidden; z-index: 1; position: relative; background:transparent; border:1px solid rgba(255,255,255,.5); transition: border-color .3s; }
#c2_wrap .c_btn::before {content: ""; z-index: -1; position: absolute; background: #1b1b7f; transition: all .4s; left: 0; top: 0; width: 0; height: 100%;}
#c2_wrap .c_btn:hover {border-color: #1b1b7f; }
#c2_wrap .c_btn:hover::before {width:100%;}

/*Content CSS*/
#c2_wrap {position: relative; padding: 100px 0 135px; z-index: 2; }
#c2_wrap::before {content: ''; display: block; position: absolute; background:url("../img/c2_bg.jpg") 50%/cover no-repeat; left: 0; top:0; z-index: -1; height: 100%;
width: calc(50% + 650px);}
#c2_wrap > .img {position: absolute; left: 50%; top:200px; width: calc(50% - 25px); background:url("../img/c2_logo_bg.jpg") 50%/cover no-repeat; z-index: 2;
border:1px solid #ddd; height: 454px;  transform: translateX(250px); max-width: 625px; display: flex; align-items: center; justify-content: center;}

#c2_wrap .c_inner {display: flex; justify-content: flex-start; align-items: flex-start; }
#c2_wrap .wrap {max-width: 834px; width: 100%;}
#c2_wrap .top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
#c2_wrap .top .c_tit h2 {color:#fff;}

#c2_wrap .cont {border-top: 3px solid #fff;}
#c2_wrap .cont > div {border-bottom: 1px solid rgba(255,255,255,.3); padding: 30px 0; }
#c2_wrap .cont h3 {font-size: 25px; font-weight: 700; color:#fff; letter-spacing: -.5px ;line-height: 1.3; margin-bottom: 5px; }
#c2_wrap .cont p {font-size: 17px; font-weight: 400; color:rgba(255,255,255,.8); letter-spacing: -.34px ; line-height: 1.82;}




@media screen and (max-width: 1800px) {
    #c2_wrap > .img {width:32%;  padding: 30px; }

}


@media screen and (max-width: 1400px) {
    /* common */
    #c2_wrap br:not(.space) {display: none;}

    /* Content */
    #c2_wrap .wrap {width: 65%;}
    #c2_wrap > .img {right: 0; left: auto; transform: translateX(0); }

}

@media screen and (max-width: 1024px) {
    /* common */
    #c2_wrap {padding: 70px 0; text-align: center;}
    #c2_wrap .c_inner {padding:0 30px;}
    /* font size */
    #c2_wrap .fs_62 {font-size: 45px;}
    #c2_wrap .fs_18 {font-size: 16px;}


    /* btn */
    #c2_wrap .c_btn { width:100%; text-align: center;  margin: 0 auto; height: 40px; }
    #c2_wrap .c_btn a {justify-content: center; width:100%; height: 40px; text-align: center; font-size: 14px;  padding: 0 20px; }

    /* Content */
    #c2_wrap > .img {width:100%; max-width: calc(100% - 60px);  position: relative; top:auto; left: 30px; margin-top: 40px; height: auto; }
    #c2_wrap > .img img {max-height: 80px;}
    #c2_wrap .top {flex-direction: column; }
    #c2_wrap .c_inner {display: block; }
    #c2_wrap .wrap {width:100%; max-width: 100%;}
    #c2_wrap .top .c_tit h2 {margin-bottom: 30px;}

    #c2_wrap .cont h3 {font-size: 20px; }
    #c2_wrap .cont p {line-height: 1.6; font-size: 15px;}


}

@media screen and (max-width:640px) {
    /* common */
    #c2_wrap {padding: 50px 0;}
    #c2_wrap .c_inner {padding:0 20px;}
    /* font size */
    #c2_wrap .fs_62 {font-size: 32px;}
    #c2_wrap .fs_18 {font-size: 14px;}

    /* Content */
    #c2_wrap .top {margin-bottom: 30px;}
    #c2_wrap .cont > div {padding: 20px 0;}
    #c2_wrap .cont h3 {font-size: 16px; }
    #c2_wrap .cont p {  font-size: 13px;}

    #c2_wrap > .img {margin-top: 30px; left: 20px; max-width: calc(100% - 40px); padding: 20px;}
    #c2_wrap > .img img {max-height: 50px;}

}