.btn-small {
    padding: 8px 9px !important;
    font-size: 12px !important;
    line-height: 10px !important;;
}

small{font-size: 12px;}
.mainColor{
    color: #115fad;
}
.redColor{
    color: #ff0000;
}

.dh_tbl{
  border-top: 2px solid #004593;
}
.dh_tbl thead tr th{
  background-color: #f9f9f9;
}
.dh_tbl thead tr th, .dh_tbl thead tr td{
  font-size: 14px;
}

/********************
 ** 메인 네비
 ********************/
 .fixed{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    margin-top: 0px;
 }
.zIndex{
   z-index: 9999;
}
.gnb{
    margin-left: 285px;
}
.gnb > li{
    font-size: 16px;
}
.gnb > li:nth-child(1){
    width: 16%;
}
.gnb > li:nth-child(2){
    width: 16%;
}
.gnb > li:nth-child(3){
    width: 16%;
}
.gnb > li:nth-child(4){
    width: 16%;
}
.gnb > li:nth-child(5){
    width: 16%;
}
.gnb > li:nth-child(6){
    width: 16%;
}

.gnb_ab_img{
    position: absolute;
    left: 0px;
    top: 83px;
    display: none;
}
.wrap_visual_main{position:relative;margin:0 auto;width:100%;}
.main_visual_list li{height:690px;background-size:cover;background-position:center center;}
.main_visual_list li.main_visual01{background-image:url(/resources/template/chc/img/bg_main01.png)}
.main_visual_list li.main_visual02{background-image:url(/resources/template/chc/img/bg_main02.png)}
.main_visual_list li.main_visual03{background-image:url(/resources/template/chc/img/bg_main03.png)}
.main_visual_list li.main_visual04{background-image:url(/resources/template/chc/img/bg_main04.png)}
.main_visual_list li.main_visual05{background-image:url(/resources/template/chc/img/bg_main05.png)}
.main_visual_list li a{text-decoration:none;text-align:center;color:#fff}

.sp_com {
    display: inline-block;
    overflow: hidden;
    /*background: url(/resources/template/chc/img/sp_com.png) no-repeat 0 0;*/
    line-height: 999px;
    vertical-align: top;
}
.main_visual_list li a span.sp_com{margin:110px 0 0px;width:124px;height:110px}


.main_visual_list li.main_visual01 a span.sp_com{background-position:-130px -685px}
.main_visual_list li.main_visual02 a span.sp_com{background-position:15px -685px}
.main_visual_list li.main_visual03 a span.sp_com{background-position:0px 1000px}
.main_visual_list li.main_visual04 a span.sp_com{background-position:-252px -252px}
.main_visual_list li.main_visual05 a span.sp_com{background-position:-378px -252px}

.main_visual_list li a p.tit{line-height: 58px;}
.main_visual_list li a p.down_tit{line-height: 28px; margin-top: 15px;}
.main_visual_list li a p.en_tit{font-size: 55px; font-weight: 600;}
.main_visual_list li a p.kr_tit{font-size: 26px;}

.main_visual_list li a p.up_tit{font-size:18px; line-height: 35px;}
/*.main_visual_list li.main_visual01 a .wrap_tit{margin:165px 0 0 600px;text-align:left}*/
/*.main_visual_list li.main_visual01 a p.tit{display:inline-block;font-size:22px}*/
.main_visual_list li a p.tit .str{font-weight:500;font-size:30px}
/*.main_visual_list li.main_visual01 a p.tit .str{display:inline-block;font-size:34px;line-height:46px;margin-bottom:14px}*/
/*.main_visual_list li a p.n_tit{font-size: 20px; line-height: 40px;}*/
.main_visual_list li a p.n_tit{font-size: 20px; line-height: 135px;}
/*.main_visual_list li a p.n_tit span.str{font-weight:600;font-size:33px}*/
.main_visual_list li a p.n_tit span.str{font-size:26px}
.main_visual_list li a p.n_tit span.con{display: block;}

.bx-has-controls-auto{position:absolute;width:1180px;bottom:50px;left:50%;margin-left:-590px;text-align:center;z-index:60}
.bx-default-pager, .bx-controls-auto{display:inline-block}
.bx-default-pager .bx-pager-item, .bx-controls-auto .bx-controls-auto-item{display:inline-block;margin:0 3px;overflow:hidden;vertical-align:middle}
.bx-default-pager .bx-pager-item a{display:block;width:50px;height:3px;vertical-align:middle;font-size:0;text-indent:-9999px;background-color:#fff;opacity:.5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s}
.bx-default-pager .bx-pager-item a.active{opacity:1}
.bx-controls-auto{margin-left:20px; display: none;}
.bx-controls-auto .bx-controls-auto-item a{display:block;width:8px;height:9px;vertical-align:middle;font-size:0;text-indent:-9999px;opacity:.5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s}
.bx-controls-auto .bx-controls-auto-item a.bx-start{background:url(/resources/template/chc/img/sp_com.png) -108px -72px}
.bx-controls-auto .bx-controls-auto-item a.bx-stop{background:url(/resources/template/chc/img/sp_com.png) -108px -60px}
.bx-controls-auto .bx-controls-auto-item a.active{opacity:1}
.box_btn_move_control button{position:absolute;top:40%;margin-top:-30px;display:block;width:30px;height:48px;font-size:0;text-indent:-9999px;z-index:60}
.box_btn_move_control button.btn_slide_prev{left:80px;background:url(/resources/template/chc/img/sp_com.png) -126px -60px}
.box_btn_move_control button.btn_slide_next{right:80px;background:url(/resources/template/chc/img/sp_com.png) -156px -60px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align: center !important;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position: relative !important;}
/*wrap_prd_list*/
.wrap_prd_list{text-align:center}
.main_prd_list{display:inline-block;width:1050px;margin:40px 0;zoom:1;vertical-align:top}
.main_prd_list:after{display:block;clear:both;content:''}
.main_prd_list li{float:left;width:16.666%}
.main_prd_list li a{display:block;height:100px;text-decoration:none}
.main_prd_list li a:hover p{font-weight:500;color:#2d5b79}
.main_prd_list li a .sp_com{margin-bottom:14px;width:70px;height:64px}
.main_prd_list li a .sp_com.prd01{background-position:0 -112px}
.main_prd_list li a .sp_com.prd02{background-position:-72px -112px}
.main_prd_list li a .sp_com.prd03{background-position:-144px -112px}
.main_prd_list li a .sp_com.prd04{background-position:-216px -112px}
.main_prd_list li a .sp_com.prd05{background-position:-288px -112px}
.main_prd_list li a .sp_com.prd06{background-position:-360px -112px}
.main_prd_list li a:hover .sp_com.prd01{background-position:0 -178px}
.main_prd_list li a:hover .sp_com.prd02{background-position:-72px -178px}
.main_prd_list li a:hover .sp_com.prd03{background-position:-144px -178px}
.main_prd_list li a:hover .sp_com.prd04{background-position:-216px -178px}
.main_prd_list li a:hover .sp_com.prd05{background-position:-288px -178px}
.main_prd_list li a:hover .sp_com.prd06{background-position:-360px -178px}


.wrap_prd_gallery {
    padding: 40px 0;
    background: #425a7e url(/resources/template/chc/img/main_gallery_bg.png);
    /*background-color: #c0a97f;*/
    text-align: center;
}
.wrap_prd_gallery .h2_tit {
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
}
.wrap_prd_gallery .stit {
    margin: 3px 0 38px;
    color: #ffffff;
}
.prd_gallery {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.prd_gallery .bx-wrapper {
    margin: 0 auto;
    width: 1280px !important;
    height: 480px;
}
.prd_gallery .bx-has-controls-auto {
    bottom: 0px;
}
.bx-has-controls-auto {
    position: absolute;
    width: 1180px;
    bottom: 50px;
    left: 50%;
    margin-left: -590px;
    text-align: center;
    z-index: 60;
}
.prd_gallery_list li {
    zoom: 1;
    background-color: #fff;
    height: 414px;
    width: 1180px !important;
    margin: 0 50px;
}

.prd_gallery_list li .sec_l {
    float: left;
    width: 800px;
}
.prd_gallery_list li .sec_r {
    float: right;
    width: 380px;
}
.thum_prd_list {
    padding: 20px;
    text-align: left;
}
.thum_prd_list .thum_prd {
    display: block;
    position: relative;
    margin-top: 20px;
    padding-left: 100px;
    height: 82px;
}
.thum_prd_list .thum_prd {
    display: block;
    position: relative;
    margin-top: 20px;
    padding-left: 100px;
    height: 82px;
}
.thum_prd_list .thum_prd:first-child {
    margin-top: 0;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
}
.thum_prd_list .thum_prd .thumimg_prd {
    position: absolute;
    left: 0;
    top: 0;
    width: 82px;
    height: 82px;
    overflow: hidden;
}
.thum_prd_list .thum_prd .info_prd {
    padding-top: 16px;
}
.prd_navi {
    display: inline-block;
    zoom: 1;
}
.thum_prd_list .thum_prd .info_prd .prd_navi {
    margin-bottom: 4px;
}
.thum_prd_list .thum_prd .info_prd .prd_navi > .navi {
    display: inline-block;
    padding-left: 16px;
    background: url(/resources/template/chc/img/sp_bar.png) no-repeat 5px -266px;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.thum_prd_list .thum_prd .info_prd > p {
    color: #000;
}
.thum_prd_list .thum_prd .info_prd .prd_navi>.navi:first-child {
    background: none;
    padding-left: 0;
}
.prd_gallery .box_btn_move_control button.btn_slide_prev {
    left: 50%;
    margin-left: -642px;
}
.prd_gallery .box_btn_move_control button.btn_slide_next {
    right: 50%;
    margin-right: -642px;
}
.prd_gallery .bx-viewport {
    overflow: visible !important;
}

/*****************
 ** Main NEWS
 *****************/
 .main_news_top{
    border-bottom: 1px solid #e7e7e7;
     padding-bottom: 10px;
 }
 .main_news_bottom ul li{clear: both;}
.main_news_bottom ul li span{padding: 5px 0px; font-size: 14px;}
.main_news_bottom ul li span:first-child{float: left;}
.main_news_bottom ul li span:last-child{float: right; }
.main_showroom{
    height: 300px;
    background: url(/resources/template/chc/img/showroom_bg.png) no-repeat;
    background-size:100% 100%;
    z-index: 100;
    position: relative;
}
.main_showroom{color: #ffffff;}
.main_showroom .sr_wrap{
    width: 100%;
    /*padding-top: 35px;*/
    padding-top: 90px;
    /*
    background: rgba(0, 0, 0, 0) url(/resources/template/chc/img/list_dark_bg.png) repeat scroll 0 0;
    z-index: 200;
    position: absolute;
    top: 173px;
    padding: 15px 0px;
    */
}
.main_showroom .sr_wrap .sr_title{
    font-size: 1em;
    font-weight: bold;
    max-width: 390px;
    margin: 0 auto;
}

.main_showroom .sr_wrap .sr_contents{
    max-width: 390px;
    margin: 15px auto;
}
.main_showroom .sr_wrap .sr_contents > select{
    width: 100%;
}

/**************************
 ** Main Business Area
 *************************/
.business_list div a {
    display: block;
    height: 390px;
    text-decoration: none;
    text-align: center;
    color: #000;
    line-height: 30px;
}
.business_list > div > a > p.tit {
    padding-top: 318px;
    font-size: 28px;
    font-weight: 600;
}
.business_list > div > a > p.stit {
    font-weight: bold;
}
.business_list .link01 {
    background: url(/resources/template/chc/img/bg_business_link01.jpg) no-repeat 0 0;
    background-size: cover;

}
.business_list .link02 {
    background: url(/resources/template/chc/img/bg_business_link02.jpg) no-repeat 0 0;
    background-size: cover;

}
.business_list .link03 {
    background: url(/resources/template/chc/img/bg_business_link03.jpg) no-repeat 0 0;
    background-size: cover;

}
/***********************
 ** 서브 navi
 **********************/
.navi_area {
    background-color: #ffffff;
    height: 48px;
    border-bottom: 1px solid #e5e5e5;
}
.navi_area .layout {
    position: relative;
}
.navi_area>.layout {
    height: 48px;
}
.navi_area .btn_home {
    width: 50px;
    height: 48px;
    background-position: 0 -60px;
}
.navi_dp1_list {
    display: inline-block;
    zoom: 1;
    font-size: 14px;
}
.navi_dp1_list>.navi_dp1 {
    float: left;
    position: relative;
}
.navi_dp1_list>.navi_dp1>a {
    position: relative;
    display: block;
    padding: 0 20px;
    width: 118px;
    height: 48px;
    line-height: 48px;
    /*border-right: 1px solid #e5e5e5;*/
    text-decoration: none;
}
.navi_dp1_list>.navi_dp1:first-child>a {
    /*border-left: 1px solid #e5e5e5;*/
}
.navi_dp2_list {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    z-index: 10;
}
.navi_dp1_list>.navi_dp1:first-child .navi_dp2_list {
    left: 0;
}
.navi_dp2_list>.navi_dp2>a {
    display: block;
    padding: 5px 20px;
    width: 117px;
    text-decoration: none;
}
.navi_dp1_list>.navi_dp1>a:after {
    position: absolute;
    content: '';
    top: 50%;
    /*right: 20px;*/
    right: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #000000;
}
.navi_dp1_list>.navi_dp1.active>a:after {
    position: absolute;
    content: '';
    top: 50%;
    /*right: 20px;*/
    right: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #000000;
    border-top: none;
}
/*******************
 ** 기업소개
 ******************/
.cw_list > h4, .cw_list > h5{
    font-weight: normal;
}
.cw_list > span.acc{display: block;}
.colorbar_le{
  width: 30px;
  height: 8px;
  background-color: #115fad;
  display: inline-block;
}
.colorbar_ri{
  width: 15px;
  height: 8px;
  background-color: #ccc;
  margin-left: -6px;
  display: inline-block;
}

/********************
 ** 기업소개 -> 걸어온길
 ********************/
.cw_04_history {
    padding-bottom: 0;
}
.cw_04_history {
    position: relative;
    padding-bottom: 8px;
    background: url('/resources/template/chc/img/bg-history-line.gif') repeat-y 436px 0;
}
.cw_04_history > div {
    position: relative;
    margin-bottom: 115px;
}
.cw_04_history > div:first-child {
    background: url(/resources/template/chc/img/bg-history-2016.png) no-repeat 127px 80px;
    min-height: 292px;
}

.cw_04_history > div:nth-child(3) {
    background: url(/resources/template/chc/img/bg-history-2009.png) no-repeat 134px 124px;
    min-height: 315px;
}
.cw_04_history > div:nth-child(6) {
    background: url(/resources/template/chc/img/bg-history-2001.png) no-repeat 212px 109px;
     min-height: 315px;
}
.cw_04_history h2 {
    position: absolute;
    top: -53px;
    left: 0;
    width: 398px;
    padding-right: 45px;
    text-align: right;
    background: url(/resources/template/chc/img/bg-history-dot.png) no-repeat 100% 30%;
}
.cw_04_history dl {
    position: relative;
    margin: 28px 0 0 482px;

}
.cw_04_history dl dt {
    position: absolute;
    top: 4px;
    left: 0;
    font-style: italic;
    font-weight: bold;
    font-size: 24px;
    color: #115fad;
}
.cw_04_history dl dd {
    position: relative;
    line-height: 24px;
    font-size: 15px;
    color: #444;

    font-weight: 600;
}

.cw_04_history dl dd strong{
    margin-right: 20px;
}
.cw_04_history .history_dot {
    position: absolute;
    left: 431px;
    bottom: 0px;
}

.cw_04_history dl dt.history_str{
    color: #000;
}

/*******************
 ** 기업소개 -> CI,BI
 ******************/
.ci_sub_color{margin-top: 118px;}
/*************************
 ** 기업소개 -> 오시는 길
 ************************/
#cl_tbl_ul {
    width: 100%;
    /*margin: 30px 0;*/
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.cl_tbl_li {
    position: relative;
    width: 100%;
    min-height: 145px;

    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;

}
.cl_con {
    overflow: hidden;
    height: 100%;
}
.cl_con > div.cl_href {
    display: none;
    position: absolute;
    width: 210px;
    height: 118px;
    left: 10px;
    top: 13px;
}
div.cl_href > span {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #000;
}
.cl_con > div.cl_text {
    width: 100%;
    /*padding-left: 245px;*/
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.cl_text > span.cl_text_href {
    font-size: 16px;
    margin: 15px 0px 15px 0px;
    display: inline-block;
    font-weight: 600;

}
div.cl_text > div.cl_content {
    font-size: 13px;
    color: #555;
    line-height: 20px;
    margin-bottom: 15px;
    overflow: hidden;
}
div.cl_text > div.cl_content p{
    margin-bottom: 6px;
}
div.cl_text > div.cl_content p span {
  color: #8f8f8f;
}
div.cl_text > div.cl_content p span.addr {
  color: #000;
}

div.cl_text > div.cl_content .map_btn{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.cl_con .cl_href_btn {
    display: block;
    width: 85px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    background: #f9f9f9;
    color: #555;
    font-weight: 600;
    border: 1px solid #ccc;
}

/********************
 ** 서브 카테고리 탭 메뉴
 ********************/

 .snb_dul {
    display: block;
    z-index: 30;

    width: 100%;
}
.snb_dul > li {
   /*width: 33.3%;*/
    float: left;
    margin-top: 30px;
    margin-bottom: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #ffffff;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 2px solid #115fad;
    border-left: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.snb_dul > li:first-child {
    border-left: 1px solid #ddd;
}
.snb_dul > .li > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    font-weight: 600;
}
.snb_dul > li > a.on2 {
    color: #ffffff;
    font-weight: 600;
    background: #115fad;

}

.snb_dul > li.active {
    background: #115fad;
}

.snb_dul > li.active > a {
    color: #ffffff;
}

.search_box {
    border: 1px solid #115fad;
}
/*******************
 ** 쇼룸 테이블
 *******************/
.wc_list_tilte{font-weight: bold;}
   .sr_etc{
      height: 35px;
      border-top: 1px solid #ccc;
      margin-top: 20px;
      padding-top: 15px;
      font-size: 13px;
   }

   #bo_v .bo_v_detail {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-top: 2px solid #004593;
}
#bo_v .detail_box {
    width: 100%;
    text-align: left;
    padding: 0px;
}
#bo_v .detail_box > div {
    position: relative;
    height: auto;
    line-height: 24px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
#bo_v .detail_box > div.box_con1 {
    width: 100%;
    clear: both;
}
#bo_v .detail_box > div.box_con2 {
    width: 50%;
    float: left;
}
#bo_v .detail_box > div.box_con3 {
    width: 33.3%;
    float: left;
}
#bo_v .detail_box > div.box_con4 {
    width: 25%;
    float: left;
}
#bo_v .detail_box > div > .detail_name {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 130px;
    height: 100%;
    line-height: 45px;
    /*text-indent: 23px;*/
    text-indent: 15px;
    background: #f9f9f9;
    color: #000;
    font-size: 14px;

}

#bo_v .detail_box > div > .detail_name4 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100%;
    line-height: 45px;
    text-indent: 23px;
    background: #f9f9f9;
    color: #000;
    font-size: 14px;

}

