@charset "utf-8";
/*---기업 : 종근당 ---*/
.con_top{
    position: relative;
}
.top_cover{
    position:relative;
    width:100%;
    min-width: 1200px;
    text-align: center;
}
.business_cover{
    height:660px;
    background:url("../../images/pc/company/info_title_img.jpg")no-repeat center center;
    background-size: cover;
}

.content_nav_area{
    position:absolute;
    bottom:0;
    left:0;
    height:70px;
    width:100%;
    background:url("../../images/common/content_nav_bg.png")repeat;
}
.content_nav{
    width:1200px;
    height:70px;
    margin:0 auto;
}
.content_nav li{
    display:inline-block;
    vertical-align: top;
}
.icon_home{
    display:inline-block;
    vertical-align:top;
    width:70px;
    height:70px;
    text-indent:-9999px;
    background:#fff url("../../images/common/icon_home.png") no-repeat center center;
}
.sle_tlt{

    width:160px;
    height:70px;
    line-height:70px;
    padding:0 30px;
    cursor: pointer;
    color:#647c9b;
    font-size:18px;
    border-right:1px solid #4f7399;
    background:url("../../images/common/sel_arrow_down.png") no-repeat 160px center;
}
.sle_tlt.active{
    color:#fff;

}
.sle_txt{
    display:none;
}
.sle_txt.active{
    display:block;
}
.business_cover .img_txt1,
.business_cover .img_txt2,
.business_cover .img_txt3{
    display:block;
    color:#fff;
    font-weight:700;
    letter-spacing:-0.5px;
}
.business_cover .img_txt1{
    padding-top:180px;
    font-size:24px;
    font-weight:400;
}
.business_cover .img_txt2{
    font-size:100px;
}
.business_cover .img_txt3{
    font-size:30px;
    font-weight:400;
    opacity:0.5;
    margin-top:32px;
}

.info_tlt{
    font-size:40px;
    color:#222;
    font-weight:700;
}
.con_middle{overflow: hidden;}
.con_middle .tlt_tab{margin-bottom:101px;}
.info_txt .default_con_middle{margin-top:217px;}
.info_txt,
.info_img{
    position: relative;
    width:50%;
}
.info_img img{float: right;}
.abs_txt{
    position: absolute;
    top: 196px;
    left: 0;
    width: 1200px;
    color:#222222;
    font-size: 100px;
    letter-spacing: 8px;
    opacity: 0.05;
    font-weight: 700;
    z-index: 20;
}
.info_txt .txt{
    font-size:15px;
    line-height:32px;
    color:#444;
    letter-spacing: -0.25px;
}
.con_bottom .board{
    margin:63px 0 182px;}
/*-- ckdbusiness_info --*/
.business_info{
    width:1200px;
}
.business_info .info_txt{
    margin-top:115px;
}
.business_info .txt{
    font-size: 14px;
    line-height: 32px;
    color: #444;
    letter-spacing: -0.25px;
}
.business_info .sec01{

}
.business_info .sec01 h4{
    line-height: 36px;
    color:#bfa258;
    font-size: 22px;
    font-weight:400;
    letter-spacing:-0.5px;
    padding-bottom: 93px;
    margin-bottom: 40px;
}
.making_list{
    overflow: hidden;
    text-align:center;
    margin:25px 0 35px;
}
.making_list li{
    position: relative;
    float: left;
    width:25%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #e5e5e5;
    border-right: 1px solid #fff;
    padding:60px 0;
    height: 600px;
}
.making_list li:nth-child(4){
    border-right:1px solid #e5e5e5;
}
.making_list li:hover{
    border:1px solid #bfa258;

}
.making_list li:nth-child(1) h4{
    background:url("../../images/pc/company/icon_sec01business_01.png") no-repeat center bottom;
}
.making_list li:nth-child(2) h4{
    background:url("../../images/pc/company/icon_sec01business_02.png") no-repeat center bottom;
}
.making_list li:nth-child(3) h4{
    background:url("../../images/pc/company/icon_sec01business_03.png") no-repeat center bottom;
}
.making_list li:nth-child(4) h4{
    background:url("../../images/pc/company/icon_sec01business_04.png") no-repeat center bottom;
}
.btn_product_see{
    position: absolute;
    bottom: 60px;
    left: 50%;
    display: inline-block;
    width:120px;
    height:40px;
    margin-top:74px;
    margin-left: -60px;
    line-height:40px;
    color:#fff;
    font-size:14px;
    text-indent: -20px;
    background: #bfa258 url("../../images/pc/company/btn_product_see_bg.png")no-repeat 94px 16px;
}
.sec02 .export_list{
    margin-top:30px;
}
.sec02 .export_list li{
    overflow: hidden;
    margin-bottom:30px;
}

