.ci_page {padding-top: 95px;}
.ci_page > * {color: #252525;}

.ci_page .ci_inner {width: 918px; margin: 0 auto; padding: 100px 0; box-sizing: border-box;}
.ci_page .ci_btn_wrap {display: flex; justify-content: center; align-items: center; margin-top: 40px;}
.ci_page .ci_btn {position: relative; display: inline-block;width: 248px;height: 70px;line-height: 68px;box-sizing: border-box;border: 1px solid #105dad;border-radius: 4px;color: #105dad;text-align: center; font-size: 20px; font-weight: 500; transition: all 0.1s ease-out;}
.ci_page .ci_btn::after {content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: block;width: 13px;height: 16px;background: url('//www.duo.co.kr/html/company/img/ico_ci_download.svg') no-repeat center / contain; transition: all 0.1s ease-out;}
.ci_page .ci_btn + .ci_btn {margin-left: 10px;}
.ci_page .ci_btn:hover{background-color: #105dad; color: #fff; transition: all 0.2s ease-out;}
.ci_page .ci_btn:hover::after{background-image: url('//www.duo.co.kr/html/company/img/ico_ci_download_w.svg');transition: all 0.2s ease-out;}
.ci_page .ci_cnt_tit {font-size: 34px; font-weight: 500; line-height: 1; margin-bottom: 25px;}
.ci_page .ci_cnt_sub_tit {font-size: 22px;font-weight: 500;line-height: 1;margin-bottom: 35px;}
.ci_page .ci_cnt_txt {font-size: 18px; font-weight: 300; line-height: 1.89;margin-bottom: 48px;}

.ci_visual {padding: 65px 0 90px; background: url('/html/company/img/bg_ci.jpg') no-repeat center / cover; text-align: center;}
.ci_visual .ci_tit {font-size: 36px; font-weight: 400;line-height: 1;}
.ci_visual .ci_sub_tit {margin: 60px 0 30px; font-size: 30px; font-weight: 500; line-height: 1.36;}
.ci_visual .ci_desc {font-size: 18px; font-weight: 300; line-height: 1.89;}

.ci_file .ci_file_logo {padding: 119px 0; border: 1px solid #dedede; text-align: center; box-sizing: border-box;}
.ci_file .ci_file_logo > img {display: inline-block; width: 241px;}

.ci_clear {background-color: #f5f5f5;}
.ci_clear .clear_wrap {display: flex;justify-content: space-between;}
.ci_clear .clear_wrap > div {width: 430px;}
.ci_clear .space_box, .ci_clear .size_box {height: 233px; background-color: #fff; align-content: center;text-align: center;}
.ci_clear .space_box{padding-right: 34px;text-align: right;}
.ci_clear .space_box > img{display: inline-block;width: 304px;}
.ci_clear .size_box > img{display: inline-block;width: 295px;}

.ci_color .ci_inner {padding-bottom: 150px;}
.ci_color .color_wrap {display: flex;}
.ci_color .color_box_wrap {display: flex;}
.ci_color .color_box{display: flex;flex-direction: column;justify-content: space-between;width: 153px;min-width: 153px; height: 225px; padding: 34px 26px; box-sizing: border-box;}
.ci_color .color_box.mg{background-color: #bdbab9;}
.ci_color .color_box.dg{background-color: #78787b;color: #fff;}
.ci_color .color_box.blk{background-color: #221f21;color: #fff;}
.ci_color .color_box .color_name {font-size: 18px;font-weight: 500;line-height: 1.22;}
.ci_color .color_box .color_pantone {font-size: 12px;font-weight: 100;line-height: 16px;margin-bottom: 12px;}
.ci_color .color_box .color_code {font-size: 12px;font-weight: 100;line-height: 1.33;}
.ci_color .color_main > .color_box {width: 460px;min-width: 460px;background-color: #e11b22;color: #fff;}
.ci_color .color_main .color_box .color_pantone {font-size: 14px;}

@media (max-width: 1560px) {
    .ci_page .ci_inner {width: 780px;padding: 85px 0;}
    .ci_page .ci_btn_wrap {margin-top: 34px;}
    .ci_page .ci_btn {width: 210px;height: 60px;line-height: 58px;font-size: 17px;}
    .ci_page .ci_btn::after {right: 17px;width: 11px;height: 13.6px;}
    .ci_page .ci_btn + .ci_btn {margin-left: 8px;}
    .ci_page .ci_cnt_tit {font-size: 29px; margin-bottom: 21px;}
    .ci_page .ci_cnt_sub_tit {font-size: 19px;margin-bottom: 30px;}
    .ci_page .ci_cnt_txt {font-size: 15px;margin-bottom: 40px;}

    .ci_visual {padding: 68px 0 76px;}
    .ci_visual .ci_tit {font-size: 31px;}
    .ci_visual .ci_sub_tit {margin: 38px 0; font-size: 26px;}
    .ci_visual .ci_desc {font-size: 15px;}

    .ci_file .ci_file_logo {padding: 101px 0;}
    .ci_file .ci_file_logo > img {width: 205px;}

    .ci_clear .clear_wrap > div {width: 365px;}
    .ci_clear .space_box, .ci_clear .size_box {height: 198px;}
    .ci_clear .space_box{padding-right: 29px;}
    .ci_clear .space_box > img{width: 258px;}
    .ci_clear .size_box > img{width: 250px;}

    .ci_color .ci_inner {padding-bottom: 127px;}
    .ci_color .color_box{width: 130px;min-width: 130px; height: 191px; padding: 29px 22px;}
    .ci_color .color_box .color_name {font-size: 15px;}
    .ci_color .color_box .color_pantone {font-size: 10px;line-height: 14px;margin-bottom: 10px;}
    .ci_color .color_box .color_code {font-size: 10px;}
    .ci_color .color_main > .color_box {width: 391px;min-width: 391px;}
    .ci_color .color_main .color_box .color_pantone {font-size: 12px;}
}