#bo_v .detail_box > div > .detail_name label{
    font-size: 14px;
    line-height: 45px;
}
#bo_v .detail_title > .detail_value {

}
#bo_v .detail_box > div > .detail_value {
    position: relative;
    min-height: 44px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*padding: 10px;*/
    padding-top: 7px;
    padding-left: 140px;
    padding-bottom: 5px;
}

#bo_v .detail_box > div > .detail_value4 {
    position: relative;
    min-height: 44px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    padding-left: 113px;
}

.tbl_frm01 textarea, .frm_input {
    border: 1px solid #e4eaec;
    background: #f7f7f7;
    color: #000;
    vertical-align: middle;
    line-height: 2em;
}
.detail_value .frm_input {
    width: 98%;
    background: #fff !important;
}
.detail_value .frm_input2 {
    width: 95%;
    background: #fff !important;
}
.detail_value .frm_input3 {
    width: 92%;
    background: #fff !important;
}
.detail_value .frm_input4 {
    width: 87%;
    background: #fff !important;
}
.frm_input {
    height: 22px;
    margin: 0px !important;
    padding: 4px 6px !important;
}
#wr_content {
    min-height: 150px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.detail_value > h2.ag_h2 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}
.detail_value > div.ag_p {
    font-size: 13px;
    font-weight: 600;
    line-height: 25px;
    margin-top: 10px;
    color: #777;
    overflow-y: scroll;
    height: 200px;
    padding: 5px;
}
.detail_name3 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 130px;
    height: 100%;
    /*padding-top: 20px;*/
    line-height: 270px;
    background: #f9f9f9;
    color: #000;
    font-size: 14px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#captcha {
    display: inline-block;
    position: relative;
}
#captcha legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
}
#captcha #captcha_img {
    width: 100px;
    height: 41px;
    border: 1px solid #e9e9e9;
}
#captcha #captcha_mp3 {
    position: absolute;
    top: 0;
    left: 101px;
    margin: 0;
    padding: 0;
    width: 23px;
    height: 22px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
}
#captcha #captcha_mp3 span {
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 22px;
    background: url(/resources/template/chc/img/sound.gif);
}
#captcha #captcha_reload {
    position: absolute;
    top: 21px;
    left: 101px;
    margin: 0;
    padding: 0;
    width: 23px;
    height: 22px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
}
#captcha #captcha_reload span {
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 22px;
    background: url(/resources/template/chc/img/reload.gif);
}
#captcha #captcha_key {
    margin: 0 0 0 25px;
    padding: 0 5px;
    width: 70px;
    height: 41px;
    border: 1px solid #b8c9c2;
    background: #f7f7f7;
    font-size: 1.333em;
    font-weight: bold;
    text-align: center;
    line-height: 2.8em;
}
#captcha #captcha_info {
    display: block;
    margin: 5px 0 0;
    font-size: 0.95em;
    letter-spacing: -0.1em;
}
.captcha legend {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 0px;
    height: 0px;
    font-size: 0px;
    line-height: 0;
    text-indent: -999em;
    white-space: nowrap;
}
.detail_value fieldset{padding: 0px !important;}
label.agree_label{
   display: inline !important;
   font-size: 13px !important;
}
.btn_confirm {
    text-align: center;
    margin: 50px 0px;
}
.btn_submit {
    padding: 8px 20px;
    border: 0;
    background: #115fad;
    color: #fff;
    letter-spacing: -0.1em;
    cursor: pointer;
}
.btn_confirm .btn_submit {
    padding: 10px 35px;
    background: #115fad;


}
a.btn_cancel {
    display: inline-block;
    padding: 8px 45px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none;
    vertical-align: middle;
    margin-left: 20px;
}