.sec02 .export_list div{
    display: inline-block;
    float: left;
}
.sec02 .export_list .img_export{
    width:300px;
    height:300px;
}
.sec02 .export_list .txt_export{
    margin-left:60px;
    width: 840px;
}
.sec02 .export_list .txt_export h4{
    font-size:22px;
    font-weight:400;
    color:#222;
    line-height:36px;
    margin:80px 0 25px;

}
.sec02 .export_list .txt_export p{
    font-size: 15px;
    line-height:32px;
    color:#444;
    letter-spacing: -0.5px;
    font-weight: 300;
}
.sec04 .board{
    margin:40px 0 182px;
}
.sec04 .board td{
    margin:40px 0 182px;
    font-weight:300;
}
.sec04 .board .txt_left{
    text-align: left;

}
/* -- factory info --*/
.factory_info .sec01 .img {
    margin-top:60px;
}
.factory_info .txt {
    font-size: 15px;
    line-height: 32px;
    color: #444;
    letter-spacing: -0.25px;
}
.factory_info .sec01 .tlt_txtcon{
    margin-top:60px;
    font-size:30px;
    letter-spacing:-0.5px;
    color:#222;
    line-height:46px;

}
.factory_info .sec01 .txt_txtcon{
    margin-top:25px;
    font-size: 15px;
    line-height: 32px;
    color: #444;
    letter-spacing: -0.5px;
    font-weight: 300;
}
.factory_info .sec03 .tab_content{
    margin-bottom:182px;

}
/*--ceo_info--*/
.ceo_info .info_txt .info_tlt{
    color:#004a99;
    margin-bottom:215px;
    font-weight: 500;
}
.ceo_info .con_bottom{
    position: relative;
    height:50px;
    margin-bottom:182px;


}
.con_bottom .seo_sign{
    position:absolute;
    right:0;
    top:0;
    color:#444;
    font-size:15px;
    letter-spacing:-0.5px;

}
.con_bottom .seo_sign img{vertical-align: middle;}
.con_bottom .seo_sign b{
    color:#222;
}
/* vision*/
.vision_con{
    position: relative;
}
.vision_con .sec01 ul{
    overflow:hidden;
}
.vision_con .sec01 ul li{
    float:left;
    width:230px;
    height:230px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #bfa258;
    border-radius:50%;
    color:#ac8931;
    font-size:22px;
    letter-spacing:-0.5px;
    text-align: center;
    padding-top: 93px;
}
.vision_con .sec01 ul li:nth-child(2){
    border:1px solid #ccc;
    margin-left:-20px;
    color:#666666;
}
.vision_con .sec01 ul li:nth-child(3){
    margin-left:-20px;
}
.vi_arrow_right{
    margin: 0 45px;
    border:0 !important;
    border-radius:0;
    background:url("../../images/pc/company/vi_arrow_right.png") no-repeat center center;
}
.vision_con .sec01 ul li:last-child{
    color:#fff;
    background: #003894 url("../../images/pc/company/icon_CKD.png") no-repeat 50% 51px;
    border-color:#003894;
    padding-top: 128px;
    background-size: 70px;
}
.vision_con .sec02{text-align: center;}
.vision_con .sec02 .default_con_middle{text-align: left;}
.vision_con .sec02 .txt{
    color:#ac8931;
    line-height:60px;
    font-size: 40px;
    border-top:1px solid #ac8931;
    border-bottom:1px solid #ac8931;
    display:inline-block;
    padding:14px;
    margin-bottom:60px;
}
.vision_con .sec02 .list_table{
    width:1200px;
    margin: 60px 0 70px 0;
}
.vision_con .sec02 .list_table > div{
    display:inline-block;
    width:330px;
    height:600px;
    margin:0 25px;
    vertical-align: top;
    padding:40px;/* 200226 수정 */
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.vision_con .sec02 .list_table > div h4{
    text-align: left;
    font-weight:400;
    color:#ac8931;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.5px;
    margin-bottom:55px;
}
.vision_con .sec02 .list_table > div ul li{
    text-align: left;
    font-size:15px;
    line-height:28px; /* 200226 수정 */
    color: #222222;
    font-weight: 100px;

}
.vision_con .sec02 .list_table > div:nth-child(1){
    background:#f7f7f7 url("../../images/pc/company/icon_operate01.png") no-repeat 127px 378px;
}
.vision_con .sec02 .list_table > div:nth-child(2){
    background:#f7f7f7 url("../../images/pc/company/icon_operate02.png") no-repeat 127px 378px;
}
.vision_con .sec02 .list_table > div:nth-child(3){
    background:#f7f7f7 url("../../images/pc/company/icon_operate03.png") no-repeat 127px 378px;
}
.vision_con .sec03 .default_con_middle h2{
    margin-bottom:60px;
}
.vision_con .sec03 ul{
    overflow: hidden;
    padding:0 60px;
    text-align: center;
}
.vision_con .sec03 ul li{
    float: left;
    width: 230px;
    height: 230px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #5c94be;
    border-radius: 50%;
    color: #004a99;
    font-size: 22px;
    letter-spacing: -0.5px;
    text-align: center;
    padding-top: 65px;
    margin-left:-20px;
}
.vision_con .sec03 ul li:first-child{
    margin-left:0;
}
.vision_con .sec03 ul li > span{
    display: block;
    width:2px;
    height:30px;
    background: #5c94be;
    margin:10px auto;
}
.vision_con .sec03 ul li > em{
    color:#5c94be;
    font-size: 16px;
    line-height:32px;
    letter-spacing: -0.5px;
}
.vision_con .sec03 ul li:nth-child(2),
.vision_con .sec03 ul li:nth-child(4){
    border:1px solid #cccccc;
    color:#444;
}
.vision_con .sec03 ul li:nth-child(2) > span,
.vision_con .sec03 ul li:nth-child(4) > span{
    background:#cccccc;
}
.vision_con .sec03 ul li:nth-child(2) > em,
.vision_con .sec03 ul li:nth-child(4) > em{
    color:#666;
}
.vision_con .sec03 ul li:nth-child(3){
    border:1px solid #ac8931;
    color:#ac8931;
    padding-top: 40px;
}
.vision_con .sec03 ul li:nth-child(3) > span{
    background:#bfa258;
}
.vision_con .sec03 ul li:nth-child(3) > em{
    color:#bfa258;
}
.vision_con .sec03 ul li.operate_bar{
    display:block;
    width:100%;
    margin:0;
    border-radius:0 !important;
    border:0;
    padding:0;
    height:83px;
    background: url("../../images/pc/company/operate_bar.png") no-repeat center center;
}
.vision_con .sec03 ul li:nth-child(7){
    float: none;
    display: inline-block;
    background: #004a99 url("../../images/pc/company/icon_operate05.png") no-repeat center 26px;
    color: #fff;
    padding-top: 144px;
}
/*-- CI --*/
.ci_info .default_con h2{
    font-size:40px;
    color:#222;
}
.ci_con .sec01{
    overflow: hidden;
}
.ci_con .sec01 .img{
    display:inline-block;
    float: left;
    width:280px;
}
.ci_con .sec01 .txt{
    display:inline-block;
    float: right;
    width:840px;
    padding-top: 45px;
}
.ci_con .txt p{
    font-size: 15px;
    color:#444444;
    line-height:32px;
    letter-spacing: -0.5px;
}
.ci_con .sec02 .default_con_middle h2{
    margin-bottom:25px;
}
.ci_con .color_list{
    overflow: hidden;
}
.ci_con .color_list li{
    float:left;
    width: 285px;
    margin-right:20px;
    height:160px;
    padding-top:30px;
    text-align:center;
    color:#fff;
    font-size:18px;
    line-height:32px;
    letter-spacing:-0.5px;
}
.ci_con .color_list li span{
    display:inline-block;
    margin-top:20px;
    font-size: 14px;
    line-height:26px;
}
.ci_con .color_list li:nth-child(1){background:#004a98;}
.ci_con .color_list li:nth-child(2){background:#c0a353;}
.ci_con .color_list li:nth-child(3){background:#a8a9ac;}
.ci_con .color_list li:last-child{
    margin:0;
    background:#000000;
}
.ci_con .sec04{
    margin-bottom:182px;
}