@charset "UTF-8";

@media all and (max-width:280px){

    .ci-area .ci-color img{width: 100%}
}
@media all and (min-width:280px) and (max-width:479px){

    .ci-area .ci-color img{width: 100%}
}
@media all and (min-width:480px) and (max-width:767px){

    .ci-area .ci-color img{width: 100%}
}
@media all and (min-width:768px) and (max-width:910px){

    .ci-area .ci-color img{width: 100%}
}
@media all and (min-width:911px) and (max-width:1279px){

    .ci-download{width: 100%}
    .ci-area .ci-color img{width: 100%}
}
@media all and (min-width:1280px){

    .ci-download{width: 900px}
    .ci-area .ci-color img{width: 721px}
}

.ceo-intro p{text-align: center}
.ceo-intro p span{display: block;margin: 0 0 20px 0;line-height: 26px;font-size: 18px}

.ci-area{text-align: center}


.ci-description{margin: 0 0 70px 0}
.ci-description span{display: block;line-height: 26px;font-size: 16px}

.ci-download{overflow: hidden;margin: 0 auto 80px auto}
.ci-download .ci-download-kr{width: 48%;float: left;margin: 0 1%}
.ci-download .ci-download-en{width: 48%;float: right;margin: 0 1%}
.ci-download span{font-size: 18px;font-weight: 600;letter-spacing: -0.4px}
.ci-download img{width: 100%}

.download-btn{margin: 30px 0 0 0}
.download-btn span{border:1px solid #ccc;padding: 10px 15px;font-weight: 600;display: inline-block}
.download-btn span:hover{cursor: pointer;background: #3f4f5f;color: #fff;transition: 0.5s}