.po_sr_img{
    margin-left: 150px;
}
/********************
 ** 제품소개 메인 탑
 ********************/
 .prd_top_wrap{
   height: 450px;
    background-image:url(/resources/template/chc/img/prd/pr_top_bg.png);
     background-size: cover;
      background-position: center center;
}
.prd_top_list {
    zoom: 1;
    display: inline-block;
    margin-top: 290px;
}
.prd_top_list li {
    float: left;
    margin-left: 25px;
}
.prd_top_list li:first-child {
    margin-left: 0;
}
.prd_top_list li a {
    display: block;
    color: #fff;
    text-align: center;
    width: 122px;
    height: 95px;
    line-height: 95px;
    border: 1px solid #fff;
    font-size: 16px;
    text-decoration: none;
    transition: .5s;
    font-weight: 600;
}
.prd_top_list li.active a {
    width:122px; background-color:#77a4c7;
}
.prd_top_list li a:hover{width:122px; background-color:#77a4c7;}

/********************
 ** 제품소개 -> detail
 ********************/
.goods_title > h3{
  color: #115fad;
  line-height: 25px;
}
.prd_img{
  width: 100%;
  height: 315px;
}
.prd_img > img{
  width: 100%;
  height: 100%;
}
.prd_detail{
    border-top: 2px solid #115fad;
}
.prd_detail ul li{
    border-bottom: 1px solid #000;
    padding: 15px 0px 15px 10px;
}
.prd_detail ul li span:first-child{
  font-weight: 600;
}
.prd_detail ul li span{
  color: #000;
}
.prd_con1{
   border-top: 2px solid #000;
   padding: 5px 0px;
}
.prd_con1 > .detail_txt{
   border-top: 1px solid #7c7c7c;
    margin-top: 15px;
     padding: 10px 0px;
     line-height: 25px;
      font-size: 14px;
}
.prd_con1 > .detail_img{
   width: 100%;
   height: 350px;
}
.prd_con1 > .detail_img > img{
   width: 100%;
   height: 100%;
}
.prd_con2{
   border-top: 2px solid #000;
   padding: 5px 0px;
}

/********************
 ** 주요프로젝트
 ********************/

.pr_pj_wrap{
   margin-top: 50px;
}
.pr_pj_wrap .pr_pj_tit{
   font-weight: 600;
   font-size: 18px;
   color: #676767;
}
.pr_pj_wrap .pr_pj_con .pr_pj_con_img img{
   width: 100%;
   height: 350px;
}

.pr_pj_wrap .pr_pj_con .pr_pj_con_img .img_scroll_btn span{
   font-size: 16px;
   color: #000;
   font-weight: 600;
   margin-left: 10px;
   cursor: pointer;
}

.pr_pj_wrap .pr_pj_con .pr_pj_con_img .img_scroll_btn span:first-child{
   color: #115fad;
}


.pr_pj_wrap .pr_pj_con .pr_pj_con_img .img_scroll_btn span:hover{
   color: #115fad;
}


.dh-table {
   clear: both;
   display: table;
   width: 100%;
   border-top: 2px solid #115fad;
   border-bottom: 2px solid #115fad;
}
.dh-table-row {
  display: table-row;

}
.dh-table-cell {
  display: table-cell;
   padding: 10px;
   border-bottom: 1px solid #d7d7d7;
   height: 30px;
   vertical-align: middle;

}

.dh-table-cell:first-child {
   background-color: #f7f7f9;
   width: 20%;
}

/********************
 ** 채용 메인 탑
 ********************/
 .job_top_wrap{
    height: 800px;
    background-image:url(/resources/template/chc/img/job/job_top_bg.png);
    background-size: cover;
    background-position: center center;
    position: relative;
}
.job_top_wrap > div{position: relative;}
.job_top_wrap > div > .job_top_title{
  font-size: 26px;
  color: #000;
  margin: 55px 0px 0px 160px;
}

.job_top_wrap > div > .job_top_con{
  width: 320px;
  height: 520px;
  position: absolute;
  top: 60px;
  right: 0px;
}
.job_top_wrap > div > .job_top_con > .job_top_etc_btn{
  color: #ffffff;
  margin: 10px 0px 20px 0px;
  text-align: right;
}
.job_top_wrap > div > .job_top_con > .job_top_etc_btn a{
  color: #ffffff;
  cursor: pointer;

}
.job_top_wrap > div > .job_top_con > .job_top_etc_btn a:hover{
  color: #ffffff;
  font-weight: bold;

}
.job_top_wrap > div > .job_top_con > .job_top_list{
  width: 100%;
  height: 450px;
  overflow-y: auto;
  padding-right: 15px;
}
.job_top_el{
  background-color: #ffffff;
  height: 75px;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
}
.job_top_el > div{
  float: left;
}

.job_top_el > div:last-child{
  text-align: center;
  width: 80%;
}

.job_top_el > div:last-child > p:first-child{
  font-weight: 600;
}


/********************
 ** 랩서비스
 ********************/
.su_sv_07 > div > div{
    border: 1px solid #8c8c8c;
}
.su_sv_07 > div > div > div.su_sv_07_tit{
        height: 40px; background-color: #848181; line-height: 38px; font-weight: 600; font-size: 14px;
}

.su_sv_07 > div > div > div.su_sv_07_tit span{
        color: #ffffff;
}

.su_sv_07 > div > div > div.su_sv_07_con{
       padding: 15px 15px 118px 15px; height: auto;
}
.su_sv_07 > div > div > div.su_sv_07_con ul li{
       width: 50%;
}
.su_sv_07 > div > div > div.su_sv_07_con ul li span{
      display: block; font-weight: 600;
}

/********************
 ** 채용 > CHC인 > 인재상
 ********************/
.rc01_con01_wrap .rc01_con01_list{
   border: 1px solid #7c7c7c;
   padding: 20px;
   height: auto;
   position: relative;
   min-height: 183px;
}
.rc01_con01_wrap .rc01_con01_list > div.deck{
   position: absolute;
   top: -30px;
   right: 10px;
}
.rc01_con01_wrap .rc01_con01_list > div.rc01_con01_tit{
   padding: 15px 0px;
   border-bottom: 1px dotted #000;
   font-weight: 600;
   color: #115fad;
   font-size: 16px;
   letter-spacing: -1px;
}
.rc01_con01_wrap .rc01_con01_list > div.rc01_con01_txt{
   padding: 15px 0px;
   color: #7c7c7c;
   letter-spacing: -1px;
   line-height: 20px;
   font-size: 14px;
}
/********************
 ** 채용 > CHC인 > 복리후생
 ********************/
.rc04_con01_wrap div.rc04_con01_con{
   margin: 20px auto;
   min-height: 200px;
}
.rc04_con01_wrap div.rc04_con01_list{
   margin-left: 35px;
   padding: 4px;
}
.rc04_con01_wrap div.rc04_con01_list ul li {
   list-style-type: disc;
   font-size: 13px;
   letter-spacing: -1px;
   line-height: 20px;
}
.wc_list > h4{font-size: 16px; color: #1e1e1e;}


/********************
 ** 제품타입 공통
 ********************/
.prd_btn > .btn_confirm {
    text-align: center;
    margin: 0px !important;
}

.border-bo0{border-bottom: 0px !important;}

.prd_type_detail{
    border-top: 2px solid #115fad;
}
.prd_type_detail ul li{
    border-bottom: 1px solid #000;
    padding: 15px 0px 15px 10px;
}
.prd_type_detail ul li span:first-child{
  font-weight: 600;
}
.prd_type_detail ul li span{
  color: #000;
}
.prd_type_title{
    color: #1e1e1e;
    margin-top: 10px;
    font-weight: 600;
    margin-bottom: 30px;
}
.colorBlack{
    color: #1e1e1e;
}
.lineheight{

    border-bottom: 2px solid #1e1e1e;
    padding-bottom: 30px;
}
.lineheighttop{
    border-top: 2px solid #1e1e1e;
    margin-top: 30px;
}
.label_txt{
    margin-top: 3px;
    font-size: 12px;
    color: #1e1e1e;
    font-weight: 600;
}
.btn-size{padding: 5px 14px 8px 14px !important;}
.prd_view img{width: 100% !important;}
.prd-type1-top img{width: 100%;}
span.small{
    font-size: 14px;
    display: block;
}
/********************
 ** 제품정보 타입1
 ********************/

.prd-type1-top > h2{color: #1e1e1e;}
.prd-type1-three-contents{
    margin-top: 30px;
    min-height: 300px;
    border-bottom: 2px solid #1e1e1e;
    padding-bottom: 30px;
}


.prd-type1-three-contents div span{
    display: inline-block;
    height: 50px;
    color: #1e1e1e;
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
    border-top: 2px solid #1e1e1e;
    border-bottom: 3px dotted #1e1e1e;
    width: 100%;
}
.prd-type1-three-contents div p{
    margin-top: 10px;
    font-size: 14px;
    line-height: 25px;
}
.prd-type1-three-contents div img{
    margin-top: 10px;
}

/********************
 ** 제품정보 타입2
 ********************/
.prd-type2-top > h2{color: #1e1e1e;}

.prd-type2-three-contents div span.left_txt{
    display: inline-block;
    color: #1e1e1e;
    font-size: 14px;
    border-top: 2px solid #d7d7d7;
    width: 100%;
    line-height: 22px;
    padding-top: 10px;
}
.prd-type2-three-contents > div > p{
    margin-top: 3px;
    font-size: 12px;
    color: #1e1e1e;
    font-weight: 600;
}
.prd-type2-three-contents .sub1_img > img{
    /*height: 190px;*/
}

.prd-type2-three-contents .sub1_img2 > img{
    /*height: 260px;*/
}
.prd_type2_label{
    display: inline-block;
    padding: 5px 9px;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #87118c;
}


.prd-type2-three-contents2{
    margin-top: 50px;
    min-height: 300px;
    border-bottom: 2px solid #1e1e1e;
    padding-bottom: 30px;
}


.prd-type2-three-contents2 div span{
    display: inline-block;
    height: 50px;
    color: #1e1e1e;
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
    border-top: 2px solid #1e1e1e;
    border-bottom: 1px dotted #1e1e1e;
    width: 100%;
}
.prd-type2-three-contents2 div p{
    margin-top: 10px;
    font-size: 14px;
    line-height: 25px;
}
.prd-type2-three-contents2 div img{
    margin-top: 10px;
}
.prd-type2-three-contents3{
    margin-top: 50px;
   border-bottom: 2px solid #1e1e1e;
   padding-bottom: 30px;
   margin-bottom: 20px;
}

.prd-type2-three-contents3 div span{
    display: inline-block;
    height: 50px;
    color: #1e1e1e;
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
    border-top: 2px solid #1e1e1e;
    border-bottom: 1px dotted #1e1e1e;
    width: 100%;
}
.prd-type2-three-contents3 div p{
    margin-top: 10px;
    font-size: 14px;
    line-height: 25px;
}
.prd-type2-three-contents3 div img{
    margin-top: 10px;
}

.prd-type2-three-contents4{
    margin-top: 50px;
   padding-bottom: 30px;
   margin-bottom: 20px;
}

.prd-type2-three-contents4 div span{
    display: inline-block;
    height: 50px;
    color: #1e1e1e;
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
    border-top: 2px solid #1e1e1e;
    border-bottom: 1px dotted #1e1e1e;
    width: 100%;
}
.prd-type2-three-contents4 div p{
    margin-top: 10px;
    font-size: 14px;
    line-height: 25px;
}
.prd-type2-three-contents4 div img{
    margin-top: 10px;
}
/********************
 ** 제품정보 타입3
 ********************/
.prd_type3_table{
    margin-top: 30px;
    border-top: 2px solid #00478c;

}
.prd_type3_table tr td, .prd_type3_table tr th{
    height: 25px;
    vertical-align: bottom;
    text-align: center;
}
.prd_type3_table thead tr{
    background-color: #f4f8fb;
    color: #00478c;
}
.prd_type3_table tbody tr th{
    background-color: #f9f9f9;
}

.sub_top_deco > img{
    height: 250px;
}


.prd-type4-two-contents2{
   margin-top: 50px;

   padding-bottom: 30px;
   margin-bottom: 20px;
}

.prd-type4-two-contents2 div span.type4_sm_tit {
   display: inline-block;
   height: 50px;
   color: #1e1e1e;
   font-size: 18px;
   font-weight: 600;
   line-height: 50px;
   border-top: 1px solid #c1c1c1;
   border-bottom: 1px solid #c1c1c1;
   width: 100%;
}

.prd-type4-two-contents2 div p{
   margin-top: 10px;
   font-size: 14px;
}

.n_title_txt{
   border-top: 2px solid #1e1e1e;
    margin-top: 30px;
}
.prd_type1_tbl{
   border-top: 1px solid #c1c1c1;
   border-bottom: 1px solid #c1c1c1;
}

.prd_type1_tbl thead tr th{
   height: 40px;
}

.prd_type1_tbl tr td{
   text-align: center;
   height: 40px;
   vertical-align: middle;
}

.prd_type1_tbl tr td.center-td,th.center-td{
   border-left: 1px solid #c1c1c1;
   border-right: 1px solid #c1c1c1;
}

.prd_type1_tbl tr td.center-td-le,th.center-td-le{
   border-right: 1px solid #c1c1c1;
}

.tbl_bold{
   color: #1e1e1e;
   font-weight: 600;
}
.prd-type2-three-contents div span.left_txt2{
   display: inline-block;
   color: #1e1e1e;
   font-size: 14px;
   width: 100%;
   line-height: 22px;

}
.md_con_type1{
   padding: 20px;
   border-top: 1px solid #c1c1c1;
   border-bottom: 1px solid #c1c1c1;
   margin: 10px 0px;
}
.md_con_type1 ul li{
   list-style-type: disc;
   font-size: 14px;
   color: #000;
   font-weight: 600;
   padding: 5px;
}
.cco_color{
   color: #1e1e1e;
}

.two_tit_type{
   display: inline-block;

   color: #1e1e1e;
   font-size: 18px;
   font-weight: 600;
   line-height: 25px;
   border-top: 2px solid #c1c1c1;
   border-bottom: 2px solid #c1c1c1;
   width: 100%;
   padding: 5px 0px;
}

.two_tit_type2{
   display: inline-block;
   color: #1e1e1e;
   font-size: 18px;
   font-weight: 600;
   line-height: 25px;
   border-top: 2px solid #c1c1c1;
   width: 100%;
   padding: 5px 0px;
}

.prd-type1-three-contents2 div p {
   margin-top: 10px;
   font-size: 14px;
   line-height: 25px;
}

.two_tit_type span{
   display: block;
}
.two_tit_type2 span{
   display: block;
}
.prd-type1-three-contents2 div img {
    margin-top: 10px;
}

.prd_feature{
   margin: 20px 0px 0px 10px;
}

.prd_feature .prd_feature_tit{
   font-weight: 600;
   color: #115fad;
   font-size: 16px;
   border-bottom: 1px solid #c1c1c1;
   width: 50%;
   padding-bottom: 10px;
   margin-bottom: 5px;
}
.prd_feature p{
   color: #1e1e1e;
   font-size: 14px;
}