@charset "utf-8";
#contents.ci .section_top .back_container{background:none;}
#contents.ci .section_top .back_container .expand_bg {width:100%;height:100%;display:block;background-image: url(/Images/company/ci/ci_top_bg.jpg);background-size:cover;}

#contents.ci .section{margin: 0 auto;}
#contents.ci .section .inner{max-width: 1060px;margin: 0 auto;overflow: hidden;border-top: 1px solid #d7d7d7;padding: 80px 50px}
#contents.ci .section_ci_desc .inner{text-align: center;border:0;}
#contents.ci .section_ci_desc .ci_symbol{padding: 35px 0 45px;}
#contents.ci .section_ci_desc h3{font-size: 26px;line-height: 28px;}
#contents.ci .section_ci_desc dl{text-align: left;overflow: hidden;}
#contents.ci .section_ci_desc dl dt{float: left;width: 293px;padding-top: 30px;}
#contents.ci .section_ci_desc dl dt.first{padding: 0;}
#contents.ci .section_ci_desc dl dd{float: left;width: 667px;font-size: 14px;line-height: 26px;padding-top: 30px}
#contents.ci .section_ci_desc dl dd.first{padding: 0;}
#contents.ci .section .title_left{float: left;width: 293px;font-size: 26px;line-height: 28px;}
#contents.ci .section .desc_right{float: left;width: 667px;font-size: 14px;line-height: 26px;}
#contents.ci .section_ci_rule .img_area{padding: 35px 0 50px;border-bottom: 1px solid #d7d7d7;}



#contents.ci .section_ci_rule .btn_ci_down {width:182px;height:50px;border:1px solid #929292;display:block;position:relative;margin:40px auto 0px;font-size:16px;line-height:50px;text-align:center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
#contents.ci .section_ci_rule .btn_ci_down span {position:relative;display:inline-block;color:#333;padding-right: 30px}
#contents.ci .section_ci_rule .btn_ci_down span:before {content:'';width:11px;height:13px;position:absolute;right:0;top:18px;background:url('/Images/company/ci/down_icon.png') no-repeat 0 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#contents.ci .section_ci_rule .btn_ci_down span:after {content:'';width:11px;height:13px;position:absolute;right:0;top:18px;background:url('/Images/company/ci/down_icon_on.png') no-repeat 0 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;opacity: 0;visibility: hidden;
}
#contents.ci .section_ci_rule .btn_ci_down:hover{background: #ff4311;border-color: #ff4311}
#contents.ci .section_ci_rule .btn_ci_down:hover span {color: #fff}
#contents.ci .section_ci_rule .btn_ci_down:hover span:before{opacity: 0;visibility: hidden}
#contents.ci .section_ci_rule .btn_ci_down:hover span:after{opacity: 1;visibility: visible}



#contents.ci .section_logo_rule .img_area{padding: 35px 0 50px;border-bottom: 1px solid #d7d7d7;}
#contents.ci .section_logo_rule .btn_logo_down {width:225px;height:50px;border:1px solid #929292;display:block;position:relative;margin:40px auto 55px;font-size:16px;line-height:50px;text-align:center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
#contents.ci .section_logo_rule .btn_logo_down span {position:relative;display:inline-block;color:#333;padding-right: 30px}
#contents.ci .section_logo_rule .btn_logo_down span:before {content:'';width:11px;height:13px;position:absolute;right:0;top:18px;background:url('/Images/company/ci/down_icon.png') no-repeat 0 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#contents.ci .section_logo_rule .btn_logo_down span:after {content:'';width:11px;height:13px;position:absolute;right:0;top:18px;background:url('/Images/company/ci/down_icon_on.png') no-repeat 0 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;opacity: 0;visibility: hidden;
}
#contents.ci .section_logo_rule .btn_logo_down:hover{background: #ff4311;border-color: #ff4311}
#contents.ci .section_logo_rule .btn_logo_down:hover span {color: #fff}
#contents.ci .section_logo_rule .btn_logo_down:hover span:before{opacity: 0;visibility: hidden}
#contents.ci .section_logo_rule .btn_logo_down:hover span:after{opacity: 1;visibility: visible}