@charset "utf-8";

/* **************************************** *
 * 회사소개
 * **************************************** */
/* CEO 인사말 */
.ceo_typo.full_typo_banner {padding-bottom: 432px;background-image: url(../img/ceo-banner-bg.jpg);}
.ceo_typo.full_typo_banner strong {margin-left: 0.1em;letter-spacing: 0.1em;}
.ceo_outro .middle_grid.secondary .middle_grid_content {letter-spacing: -0.01em;}

/* 정도경영 */
.competent_intro {padding-bottom: 0;}
.competent_charter .sub_section_title {font-size: 45px;}
.card_count_list_outer {background-color:#eff2f7; position:relative;}
.card_count_list_outer_gradient {background: -webkit-linear-gradient(top, #fff 60%, #fcfcfe 65%, #eff2f7 80%); background: linear-gradient(to bottom, #fff 60%, #fcfcfe 65%, #eff2f7 80%);}
.competent_outro {position:relative; background-image: url(../img/competent-outro-bg.jpg); background-color: transparent;padding-bottom: 580px;}
.competent_outro_gradient {display:block; width:100%; height:56%; position:absolute; top:0; left:0; z-index:-1; background: -webkit-linear-gradient(top, #eff2f7 60%, #eff2f7 65%, #fff 80%); background: linear-gradient(to bottom, #eff2f7 60%, #eff2f7 65%, #fff 80%);}
.competent_outro img {vertical-align: middle;}
.competent_content_wrapper {margin: -100px auto 0;position: relative;background-color: #fff; max-width: 996px;}
.competent_content_wrapper p {text-align: center;padding: 72px 85px 0; color: #666;line-height: 1.750em;}
.competent_outro_controler {text-align: center;margin-top: 28px;font-size: 0;line-height: 1; }
.competent_outro_controler a + a {margin-left: 20px;}

/* 관계사 */
.kai_typo.full_typo_banner {background-image: url(../images/sub/relational/relational-kai-bg.jpg);}
.kcna_typo.full_typo_banner {background-image: url(../images/sub/relational/relational-kcna-bg.jpg);}
.kai_table {margin-top: -452px;}
.kai_typo.full_typo_banner{padding-bottom: 646px;}



/* **************************************** *
 * 인재채용
 * **************************************** */
/* 인사제도 */
.people_welfare {background-color: #fff;}
.people_bg {background-image: url(../img/people-banner-bg.jpg);}



/* **************************************** *
 * 제품소개
 * **************************************** */
.formula_visual {margin-top:30px;}
.formula_visual b {display:block; font-size:22px; color:#222; font-weight:400; text-align:center; margin-bottom:70px;}
.formula_visual_contents {position:relative; padding-bottom:68px;}
.formula_visual_contents:after {content:''; display:block; clear:both;}
.formula_visual_business_area {display:block; width:200px; position:absolute; bottom:0; left:0; text-align:center;}
.formula_visual_business_area:before {content:''; display:inline-block; width:100%; height:1px; position:absolute; top:50%; left:0; background:#ddd;}
.formula_visual_business_area span {display:inline-block; position:relative; font-size:16px; color:#666; text-align:center; padding:0 8px; background:#fff;}

/* 프로세스케미컬 */
.intro_emphasis_wrap .intro_emphasis {display: block;font-size: 24px;color: #222;text-align: center;padding-bottom: 28px;font-weight: 600;}
.intro_emphasis_wrap .intro_emphasis_summary {padding-bottom: 35px; letter-spacing:0;}
.process_intro .intro_emphasis {letter-spacing: -0.03em;margin-top: -6px;}
.formula_intro_line {display: block;width: 1px;height: 70px;position: relative;left: 50%;margin-left: -0.5px;background-color: #222;}
.formula_list {margin-top: 30px;}
.formula_list img {vertical-align: middle;}
.formula_table_wrap {max-width: 996px;margin: -130px auto 0;background-color: #fff;position: relative;padding: 80px 100px 40px; }
.formula_table_wrap caption {width: 1px; height: 1px; position: absolute; top: 0; left: 0; font-size: 0; line-height: 0; overflow: hidden;}
.formula_table {border-top: 1px solid #222;width: 100%; color: #666;}
.formula_table td {border-bottom: 1px solid #ddd;border-left: 1px solid #ddd; padding: 12px 30px 14px;}
.formula_table td sub {font-size: 0.7em;}
.formula_table thead th {text-align: center;font-size: 18px;font-weight: 600;padding: 11px 0;border-bottom: 1px solid #ddd; color: #222;position: relative;}
.formula_table thead th:first-child {width: 24.2424%; }
.formula_table thead th:nth-child(2) {width: 25.7575%; }
.formula_table thead th:before {content: '';display: inline-block;background-color: #ddd;width: 1px;height: 17px;position: absolute;left: 0px;top: 17px; }
.formula_table thead th:first-child:before {display: none;}
.formula_table tbody th {border-bottom: 1px solid #ddd; padding: 13px 30px;}
.formula_main_products {margin-top: 93px; }
.formula_main_products .thumb_data_list {border-top: 0;}
.formula_main_products .thumb_data_list_txt p {letter-spacing: -0.01em;}
html.mobile .formula_main_products .thumb_data_list .thumb_data_list_txt {vertical-align:top;}

/* 화인케미컬 */
.formula_main_products.fine_main_product .thumb_data_list_img,
.formula_main_products.fine_main_product .thumb_data_list_txt {border-bottom: 0;}
.formula_table.fine_products_list thead th:nth-child(2) {width: 100%;}
.formula_visual {overflow: hidden;max-width: 892px;margin:90px auto 0;}
.formula_visual_item {width: 236px;height: 236px;float: left;text-align: center;display: table;border-radius: 50%; margin-right:-18px;}
.formula_visual_item:last-child {margin-right:0;}
.formula_visual_text {display: table-cell;vertical-align: middle;color: #666;font-size: 18px;}
.formula_visual strong {color: #666; text-align: center;display: block;margin-top: 45px;}
.fine_visual .formula_visual_business_area {width:445px;}
.formula_visual_item_bg {position: absolute;  z-index: -1;}
.formula_visual_item_bg img {max-width: 100%;}

/* 컬러페이스트 */
.formula_table.color_products_list thead th:nth-child(2) {width: 38.636363%;}
.formula_list.color_products_wrap {margin-top: -60px;}
.formula_main_products {margin-top:68px;}
.color_visual .formula_visual_business_area {width:227px;}



/* **************************************** *
 * 투자정보
 * **************************************** */
/* 재무정보 */
#jt_chart_ground .item:nth-child(1) {color: #222;}
#jt_chart_ground .item:nth-child(1) .bar {background: #ec4399;}
#jt_chart_category > li:nth-child(1) > span:before {color: #ec4399;}
#jt_chart_ground .item:nth-child(2) {color: #666;}
#jt_chart_ground .item:nth-child(2) .bar {background: #884b6a;}
#jt_chart_category > li:nth-child(2) > span:before {color: #884b6a;}
#jt_chart_ground .item:nth-child(3) {color: #666;}
#jt_chart_ground .item:nth-child(3) .bar {background: #a18c97;}
#jt_chart_category > li:nth-child(3) > span:before {color: #a18c97;}



/* **************************************** *
 * 홍보센터
 * **************************************** */
/* CI소개 */
.jt_icon_btn.enf {transition: border-color 0.55s cubic-bezier(.52,.08,.18,1); -webkit-transition: border-color 0.55s cubic-bezier(.52,.08,.18,1); }
.jt_icon_btn.enf span {padding-right: 32px;transition: color 0.55s cubic-bezier(.52,.08,.18,1); -webkit-transition: color 0.55s cubic-bezier(.52,.08,.18,1);}
.jt_icon_btn.enf span:after {right: 0;}
.jt_icon_btn.enf:before {background: #ff1282;}
.jt_icon_btn.enf:hover {border-color: #ff1282;}
.jt_icon_btn.enf:hover span {color: #fff;}



/* **************************************** *
 * 인재채용
 * **************************************** */
/* 채용공고 */
.career_requirement {border-bottom: 1px solid #e0e0e0;overflow: hidden;padding-bottom: 70px;margin-bottom: 35px; }
.career_requirement_details {width: 50%;float: left; }
.career_requirement_details em {font-size: 18px;color: #222;display: inline-block;margin-bottom: 30px;font-weight: 600;}
.career_requirement_details p {color: #666;line-height: 1.750;}
.career_requirement_list li {position: relative;font-size: 16px;color: #666;line-height: 1.8;padding-left: 10px; }
.career_requirement_list li:before {content: '';display: block;width: 4px;height: 4px;position: absolute;top: 12px;left: 0;background: #666; }