@charset "utf-8";

/*
 * File       : sub.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) GLOBAL
 * 02) PAGE VISUAL
 * 03) 회사개요
 * 04) 관계사
 * 05) 채용공고
 * 06) BUSINESS (주정, 화학, COLOR PASTE)
 * 07) 가치체계
 * 08) 홍보자료
 * 09) 사업장
 * 10) CI소개
 * 11) 정도경영
 * 12) 품질경영
 * 13) 연구소개
 * 14) 환경경영
 * 15) 제품정보
 * 16) 경영정보
 * 17) 제품문의
 * 18) 사회공헌
 * 19) CEO인사말
 * 20) 인사제도
 * 21) 주가정보
 * 22) 재무정보
 * 23) 채용문의
 * 24) 개인정보 취급(처리)방침
 * 25) 사이트맵
 * 26) COMING SOON
 * 27) 게시물 템플릿
 */

/* **************************************** *
 * CSS Variables
 * **************************************** */

/* **************************************** *
 * GLOBAL
 * **************************************** */

/* ARTICLE BODY FIRST SECTION */

.article_first_section_inner {min-height: 300px;background: #fff;}

.article_first_section .sub_section_title {margin-top: -11px;}

/* SECTION TITLE */

.sub_section_title {padding-bottom: 73px;margin-left: 0.5em;font-size: 51px;font-weight: 200;line-height: 1.25;text-align: center;letter-spacing: 0.5em;color: #222;}

.sub_section_title[lang="en"] {padding-bottom: 66px;font-size: 55px;}

.sub_section_title.secondary {padding-bottom: 0;}

.sub_section_desc {padding: 27px 0 74px;font-size: 16px;line-height: 1.75;text-align: center;color: #666;}

/* PAGE TABS (GUIDE : 공지사항) */

.page_tabs li { width: 50%; }

.page_tabs_num_2 .page_tabs li { width: 50%; }

.page_tabs_num_3 .page_tabs li { width: 33.3333333333%; }

.page_tabs_num_4 .page_tabs li { width: 25%; }

.page_tabs_num_5 .page_tabs li { width: 20%; }

.page_tabs_num_6 .page_tabs li { width: 16.6666%; }

.page_tabs {display: table;width: 100%;margin: -29px auto 60px;overflow: hidden;}

.page_tabs li {display: table-cell;vertical-align: middle;position: relative;cursor: pointer;}

.page_tabs li:before {content: '';display: block;width: 1px;height: 31px;position: absolute;left: 0;top: 50%;background: #ddd;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.page_tabs li:first-child:before {display: none;}

.page_tabs li:after {content: '';display: block;width: 100%;height: 3px;position: absolute;left: 0;bottom: 0;}

.page_tabs li a {display: block;padding: 29px 35px;font-size: 34px;font-weight: 400;line-height: 1.2;text-align: center;color: #aaa;-webkit-transition: color 300ms;transition: color 300ms;}

.page_tabs li a span {display: inline-block;padding: 0 2px;}

.page_tabs li:hover a, .page_tabs li.current_page_item a, .page_tabs li.current_page_ancestor a {color: #222;}

.page_tabs li.current_page_item:after, .page_tabs li.current_page_ancestor:after {background: #ff1282;}

/* BACKGROUD SECTION (GUIDE : 정도경영 하단) */

.full_bg_section {background: no-repeat center bottom;}

/* DATA TABLE LIST (GUIDE : 관계사 하단 테이블) */

.data_table_list_outer {padding: 100px 0;background: #fff;}

.data_table_list {display: table;width: 100%;max-width: 792px;margin: 0 auto;border-top: 1px solid #222;}

.data_table_list > li {display: table-row;}

.data_table_list > li > b, .data_table_list > li > span {display: table-cell;padding: 13px 18px 13px 0;border-bottom: 1px solid #ddd;-moz-box-sizing: border-box;box-sizing: border-box;}

.data_table_list > li > b {width: 180px;padding-left: 40px;font-size: 16px;font-weight: 600;color: #222;}

.data_table_list > li > span {padding-left: 23px;font-size: 16px;color: #666;}

.table_list_blankspace {display: inline-block;width: 28px;}

.table_list_small_blankspace {display: inline-block;width: 7px;}

/* IRREGULAR GRID (GUIDE : 회사개요 상단 INTRO) */

.irregular_grid_item {position: relative;}

.irregular_grid_item:after {content: '';display: table;clear: both;}

.irregular_grid_img {position: absolute;top: 0;}

.irregular_grid_img img {display: block;max-width: 100%;height: auto;}

.irregular_grid_txt {width: 589px;}

.irregular_grid_txt b {display: block;padding-bottom: 16px;font-size: 30px;line-height: 1.25;letter-spacing: -0.025em;font-weight: 200;color: #222;}

.irregular_grid_txt h2 {padding-bottom: 13px;margin-left: -4px;font-size: 70px;font-weight: 200;line-height: 1;color: #222;}

.irregular_grid_txt p {padding-bottom: 28px;font-size: 16px;line-height: 1.75;color: #666;}

.irregular_grid_txt p:last-child {padding-bottom: 0;}

.irregular_grid_primary .irregular_grid_img {right: 0;}

.irregular_grid_primary .irregular_grid_txt {float: left;}

.irregular_grid_secondary .irregular_grid_img {left: 0;}

.irregular_grid_secondary .irregular_grid_txt {float: right;}

/* MIDDLE GRID (GUIDE : 정도경영 하단 OUTRO) */

.middle_grid {display: table;width: 100%;}

.middle_grid_img, .middle_grid_content {display: table-cell;}

.middle_grid_img {width: 49%;vertical-align: top;}

.middle_grid_img img {display: block;max-width: 100%;height: auto;}

.middle_grid_content {width: 51%;vertical-align: middle;}

.middle_grid_content > h2 {font-size: 45px;font-weight: 200;line-height: 1.22;color: #222;}

.middle_grid_content > h2[lang="en"] {font-size: 70px;line-height: 1;}

.middle_grid_content > p {padding-top: 30px;font-size: 16px;line-height: 1.75;color: #666;}

.middle_grid_content > p + p {padding-top: 15px;}

.middle_grid_content > span {display: block;padding-bottom: 13px;font-size: 30px;font-weight: 200;line-height: 1.22;letter-spacing: -0.025em;color: #222;}

.middle_grid_controler {margin-top: 35px;font-size: 0;line-height: 1;}

.middle_grid_controler .jt_btn {margin-right: 20px;}

.middle_grid_controler .jt_btn:last-child {margin-right: 0;}

.middle_grid.primary .middle_grid_content {padding-left: 100px;}

.middle_grid.secondary .middle_grid_content {padding-right: 75px;}

/* THUMB DATA LIST (GUIDE : 제품정보 하단 LIST) */

.thumb_data_list {display: table;width: 100%;border-top: 2px solid #222;}

.thumb_data_list > li {display: table-row;width: 100%;}

.thumb_data_list_img, .thumb_data_list_txt {display: table-cell;padding: 60px 0;border-bottom: 1px solid #ddd;}

.thumb_data_list_img {width: 32%;vertical-align: top;}

.thumb_data_list_img img {max-width: 100%;height: auto;vertical-align: middle;}

.thumb_data_list_txt {width: 68%;vertical-align: middle;padding-left: 65px;}

.thumb_data_list_txt b {display: block;padding-bottom: 12px;font-size: 24px;font-weight: 600;line-height: 1.75;letter-spacing: -0.025em;color: #222;}

.thumb_data_list_txt p {font-size: 16px;line-height: 1.75;color: #666;}

.thumb_data_list_txt > ul > li {position: relative;padding-left: 79px;margin-bottom: 6px;}

.thumb_data_list_txt > ul > li:last-child {margin-bottom: 0;}

.thumb_data_list_txt > ul > li > span {position: absolute;left: 0;top: 0;font-size: 16px;font-weight: 600;line-height: 1.75;color: #222;}

/* CARD LIST (GUIDE : old ver 인사제도) */

.card_list {margin: -12px;position: relative;}

.card_list > li {float: left;width: 33.33%;padding: 12px;}

.card_list_inner {height: 100%;background: #fff;}

.card_list_img {width: 100%;}

.card_list_img img {display: block;max-width: 100%;height: auto;}

.card_list_content {padding: 45px 20px 54px;position: relative;text-align: center;}

.card_list_content > b {display: block;padding-bottom: 18px;font-size: 18px;font-weight: 600;line-height: 1.55;color: #222;}

.card_list_content > p {font-size: 16px;line-height: 1.75;color: #666;}

/* CARD COUNT LIST (GUIDE : 정도경영) */

.card_count_list_outer {background: #f5f5f5;position: relative;}

.card_count_list_outer_gradient {content: '';display: block;width: 100%;height: 340px;position: absolute;top: 0;left: 0;background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 1%,rgba(245, 245, 245, 1) 53%,rgba(245, 245, 245, 1) 100%);background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 1%,rgba(245, 245, 245, 1) 53%,rgba(245, 245, 245, 1) 100%);}

.card_count_list {counter-reset: item;margin: -12px;position: relative;}

.card_count_list > li {float: left;width: 33.33%;padding: 12px;}

.card_count_list > li.wide {width: 66.66%;}

.card_count_list_inner {height: 100%;background: #fff;}

.card_count_list_img {width: 100%;}

.card_count_list_img img {display: block;max-width: 100%;height: auto;}

.card_count_list_content {padding: 35px 20px;position: relative;text-align: center;}

.card_count_list_content:before {content: counter(item);counter-increment: item;display: block;font-family: 'Titillium', 'NotoSansKR', sans-serif;font-size: 40px;font-weight: 200;line-height: 1;color: #222;}

.card_count_list_content > p {min-height: 8.75em;margin-top: 7px;font-size: 16px;line-height: 1.75;color: #666;}

/* STEP LIST (GUIDE : 채용공고 상단 LIST) */

.icon_step_list {counter-reset: item;}

.icon_step_list > li {float: left;width: 18.53%;margin-right: 1.8375%;padding: 16px 16px 44px 16px;position: relative;border: 1px solid #ddd;}

.icon_step_list > li:before {display: block;padding-left: 14px;content: counter(item);counter-increment: item;font-family: 'Titillium', 'NotoSansKR', sans-serif;font-size: 30px;font-weight: 200;color: #aaa;}

.icon_step_list > li:last-child {margin-right: 0;}

.icon_step_list figure {text-align: center;}

.icon_step_list img, .icon_step_list svg {max-width: 100%;height: 74px;vertical-align: bottom;}

.icon_step_list b {display: block;padding: 39px 0 8px;font-size: 18px;font-weight: 600;color: #222;}

.icon_step_list p {font-size: 16px;line-height: 1.75;color: #666;}

/* RULE BOX (GUIDE : 경영정보) */

.rule_box {padding-bottom: 30px;}

.rule_box:last-child {padding-bottom: 0;}

.rule_box > * {padding-bottom: 10px;}

.rule_box > *:last-child {padding-bottom: 0;}

.rule_box b {display: block;font-size: 16px;font-weight: 600;line-height: 1.75;color: #444;}

.rule_box p {font-size: 16px;font-weight: 400;line-height: 1.75;color: #444;}

.rule_box ol {counter-reset: item;}

.rule_box li {margin-bottom: 4px;position: relative;font-size: 16px;font-weight: 400;line-height: 1.75;color: #444;}

.rule_box ol li:before {counter-increment: item;position: absolute;top: 0;left: 0;font-size: 16px;font-weight: 400;line-height: 1.75;color: #444;}

.rule_box > ol > li {padding-left: 25px;}

.rule_box > ol > li:before {content: '('counter(item)')';}

.rule_box > ol > li:last-child {margin-bottom: 0;}

.rule_box > ol > li > ol {margin-top: 4px;}

.rule_box > ol > li > ol > li {padding-left: 18px;}

.rule_box > ol > li > ol > li:before {content: counter(item)'.';}

/* TYPO BANNER (GUIDE : 관계사 배너) */

.full_typo_banner {padding-top: 139px;text-align: center;}

.full_typo_banner strong {font-size: 45px;font-weight: 200;line-height: 1.25;letter-spacing: 0.1em;color: #222;}

.full_typo_banner p {padding-top: 27px;font-size: 16px;line-height: 1.75;color: #666;}

/* ICON INDEX LIST (GUIDE : old ver 인사제도) */

.icon_index_list {margin: -12px;}

.icon_index_list > li {float: left;width: 25%;padding: 12px;}

.icon_index_list_inner {width: 100%;height: 100%;padding: 23px 28px 52px;text-align: center;}

.icon_index_list > li.primary .icon_index_list_inner {background: #fafafa;}

.icon_index_list > li.secondary .icon_index_list_inner {background: #fff;}

.icon_index_list > li.empty_index .icon_index_list_inner {background: #ff1282 url(../img/logo-white.svg) no-repeat center center;background-size: 182px 32px;}

.icon_index_list_inner img, .icon_index_list_inner svg {max-width: 100%;height: 84px;vertical-align: middle;}

.icon_index_list_inner figcaption {margin-top: 30px;font-size: 16px;line-height: 1.75;color: #666;}

.index_number {display: block;font-size: 40px;font-weight: 200;line-height: 1;text-align: left;color: #aaa;}

/* FORM WRAP (GUIDE : 고객문의) */

.contact_form_wrap:after {content: '';display: table;clear: both;}

/* **************************************** *
 * PAGE VISUAL
 * **************************************** */

/* 회사소개 */

.page-template-about-us .article_header_bg {background-image: url(../img/about-us-visual.jpg);}

.page-template-ceo .article_header_bg {background-image: url(../img/ceo-visual.jpg);}

.page-template-value .article_header_bg {background-image: url(../img/vision-visual.jpg);}

.page-template-rnd .article_header_bg {background-image: url(../img/rnd-visual.jpg);}

.page-template-relational-kcna .article_header_bg,
.page-template-relational-enf .article_header_bg {background-image: url(../img/relational-visual.jpg);}

.page-template-network .article_header_bg {background-image: url(../img/network-visual.jpg);}

/* 제품소개 */

.page-template-products .article_header_bg {background-image: url(../img/products-visual.jpg);}

.page-template-business-alcohol .article_header_bg,
.page-template-business-alcohol-industrial .article_header_bg {background-image: url(../img/ethyl-alcohol-visual.jpg);}

.page-template-business-chemistry .article_header_bg {background-image: url(../img/chemistry-visual.jpg);}

.page-template-business-color-paste .article_header_bg {background-image: url(../img/color-paste-visual.jpg);}

/* 지속가능경영 */

.page-template-competent .article_header_bg {background-image: url(../img/competent-visual.jpg);}

.page-template-environment .article_header_bg {background-image: url(../img/environment-visual.jpg);}

.page-template-quality .article_header_bg {background-image: url(../img/quality-visual.jpg);}

.page-template-csr .article_header_bg {background-image: url(../img/csr-visual.jpg);}

/* 투자정보 */

.page-template-investment-control .article_header_bg,
.page-template-investment-general .article_header_bg,
.page-template-investment-management .article_header_bg,
.page-template-investment-public .article_header_bg,
.page-template-investment-sup .article_header_bg {background-image: url(../img/investment-visual.jpg);}

.page-template-stock .article_header_bg {background-image: url(../img/stock-visual.jpg);}

.page-template-financial .article_header_bg {background-image: url(../img/financial-visual.jpg);}

.page-template-ir .article_header_bg {background-image: url(../img/ir-visual.jpg);}

/* 홍보센터 */

.page-template-news-notice .article_header_bg,
.page-template-news-press .article_header_bg,
.single-notice .article_header_bg {background-image: url(../img/news-visual.jpg);}

.page-template-ci .article_header_bg {background-image: url(../img/ci-visual.jpg);}

.page-template-pr-video .article_header_bg,
.page-template-pr-brochure .article_header_bg {background-image: url(../img/pr-visual.jpg);}

/* 인재채용 */

.page-template-people .article_header_bg {background-image: url(../img/people-visual.jpg);}

.page-template-career .article_header_bg,
.single-career .article_header_bg {background-image: url(../img/career-visual.jpg);}

.single-inquiry .article_header_bg,
.page-template-recruit-inquiry .article_header_bg {background-image: url(../img/recruit-inquiry-visual.jpg);}

/* FOOTER 메뉴 */

.page-template-contact .article_header_bg {background-image: url(../img/contact-visual.jpg);}

.page-template-product-inquiry .article_header_bg,
.page-template-product-inquiry-form .article_header_bg {background-image: url(../img/product-inquiry-visual.jpg);}

/* **************************************** *
 * 회사개요
 * **************************************** */

.about_intro {padding-bottom: 120px;}

.about_irregular_grid_01 {padding: 180px 0 230px;}

.about_irregular_grid_02 {padding: 160px 0 68px;}

.about_irregular_grid_03 {padding: 188px 0 271px;}

.about_banner {height: 757px;position: relative;background: #88b5db url(../img/about-banner-bg.jpg) no-repeat center center;background-size: cover;}

.about_banner_pic {position: absolute;left: 0;bottom: 0;}

.about_banner_pic img {max-width: 100%;height: auto;vertical-align: bottom;}

.about_data {margin-top: -100px;position: relative;}

.about_history {padding-top: 37px;}

.about_history_gallery:after {content: '';display: table;clear: both;}

.about_history_gallery_item {float: left;width: -webkit-calc(25% - 0.75px);width: calc(25% - 0.75px);margin-right: 1px;background: #f1f1f1;}

.about_history_gallery_item:last-child {margin-right: 0;}

.about_history_gallery_item img {max-width: 100%;height: auto;vertical-align: middle;}

.about_history_gallery_item figcaption {padding: 23px 20px 25px;}

.about_history_gallery_item time {font-size: 15px;line-height: 1;font-weight: 600;color: #222;}

.about_history_gallery_item p {font-size: 20px;font-weight: 600;line-height: 1.4;color: #666;}

.about_history_list {margin-top: 20px;}

.about_history_list > li {float: left;width: 100%;padding: 53px 0;border-bottom: 1px solid #ddd;}

.history_list_year {float: left;width: 25.6%;margin-top: -4px;padding-right: 15px;font-size: 40px;line-height: 1.25;font-weight: 300;color: #222;-moz-box-sizing: border-box;box-sizing: border-box;}

.history_list_content {float: left;width: 74.4%;}

.history_list_content > li {margin-bottom: 12px;position: relative;font-size: 16px;line-height: 1.75;}

.history_list_content > li:last-child {margin-bottom: 0;}

.about_history_list time {position: absolute;top: 0;left: 0;font-weight: 600;color: #222;}

.about_history_list p {padding-left: 77px;color: #666;}

/* **************************************** *
 * 관계사
 * **************************************** */

.relational_intro {display: table;padding-top: 20px;}

.relational_intro img {display: block;max-width: 100%;height: auto;}

.relational_intro_image {display: table-cell;width: 50%;vertical-align: top;}

.relational_intro_content {display: table-cell;width: 50%;vertical-align: middle;padding-left: 82px;}

.relational_intro_content img {margin-bottom: 14px;}

.relational_intro_content p {padding-top: 28px;font-size: 16px;line-height: 1.75;color: #666;}

.relational_intro_content p + p {padding-top: 17px;}

.relational_control {margin-top: 34px;font-size: 0;line-height: 1;}

.relational_control .jt_btn {margin-right: 11px;}

.relational_control .jt_btn:last-child {margin-right: 0;}

.relational_table_group {padding: 70px 0 80px;position: relative;}

.relational_table_group:before {content: '';display: block;width: 100%;height: 5px;position: absolute;top: 0;left: 0;background: url(../img/line.png) no-repeat center center;}

.relational_table_group:first-child {padding-top: 0;}

.relational_table_group:first-child:before {display: none;}

.relational_table_group:last-child {padding-bottom: 0;}

.relational_table_group > h2 {font-size: 40px;font-weight: 200;line-height: 1.35;letter-spacing: -0.025em;text-align: center;color: #222;}

.relational_table_group > p {padding: 12px 0 35px;font-size: 16px;line-height: 1.75;text-align: center;color: #666;}

.relational_table_group br.small_br {display: none;}

/* KC&A */

.kcna_typo.full_typo_banner {padding-bottom: 654px;background-image: url(../img/relational-kcna-bg.jpg);}

.kcna_table {margin-top: -459px;}

/* ENF */

.enf_typo.full_typo_banner {padding-bottom: 564px;background-image: url(../img/relational-enf-bg.jpg);}

.enf_table {margin-top: -370px;}

/* POPUP */

.relational_popup {width: 996px;margin: 0 auto;padding: 56px 78px;position: relative;background: #fff;}

.relational_popup_title {padding-bottom: 23px;font-size: 28px;font-weight: 600;text-align: center;color: #222;}

.relational_popup_table {width: 100%;position: relative;border-top: 2px solid #222;table-layout: fixed;}

.relational_popup_table caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}

.relational_popup_table tr {width: 100%;}

.relational_popup_table th, .relational_popup_table td {text-align: center;color: #222;}

.relational_popup_table th {padding: 16px 15px;position: relative;vertical-align: middle;font-size: 18px;font-weight: 600;border-bottom: 2px solid #ddd;}

.relational_popup_table th:before {content: '';display: block;width: 1px;height: 17px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: #ddd;}

.relational_popup_table th:first-child:before {display: none;}

.relational_popup_table td {padding: 13px 15px;font-size: 16px;border: solid #ddd;border-width: 0 0 1px 1px;}

.relational_popup_table td:first-child {border-left: none;}

.relational_popup_table td:nth-child(even) {background: #f7f7f7;}

.relational_popup_table td sub {font-size: 0.7em;}

.relational_popup_button {margin-top: 40px;text-align: center;}

.relational_popup_button .jt_btn {font-size: 18px;}

.relational_enf_popup th {width: 33.33%;}

.relational_kcna_popup th {width: 25%;}

.relational_kcna_popup td:nth-child(5) {background: #f7f7f7;}

/* **************************************** *
 * 채용공고
 * **************************************** */

.career_step {margin-bottom: 82px;}

.career_count {padding-bottom: 33px;font-size: 16px;line-height: 1.75;color: #222;}

.career_count span {color: #ff1282;}

.jt_career_list .jt_newsfeed_title h2 {max-width: -webkit-calc(100% - 130px);max-width: calc(100% - 130px);}

.career_date {display: block;padding-top: 3px;}

.career_date p {font-size: 16px;color: #666;}

.single_view_info span.categories {float: left;padding-right: 0;}

.single_view_info span.categories:after {display: none;}

/* **************************************** *
 * BUSINESS (주정, 화학, COLOR PASTE)
 * **************************************** */

.business_intro_image img {display: block;max-width: 100%;height: auto;}

.business_content {position: relative;}

.business_content:before {content: '';display: block;width: 786px;height: 1170px;position: absolute;top: 0;left: 0;background: url(../img/business-bg.png) no-repeat right top;background-size: cover;z-index: -1;}

.business_content_inner {padding-top: 52px;}

.business_content_inner:after {content: '';display: table;clear: both;}

.business_content_head {float: left;width: 25.5%;padding-right: 30px;}

.business_content_head h2 {font-size: 45px;font-weight: 200;line-height: 1.2;color: #222;}

.business_child_category {padding-right: 40px;}

.business_child_category > li {border-bottom: 1px solid #ddd;}

.business_child_category > li > a {display: block;padding: 18px 0;font-size: 28px;font-weight: 200;line-height: 1.2;color: #aaa;}

.business_child_category > li:first-child > a {padding-top: 0;}

.business_child_category > li.current_page_item {border-bottom-color: #222;}

.business_child_category > li.current_page_item > a {color: #222;}

.business_content_body {float: left;width: 74.5%;}

.business_content_desc p {font-size: 16px;line-height: 1.75;color: #666;}

.business_predata {margin-top: 55px;}

.business_predata > li {float: left;width: 45.5%;margin-bottom: 6.7%;}

.business_predata > li:nth-child(odd) {margin-right: 9%;clear: both;}

.business_predata_inner {display: table;width: 100%;}

.business_predata_img {display: table-cell;vertical-align: top;width: 44.5%;}

.business_predata_img img {display: block;max-width: 100%;height: auto;}

.business_predata_info {display: table-cell;vertical-align: bottom;width: 55.5%;padding-left: 34px;}

.business_predata_info b {display: block;font-size: 18px;font-weight: 600;color: #222;}

.business_predata_info p {padding: 4px 0 24px;font-size: 16px;line-height: 1.75;color: #666;}

.business_detail {margin-top: 20px;}

.business_detail > li {display: block;width: 100%;border-top: 2px solid #222;}

.business_detail_title {padding: 16px 41px;border-bottom: 1px solid #ddd;}

.business_detail_title b {display: block;font-size: 16px;line-height: 1.75;font-weight: 600;color: #222;}

.business_detail_content {padding: 22px 41px 56px;}

.business_detail > li:last-child .business_detail_content {padding-bottom: 0;}

.business_detail_content p {font-size: 16px;line-height: 1.75;color: #666;}

.business_detail_content p sub {font-size: 0.7em;}

.business_detail_content .jt_btn {margin-top: 24px;}

/* **************************************** *
 * 가치체계
 * **************************************** */

.page-template-value .main_container {padding-bottom: 0;}

.value_banner_title {margin-left: 0.3em;font-size: 70px;font-weight: 200;line-height: 1.25;letter-spacing: 0.3em;color: #fff;}

/* MISSION */

.value_mission {padding-bottom: 80px;}

.mission_banner {position: relative;background: #426175 url(../img/mission-banner.jpg) no-repeat center center;background-size: cover;}

.mission_banner_inner {width: 59.5%;padding: 246px 0;text-align: center;}

.mission_banner_layer {width: 40.5%;height: 100%;padding: 113px 115px;position: absolute;right: 0;top: 0;background: #043952;background: rgba(4, 57, 82, .5);}

.mission_banner_square {width: 100%;height: 100%;padding: 69px 46px 55px;border: 1px solid #ffffff;border: 1px solid rgba(255, 255, 255, .33);}

.mission_banner_square img {max-width: 100%;height: auto;vertical-align: middle;}

/*
.mission_banner_square_inner {width: 100%;height: 100%;position: relative;}
.mission_banner_square span {display: block;position: absolute;width: 25%;font-size: 36px;font-weight: 200;line-height: 69px;text-align: center;color: #fff;}
.mission_banner_square span:nth-child(1) {top: 0;left: 0;}
.mission_banner_square span:nth-child(2) {top: 0;left: 25%;}
.mission_banner_square span:nth-child(3) {top: 0;right: 25%;}
.mission_banner_square span:nth-child(4) {top: 0;right: 0;}
.mission_banner_square span:nth-child(5) {top: 29%;left: 0;}
.mission_banner_square span:nth-child(6) {top: 29%;left: 37%;}
.mission_banner_square span:nth-child(7) {top: 29%;right: 0;}
.mission_banner_square span:nth-child(8) {top: 58%;left: 0;}
.mission_banner_square span:nth-child(9) {top: 58%;left: 37%;}
.mission_banner_square span:nth-child(10) {top: 58%;right: 0;}
.mission_banner_square p {display: block;padding-left: 7px;position: absolute;bottom: 0;left: 0;font-size: 18px;letter-spacing: 0.02em;text-align: center;color: #fff;}
*/

/* VISION */

.vision_banner {padding: 170px 0;background: #727d8b url(../img/vision-banner.jpg) no-repeat center center;background-size: cover;}

.vision_banner_inner {padding: 133px 0;text-align: center;border: 1px solid #ffffff;border: 1px solid rgba(255, 255, 255, .5);}

.vision_banner_inner p {padding-top: 5px;font-size: 18px;line-height: 1.75;letter-spacing: 0.05em;color: #fff;}

.vision_banner_inner p span {font-size: 19px;}

.vision_banner_inner p br.small_br {display: none;}

/* STRATEGY */

.value_strategy {margin-bottom: -131px;padding: 132px 0 484px;background-image: url(../img/strategy-bg.jpg);}

.strategy_plan > li {float: left;width: 23.5%;margin-right: 2%;position: relative;}

.strategy_plan > li:last-child {margin-right: 0;}

.strategy_plan img {display: block;max-width: 100%;height: auto;}

.strategy_plan span {position: absolute;top: 16px;left: 29px;font-size: 30px;font-weight: 200;color: #fff;}

.strategy_plan p {display: block;width: 100%;position: absolute;left: 0;bottom: 36px;font-size: 18px;text-align: center;color: #fff;}

/* 핵심가치 */

.value_core {position: relative;}

.value_core_circle {width: 577px;height: 577px;margin: 46px auto 0;padding: 28px;position: relative;z-index: 1;}

.value_core_slider {width: 100%;position: relative;}

.value_core_slider_item {display: none;}

.value_core_slider_item:first-child {display: block;}

.value_core_slider_img {backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}

.value_core_slider_img img {max-width: 100%;height: auto;vertical-align: middle;}

.value_core_slider_img.back {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}

#value_core_svg {width: 100%;height: auto;position: absolute;top: 0;left: 0;}

#value_core_circle_line {visibility: hidden;}

.value_core_list {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.value_core_list > li {width: 250px;position: absolute;cursor: pointer;}

.value_core_list > li:nth-child(1) {top: 6.5%;left: -48.5%;text-align: right;}

.value_core_list > li:nth-child(2) {top: 6.5%;right: -48.5%;}

.value_core_list > li:nth-child(3) {bottom: 5.5%;right: -48.5%;}

.value_core_list > li:nth-child(4) {bottom: 5.5%;left: -48.5%;text-align: right;}

.value_core_list > li > p {padding-top: 8px;font-size: 16px;line-height: 1.75;color: #666;}

.value_core_list > li > b {display: block;font-size: 24px;font-weight: 600;color: #222;-webkit-transition: color 400ms;transition: color 400ms;}

.value_core_list > li > b > u {position: relative;text-decoration: none;}

.value_core_list > li > b > u:before {content: '';display: block;width: 0;height: 2px;position: absolute;bottom: 0;background: #ff1282;-webkit-transition: width 0.4s;transition: width 0.4s;}

.value_core_list > li:nth-child(1) > b > u:before,
.value_core_list > li:nth-child(4) > b > u:before {right: 0;}

.value_core_list > li:nth-child(2) > b > u:before,
.value_core_list > li:nth-child(3) > b > u:before {left: 0;}

.value_core_list > li.hover > b > u:before {width: 100%;}

.value_core_list > li.active > b {color: #ff1282;}

.value_core_pager_wrap {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.value_core_pager {width: 100%;height: 100%;position: relative;z-index: 120;}

.value_core_pager > li {width: 12px;height: 12px;position: absolute;font-size: 0;background: #ddd;border-radius: 100%;cursor: pointer;-webkit-transition: background 400ms;transition: background 400ms;}

.value_core_pager > li > span {display: block;width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);border-radius: 100%;-webkit-transition: width 400ms, height 400ms;transition: width 400ms, height 400ms;}

.value_core_pager > li.active {background: #ff1282;}

.value_core_pager > li.active > span {width: 37px;height: 37px;border: 2px solid #ff1282;}

.value_core_pager > li:nth-child(1) {top: 13.6%;left: 13.9%;}

.value_core_pager > li:nth-child(2) {top: 13.6%;right: 13.8%;}

.value_core_pager > li:nth-child(3) {bottom: 13.8%;right: 13.5%;}

.value_core_pager > li:nth-child(4) {bottom: 14.5%;left: 13%;}

.value_core_typo_bg {margin-top: -137px;padding: 307px 0 320px;position: relative;overflow: hidden;z-index: -1;}

.value_core_typo_layer {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: no-repeat center bottom; will-change: transform;}

.value_core_typo_layer_00 {background-image: url(../img/value-core-bg.jpg);z-index: 0;}

.value_core_typo_layer_01 {background-image: url(../img/value-core-layer-01.png);z-index: 2;}

.value_core_typo_layer_02 {background-image: url(../img/value-core-layer-02.png);z-index: 4;}

.value_core_typo {display: block;margin-left: 0.5em;font-size: 115px;font-weight: 200;letter-spacing: 0.5em;text-align: center;color: #fff;}

.value_core_typo span {position: relative;}

.value_core_typo span:first-child {z-index: 1;}

.value_core_typo span:first-child + span {z-index: 3;}

/* **************************************** *
 * 홍보자료
 * **************************************** */

/* 홍보동영상 */

.pr_video_wrap {position: relative;}

.pr_video_slider {position: relative;}

.pr_video_slider .slick-list {overflow: visible;}

/* visible motion */

.pr_video_item {display: none;}

.pr_video_item:first-child {display: block;}

.pr_video_txt {margin-top: 53px;padding-right: 120px;}

.pr_video_txt b {display: block;font-size: 18px;font-weight: 600;color: #222;}

.pr_video_txt p {padding-top: 9px;font-size: 16px;line-height: 1.75;color: #666;}

.pr_video_container {position: relative;width: 100%;padding-top: 56.25%;}

.pr_video_container:after {content: '';display: block;width: 98.34%;padding-top: 21.84%;position: absolute;bottom: -14%;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background: url(../img/video-shadow.png) no-repeat center center;background-size: cover;z-index: -1;}

.pr_video_iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;-moz-box-sizing: content-box;box-sizing: content-box;}

.pr_video_poster {width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;}

.pr_video_poster .pr_video_poster_img {display: block;width: 100%;margin: 0;}

.pr_video_poster_overlay {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000000;background: rgba(0, 0, 0, .8);}

.pr_video_poster_overlay_btn {display: block;width: 70px;height: 70px;position: absolute;top: 50%;left: 50%;margin-left: -35px;margin-top: -35px;border: 1px solid #fff;border-radius: 50%;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: background 250ms;transition: background 250ms;}

.pr_video_poster_overlay_btn:after {display: block;width: 100%;height: 100%;padding-left: 2%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e91a';font-size: 14px;line-height: 70px;font-style: normal;font-weight: normal;text-align: center;color: #fff;-webkit-transition: color 300ms;transition: color 300ms;}

.pr_video_poster:hover .pr_video_poster_overlay_btn {background-color: #fff;}

.pr_video_poster:hover .pr_video_poster_overlay_btn:after {color: #ff1282;}

.pr_video_wrap .slick-control {opacity: 0;-webkit-transform: none;-ms-transform: none;transform: none;}

/* 브로슈어 */

.pr_brochure_container {position: relative;}

.pr_brochure_slider {position: relative;}

.pr_brochure_slider .slick-list {overflow: visible;}

/* visible motion */

.pr_brochure_item {display: none;}

.pr_brochure_item:first-child {display: block;}

.pr_brochure_table {display: table;width: 100%;}

.pr_brochure_thumb {display: table-cell;vertical-align: top;width: 48.8%;}

.pr_brochure_thumb img {display: block;max-width: 100%;height: auto;}

.pr_brochure_info {display: table-cell;vertical-align: middle;width: 51.2%;padding: 0 167px 0 100px;}

.pr_brochure_info b {display: block;font-size: 18px;line-height: 1.55;font-weight: 600;color: #222;}

.pr_brochure_info p {margin-top: 9px;font-size: 16px;line-height: 1.75;color: #666;}

.pr_brochure_info .jt_btn {margin-top: 23px;}

/* **************************************** *
 * 사업장
 * **************************************** */

/* INTRO */

.network_intro {display: table;width: 100%;}

.network_intro h2 {font-size: 45px;font-weight: 200;line-height: 1.22;color: #222;}

.network_intro p {padding-top: 30px;font-size: 16px;line-height: 1.75;color: #666;}

.network_intro img {display: block;max-width: 100%;height: auto;}

.network_intro_inner {display: table-cell;vertical-align: middle;}

.network_intro_txt {width: 51%;padding-right: 4%;}

.network_intro_pic {width: 49%;}

.network_pic_map {max-width: 352px;margin: 0 auto;position: relative;}

.network_pic_map_data {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.network_pic_map_data > li {width: 120px;position: absolute;left: 50%;top: 50%;}

.network_pic_map_data > li > i {display: block;margin: 0 auto;position: relative;font-size: 0;background: #ff1282;border-radius: 50%;}

.network_pic_map_data > li > i > span {display: block;width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);background: #1c9ad6;background: rgba(28, 154, 214, .6);border: 1px solid #ff1282;border-radius: 100%;}

.network_pic_map_data > li > span {display: block;padding-top: 9px;font-size: 16px;font-weight: 600;text-align: center;color: #666;}

.network_pic_map_data > li.pic_point_giheung {margin-top: -163px;margin-left: -130px;}

.network_pic_map_data > li.pic_point_giheung > i {width: 54px;height: 54px;}

.network_pic_map_data > li.pic_point_ulsan {margin-top: 78px;margin-left: 85px;}

.network_pic_map_data > li.pic_point_ulsan > i {width: 31px;height: 31px;}

/* LOCATION */

.network_location {max-width: 1723px;margin: 0 auto;}

.location_item {padding: 97px 0 41px;}

.location_item:last-child {padding-bottom: 0;}

.location_item_header {padding-bottom: 53px;}

.location_item_header .sub_section_title  {padding-bottom: 0;}

.location_banner {position: relative;}

.location_banner_item {display: none;width: 100%;height: auto;z-index: 1;}

.location_banner_item:first-child {display: block;}

.location_banner_item_inner {padding-top: 37.58%;position: relative;overflow: hidden;}

.location_video_wrap {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.location_video_wrap:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #000000;background: rgba(0, 0, 0, .18);}

.location_video_iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.location_banner_bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: no-repeat center center;background-size: cover;}

.location_banner_table {display: table;width: 100%;height: 100%;}

.location_banner_cell {display: table-cell;width: 100%;padding-bottom: 106px;vertical-align: middle;}

.location_video_play {display: block;position: relative;text-align: center;}

.location_video_play span {display: block;padding-top: 15px;margin-left: 0.5em;font-size: 18px;letter-spacing: 0.5em;color: #fff;}

.location_video_play i {display: block;width: 70px;height: 70px;position: relative;margin: 0 auto;font-size: 0;border: 1px solid #fff;border-radius: 50%;-moz-box-sizing: border-box;box-sizing: border-box;cursor: pointer;-webkit-transition: background 250ms;transition: background 250ms;}

.location_video_play i:after {display: block;width: 100%;height: 100%;padding-left: 2%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e91a';font-size: 14px;line-height: 70px;font-style: normal;font-weight: normal;text-align: center;color: #fff;-webkit-transition: color 300ms;transition: color 300ms;}

.location_video_play:hover i {background-color: #fff;}

.location_video_play:hover i:after {color: #ff1282;}

.location_banner .slick-control {top: inherit;bottom: 25px;right: inherit;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: 10;}

.location_banner .slick-control .slick-arrows {margin: 0 10px;}

.giheung_banner_01 .location_banner_bg {background-image: url(../img/location-giheung-01-v2.jpg);}

.giheung_banner_02 .location_banner_bg {background-image: url(../img/location-giheung-02.jpg);}

.ulsan_banner_01 .location_banner_bg {background-image: url(../img/location-ulsan-01.jpg);}

.ulsan_banner_02 .location_banner_bg {background-image: url(../img/location-ulsan-02.jpg);}

.ulsan_banner_03 .location_banner_bg {background-image: url(../img/location-ulsan-03.jpg);}

.location_data {margin-top: -110px;position: relative;z-index: 2;}

.location_data .data_table_list_outer {padding: 126px 0 60px;}

.location_data .data_table_list > li > b {padding-left: 18px;text-align: center;}

.location_map_box {height: 580px;position:relative;}

.location_map {height: 100%;background: #F0F0F0;position: relative;}

.location_map .leaflet-top {z-index: 100;}

.location_map .leaflet-control-attribution {display: none;}

.mobile .location_map_box:after {content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;}

/* **************************************** *
 * CI소개
 * **************************************** */

.ci_intro_image img {max-width: 100%;height: auto;vertical-align: middle;}

.ci_intro_txt {padding: 73px 0;}

.ci_intro_txt:after {content: '';display: table;clear: both;}

.ci_intro_title {float: left;width: 50%;padding-right: 12px;}

.ci_intro_title h2 {font-size: 34px;font-weight: 200;line-height: 1.35;letter-spacing: -0.025em;color: #222;}

.ci_intro_desc {float: left;width: 50%;padding-left: 12px;}

.ci_intro_desc p {padding-bottom: 27px;font-size: 16px;line-height: 1.75;color: #666;}

.ci_intro_desc p:last-child {padding-bottom: 0;}

.ci_information_list > li {float: left;width: 100%;padding: 72px 0 80px;border-top: 1px solid #e0e0e0;}

.ci_information_list > li:last-child {padding-bottom: 0;}

.ci_information_list > li > div {float: left;}

.ci_information_title {width: 25.5%;padding-right: 20px;}

.ci_information_title h3 {font-size: 45px;font-weight: 200;line-height: 1.12;letter-spacing: -0.025em;color: #222;}

.ci_information_content {width: 74.5%;}

.ci_information_content img {max-width: 100%;height: auto;vertical-align: middle;}

.ci_information_content > p {padding-bottom: 34px;font-size: 16px;line-height: 1.75;color: #666;}

.ci_button_box {font-size: 0;line-height: 1;margin-top: 41px;}

.ci_button_box .jt_btn {margin-right: 19px;}

.ci_button_box .jt_btn:last-child {margin-right: 0;}

.motive_picture {padding: 13px 0 15px;}

.motive_picture:after {content: '';display: table;clear: both;}

.motive_picture figure {float: left;}

.motive_picture figure:first-child {margin-right: 81px;}

.motive_picture figcaption {text-align: center;padding-top: 22px;font-size: 18px;font-weight: 200;color: #222;}

.ci_color > li {float: left;width: 47%;margin-right: 6%;}

.ci_color > li:last-child {margin-right: 0;}

.ci_color_board {display: block;width: 100%;padding: 43px 35px;font-size: 45px;letter-spacing: 0.2em;line-height: 1.35;font-weight: 200;color: #fff;}

.ci_color_point .ci_color_board {background: #ff1282;}

.ci_color_gray .ci_color_board {background: #939598;}

.ci_color_info {display: table;width: 100%;margin-top: 26px;table-layout: fixed;}

.ci_color_info > li {display: table-row;width: 100%;}

.ci_color_info > li > b {display: table-cell;width: 40%;padding: 20px 15px 20px 0;vertical-align: top;font-size: 21px;line-height: 1.35;font-weight: 400;color: #ff1282;border-bottom: 1px solid #dadada;}

.ci_color_info > li > p {display: table-cell;width: 60%;padding: 23px 0 20px;vertical-align: top;font-size: 18px;line-height: 1.35;letter-spacing: -0.025em;color: #666;border-bottom: 1px solid #dadada;}

.ci_color_info > li > p > span {display: inline-block;vertical-align: top;padding-right: 22px;}

.ci_color_info > li > p > span:last-child {padding-right: 0;}

.ci_color_info > li > p > span > i {padding-right: 10px;font-style: normal;}

/* **************************************** *
 * 정도경영
 * **************************************** */

.page-template-competent .main_container {padding-bottom: 0;}

.competent_intro {padding-bottom: 140px;}

.competent_outro {padding-top: 120px;padding-bottom: 550px;background-color: #f5f5f5;background-image: url(../img/competent-outro-bg.jpg);}

.competent_card_count_list > li:nth-child(4), .competent_card_count_list > li:nth-child(6) {clear: both;}

/* **************************************** *
 * 품질경영
 * **************************************** */

.page-template-quality .main_container {padding-bottom: 0;}

.quality_intro {position: relative;}

.quality_intro_img {position: absolute;top: 0;right: 0;}

.quality_intro_img img {display: block;max-width: 100%;height: auto;}

.quality_intro_txt {position: relative;}

.quality_intro_txt span {display: block;font-size: 30px;font-weight: 200;line-height: 1.22;letter-spacing: -0.025em;color: #222;}

.quality_intro_txt h2 {padding: 13px 0 15px;font-size: 70px;font-weight: 200;line-height: 1;color: #222;}

.quality_intro_txt p {font-size: 16px;line-height: 1.75;color: #666;}

.quality_stair {padding-top: 120px;}

.quality_stair_list > li {position: relative;}

.quality_stair_list > li:nth-child(odd) {float: left;clear: both;}

.quality_stair_list > li:nth-child(even) {float: right;}

.quality_stair_figure img {max-width: 100%;height: auto;vertical-align: middle;}

.quality_stair_text {display: table;width: 288px;height: 288px;padding: 0 20px;position: absolute;border: 3px solid #ddd;text-align: center;z-index: 1;}

.quality_stair_text_inner {display: table-cell;vertical-align: middle;}

.quality_stair_text b {display: block;padding-bottom: 8px;font-size: 20px;font-weight: 600;line-height: 1.4;color: #222;}

.quality_stair_text p {font-size: 16px;line-height: 1.75;color: #666;}

.quality_stair_list > li:nth-child(1) {margin-top: -155px;}

.quality_stair_list > li:nth-child(1) .quality_stair_text {top: 115px;right: -239px;}

.quality_stair_list > li:nth-child(2) {margin-top: 60px;}

.quality_stair_list > li:nth-child(2) .quality_stair_text {left: 61px;bottom: -237px;}

.quality_stair_list > li:nth-child(3) {margin-top: -75px;}

.quality_stair_list > li:nth-child(3) .quality_stair_text {left: 47px;bottom: -239px;}

.quality_stair_list > li:nth-child(4) {margin-top: 417px;}

.quality_stair_list > li:nth-child(4) .quality_stair_text {bottom: -238px;left: -170px;}

.quality_stair_list > li:nth-child(5) {margin-top: 180px;}

.quality_stair_list > li:nth-child(5) .quality_stair_text {right: -259px;bottom: -138px;}

.quality_stair_list > li:nth-child(6) {margin-top: 417px;}

.quality_stair_list > li:nth-child(6) .quality_stair_text {left: 61px;bottom: -237px;}

.quality_stair_list > li:nth-child(7) {margin-top: 41px;}

.quality_stair_list > li:nth-child(7) .quality_stair_text {right: -248px;bottom: -173px;}

.quality_banner {padding: 324px 0 207px;background-image: url(../img/quality-banner.jpg);}

.quality_banner_inner {padding: 104px 30px;text-align: center;background: #ffffff;background: rgba(255, 255, 255, .9);}

.quality_banner_inner b {display: block;margin-left: 0.5em;font-size: 34px;font-weight: 200;line-height: 1.25;letter-spacing: 0.5em;color: #222;}

.quality_banner_inner b span {display: inline-block;padding: 0 24px;vertical-align: top;}

.quality_banner_inner p {padding-top: 19px;font-size: 16px;line-height: 1.75;color: #666;}

/* **************************************** *
 * 연구소개
 * **************************************** */

.rnd_info {padding-bottom: 180px;}

.rnd_info_box {display: table;width: 100%;margin-bottom: 80px;table-layout: fixed;}

.rnd_info_box:last-child {margin-bottom: 0;}

.rnd_info_box_inner {display: table-cell;width: auto;vertical-align: middle;}

figure.rnd_info_box_inner {width: 384px;vertical-align: top;}

.rnd_info_box img {max-width: 100%;height: auto;vertical-align: top;}

.rnd_info_box h2 {padding-bottom: 18px;margin-left: -6px;font-size: 70px;font-weight: 200;line-height: 1.25;color: #222;}

.rnd_info_box b {display: block;padding-top: 19px;font-size: 30px;font-weight: 200;line-height: 1.4;color: #222;}

.rnd_info_box p {padding-top: 18px;font-size: 16px;line-height: 1.75;color: #666;}

.rnd_info_box span {display: block;padding-bottom: 18px;margin-left: -6px;position: relative;font-size: 70px;font-weight: 200;letter-spacing: 0.3em;line-height: 1.22;color: #ddd; z-index:1}

.rnd_info_box span i {display: block;font-style: normal;white-space: pre;}

.rnd_info_box span i:last-child {padding-left: 364px;}

.rnd_info_first_box div.rnd_info_box_inner {padding-left: 122px;}

.rnd_facility_banner {height: 647px;background: #e9e8e6 url(../img/rnd-factory.jpg) no-repeat center center;background-size: cover;}

.rnd_facility_data {margin-top: -100px;}

.rnd_facility_data .sub_section_title {padding-bottom: 54px;margin-left: 0;letter-spacing: 0;}

.rnd_facility_data .data_table_list_outer {padding: 69px 0 0;}

.rnd_facility_data .data_table_list > li > span {padding-left: 37px;}

/* **************************************** *
 * 환경경영
 * **************************************** */

.environment_irregular_grid_01 {padding: 114px 0 249px;}

.environment_irregular_grid_02 {padding: 210px 0 177px;}

.environment_irregular_grid_03 {padding: 172px 0 315px;}

.environment_banner {margin-top: 150px;padding: 221px 0 248px;position: relative;background: #8cafdc url(../img/environment-banner-bg.jpg) no-repeat center center;background-size: cover;}

.environment_banner_pic {position: absolute;left: 138px;bottom: 0;}

.environment_banner_pic img {max-width: 100%;height: auto;vertical-align: bottom;}

.environment_banner span {display: block;margin-left: 0.5em;position: relative;font-size: 70px;letter-spacing: 0.5em;font-weight: 200;line-height: 1.25;text-align: center;color: #fff;}

.environment_task {margin-top: -80px;position: relative;}

.environment_task > li {float: left;width: 49%;margin-right: 2%;padding: 52px 35px;background: #fff;}

.environment_task > li:nth-child(even) {margin-right: 0;}

.environment_task b {display: block;padding-bottom: 23px;font-size: 24px;font-weight: 600;text-align: center;color: #222;}

.environment_task_sub {max-width: 408px;margin: 0 auto;padding: 22px 0;border-top: 2px solid #222;}

.environment_task_sub > li {position: relative;padding-left: 13px;padding-bottom: 6px;font-size: 16px;line-height: 1.75;color: #666;}

.environment_task_sub > li:last-child {padding-bottom: 0;}

.environment_task_sub > li:before {content: '';width: 4px;height: 4px;position: absolute;top: 14px;left:0;background: #222;border-radius: 50%;}

.environment_system {padding-top: 65px;}

.environment_system_title {padding-bottom: 14px;font-size: 34px;font-weight: 200;line-height: 1.25;text-align: center;color: #222;}

.environment_system_title br {display: none;}

.environment_system .thumb_data_list {border-top: none;}

/* **************************************** *
 * 제품정보
 * **************************************** */

.products_category {position: relative;z-index: 1;}

.products_category > li:nth-child(1) {float: left;width: 49%;}

.products_category > li:nth-child(2) {float: right;width: 40.5%;margin-top: 192px;}

.products_category > li:nth-child(3) {float: left;width: 40%;margin-top: 70px;}

.products_category figure {position: relative;}

.products_category img {max-width: 100%;height: auto;vertical-align: middle;}

.products_category_info {padding: 31px 0;position: relative;z-index: 1;}

.products_category_info h3 {font-size: 45px;font-weight: 200;line-height: 1.25;letter-spacing: -0.025em;color: #222;}

.products_category_info b {display: block;padding: 11px 0 12px;font-size: 24px;font-weight: 400;letter-spacing: -0.025em;line-height: 1.75;color: #222;}

.products_category_info p {font-size: 16px;line-height: 1.75;color: #666;}

.products_category_info .jt_btn {margin-top: 27px;}

.products_data {padding-top: 118px;position: relative;}

.products_data:before {content: '';display: block;width: 1156px;height: 1207px;position: absolute;right: 0;top: -720px;background: url(../img/products-bg.png) no-repeat right top;background-size: cover;}

/* **************************************** *
 * 경영정보
 * **************************************** */

.investment_section .page_tabs {margin-top: -19px;}

.investment_section .page_tabs li a {padding: 19px 35px;font-size: 20px;}

/* **************************************** *
 * 제품문의
 * **************************************** */

.product_inquiry_group {padding-bottom: 70px;}

.product_inquiry_group:last-child {padding-bottom: 0;}

.product_inquiry_group_title {padding-bottom: 33px;font-size: 28px;font-weight: 600;color: #222;}

.product_inquiry_link.jt_btn.primary {min-width: 150px;padding: 11px 10px;font-size: 15px;border-color: #ddd;background: #fff;-webkit-transition: color 300ms, border 300ms;transition: color 300ms, border 300ms;}

.product_inquiry_link.jt_basic_btn.primary:before {display: none;}

/* 제품별 */

.product_inquiry_table {width: 100%;position: relative;border-top: 2px solid #222;table-layout: fixed;}

.product_inquiry_table caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}

.product_inquiry_table tr {width: 100%;}

.product_inquiry_table th, .product_inquiry_table td {vertical-align: middle;text-align: center;line-height: 1.75;color: #222;}

.product_inquiry_table th {padding: 14px 12px;position: relative;vertical-align: middle;font-size: 18px;font-weight: 600;border-bottom: 2px solid #ddd;}

.product_inquiry_table th:before {content: '';display: block;width: 1px;height: 17px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: #ddd;}

.product_inquiry_table th:first-child:before {display: none;}

.product_inquiry_table td {padding: 10px 12px;font-size: 16px;border: solid #ddd;border-width: 0 0 1px 1px;-webkit-transition: background 300ms;transition: background 300ms;}

.product_inquiry_table th.category {width: auto;}

.product_inquiry_table th.tel {width: 184px;}

.product_inquiry_table th.admin {width: 261px;}

.product_inquiry_table th.online {width: 211px;}

.product_inquiry_table td.category {padding: 10px 40px;text-align: left;border-left: none;}

/*.product_inquiry_table tr.hover td {background: #fafafa;}*/

.product_inquiry_table .product_inquiry_link:hover {color: #ff1282;border-color: #ff1282;}

/* 부서별 */

.product_inquiry_department {margin: -12px;}

.product_inquiry_department > li {float: left;width: 25%;padding: 12px;}

.product_inquiry_department > li:nth-child(4n+1) {clear: both;}

.product_inquiry_department_info {width: 100%;height: 100%;padding: 33px 30px 39px;text-align: center;border: 1px solid #ddd;-webkit-transition: background 300ms;transition: background 300ms;cursor: pointer;}

.product_inquiry_department_info b {display: block;font-size: 18px;font-weight: 600;color: #222;}

.product_inquiry_department_info p {padding: 7px 0 25px;font-size: 16px;line-height: 1.75;color: #666;}

.product_inquiry_department_info:hover {background: #fafafa;}

.product_inquiry_department_info:hover .product_inquiry_link {color: #ff1282;border-color: #ff1282;}

/* FORM */

ul.jt_horizontal_form > li.contact_row_product_inquiry_type > div:first-child + div,
ul.jt_horizontal_form > li.contact_row_product_inquiry_person > div:first-child + div {padding: 31px 30px;}

.product_inquiry_type, .product_inquiry_person {display: block;font-size: 16px;line-height: 1.75;font-weight: 600;color: #ff1282;border: none;padding: 0;width: 100%;}

.product_inquiry_type br, .product_inquiry_person br {display: none;}

/* **************************************** *
 * 사회공헌
 * **************************************** */

/* INTRO */

.csr_intro .middle_grid_content > p {padding-top: 24px;}

/* PROJECT */

.csr_project {padding: 140px 0 69px;position: relative;}

.csr_project_bg {display: block;width: 100%;height: 728px;position: absolute;left: 0;top: 385px;background: url(../img/csr-banner.jpg) no-repeat center center;z-index: -1;}

.csr_project_bg.fixed {position: fixed;left: 0;top: 75px;}

.csr_project_bg.clear {position: absolute;top: inherit;bottom: -211px;}

.csr_project_header {padding-bottom: 40px;text-align: center;}

.csr_project_header h2 {font-size: 70px;font-weight: 200;line-height: 1;color: #222;}

.csr_project_header b {display: block;padding: 26px 0 17px;font-size: 24px;font-weight: 600;letter-spacing: -0.025em;color: #222;}

.csr_project_header p {font-size: 16px;line-height: 1.75;color: #666;}

.csr_project_list {max-width: 1044px;margin: 0 auto;padding: 56px 0 165px;position: relative;}

.csr_project_list:after {content: '';display: table;clear: both;}

.csr_project_list_line {content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;left: 50%;background: #ff1282;}

.csr_project_list_line:after {content: '';display: block;width: 9px;height: 9px;position: absolute;bottom: 0;left: 50%;margin-left: -4.5px;border-radius: 50%;background: #ff1282;}

.csr_project_item {width: 50%;}

.csr_project_item_odd {float: left;padding-right: 90px;}

.csr_project_item_even {float: right;padding-left: 90px;}

.csr_project_img {position: relative;}

.csr_project_img img {max-width: 100%;height: auto;vertical-align: middle;}

.csr_project_img:before {content: '';display: block;width: 90px;height: 1px;position: absolute;background: #ff1282;}

.csr_project_img:after {content: '';display: block;width: 9px;height: 9px;position: absolute;background: #ff1282;border-radius: 50%;}

.csr_project_info {padding: 30px 0;text-align: center;}

.csr_project_info > h3 {font-size: 24px;letter-spacing: -0.025em;font-weight: 600;color: #222;}

.csr_project_info > p {padding: 6px 0 35px;font-size: 16px;line-height: 1.75;color: #666;}

.csr_project_circle {font-size: 0;line-height: 1;}

.csr_project_circle_item {display: inline-block;width: 180px;height: 180px;border-radius: 50%;}

.csr_project_circle_item > p {display: table;width: 100%;height: 100%;}

.csr_project_circle_item > p > span {display: table-cell;width: 100%;vertical-align: middle;font-size: 18px;font-weight: 600;letter-spacing: -0.025em;color: #fff;}

.csr_project_circle_item:first-child {margin-right: -12px;}

.csr_project_circle_item:last-child {margin-left: -12px;}

.csr_project_circle_primary {background: #eb51b7;background: rgba(235, 81, 183, 1);}

.csr_project_circle_secondary {background: #1b9ad6;background: rgba(27, 154, 214, .5);}

.csr_project_circle_third {background: #54b13e;background: rgba(84, 177, 62, 1);}

.csr_project_item_01 .csr_project_img:before {right: -90px;top: 125px;}

.csr_project_item_01 .csr_project_img:after {top: 121px;right: -95px;}

.csr_project_item_02 {margin-top: 210px;}

.csr_project_item_02 .csr_project_img:before {left: -90px;top: 50%;margin-top: -5px;}

.csr_project_item_02 .csr_project_img:after {left: -94px;top: 50%;margin-top: -9px;}

/* ACTIVITY */

.csr_activity_slider_wrap {position: relative;}

.csr_activity_slider {margin: 0 -12px;position: relative;}

.csr_activity_item {width: 33.33%;padding: 0 12px;}

.csr_activity_item img {max-width: 100%;height: auto;vertical-align: middle;}

.csr_activity .slick-control {width: 100%;height: 46px;}

.csr_activity .slick-control .slick-arrows {margin: 0;position: absolute;top: 0;}

.csr_activity .slick-control .slick-prev {left: -80px;}

.csr_activity .slick-control .slick-next {right: -80px;}

/* **************************************** *
 * CEO인사말
 * **************************************** */

.ceo_typo.full_typo_banner {padding-bottom: 404px;background-image: url(../img/ceo-banner-bg.jpg);}

.ceo_typo.full_typo_banner strong {letter-spacing: 0;}

.ceo_outro {margin-top: -194px;}

.ceo_outro .middle_grid_content {padding-top: 184px;}

.ceo_sign {padding-top: 44px;font-size: 0;line-height: 1;}

.ceo_sign img, .ceo_sign svg {max-width: 100%;height: 96px;vertical-align: middle;}

.ceo_name {display: inline-block;vertical-align: middle;margin-right: 24px;}

.ceo_name > span {display: inline-block;vertical-align: middle;font-size: 18px;color: #222;}

.ceo_name > b {display: inline-block;vertical-align: middle;padding-left: 8px;font-size: 24px;font-weight: 400;}

/* **************************************** *
 * 인사제도
 * **************************************** */

.page-template-people .main_container {padding-bottom: 0;}

/* old ver
.people_assessment > li {width: 49%;padding: 0 74px;background: rgba(255,255,255,0.9);}
.people_assessment > li:nth-child(odd) {float: left;}
.people_assessment > li:nth-child(even) {float: right;}
.people_assessment_table {display: table;width: 100%;height: 100%;}
.people_assessment_cell {display: table-cell;vertical-align: middle;}
.people_assessment h3 {font-size: 34px;font-weight: 400;letter-spacing: 0.5em;color: #222;}
.people_assessment p {padding-top: 25px;font-size: 16px;line-height: 1.75;color: #666;}
.people_assessment > li:nth-child(1) {height: 467px;margin-top: 38px;}
.people_assessment > li:nth-child(2) {height: 412px;margin-top: 303px;}

.people_bg {margin-top: -633px;padding-top: 992px;background-image: url(../images/sub/people/people-banner-bg.jpg);}

.people_welfare {padding-bottom: 180px;position: relative;background: #f5f5f5;}

.people_reward {padding: 140px 0;}
.people_income_type {max-width: 270px;margin: 0 auto;}
.people_income_type > li {padding-left: 64px;position: relative;font-size: 16px;text-align: left;line-height: 1.75;color: #666;}
.people_income_type > li > b {position: absolute;top: 0;left: 0;font-weight: 600;color: #222;}
.people_income_type > li > b > i {font-style: normal;}
*/

/* 교육체계 */

.people_education {padding-top: 88px;background-image: url(../img/people-banner-bg.jpg);background-position: center bottom;}

.people_organization {padding-bottom: 148px;}

.people_organization_map {position: relative;}

.organization_map_group {display: table;margin-bottom: 40px;position: relative;table-layout: fixed;}

.organization_map_group:last-child {margin-bottom: 0;}

.organization_map_group:before {content: '';display: block;width: 100%;height: 1px;position: absolute;top: 50%;left: 0;margin-top: -0.5px;background: #ccc;}

.organization_map_group_category {display: table-cell;width: 312px;vertical-align: middle;position: relative;}

.organization_map_group_category p {display: inline-block;width: 180px;padding: 17px 20px;font-size: 16px;line-height: 1.625;font-weight: 400;text-align: center;color: #fff;background: #ff1282;}

.organization_map_group_content {display: table-cell;width: 888px;vertical-align: middle;position: relative;font-size: 0;line-height: 1;text-align: center;}

.organization_map_item {display: inline-block;width: 144px;height: 144px;margin: 0 21px;position: relative;background: #fff;border: 2px solid #ccc;border-radius: 50%;}

.organization_map_item:first-child {margin-left: 0;}

.organization_map_item:last-child {margin-right: 0;}

.organization_map_item > span {display: table;width: 100%;height: 100%;font-size: 16px;line-height: 1.625;font-weight: 400;text-align: center;color: #000;}

.organization_map_item > span > i {display: table-cell;vertical-align: middle;font-style: normal;}

.organization_map_group_content.second .organization_map_item:first-child {float: left;}

.organization_map_group_content.second .organization_map_item:last-child {float: right;}

/* 보상체계 */

.people_reward {position: relative;}

.reward_list {position: relative;z-index: 2;}

.reward_list > li {position: relative;}

.reward_list > li:nth-child(odd) {float: left;clear: both;}

.reward_list > li:nth-child(even) {float: right;}

.reward_list_img img {max-width: 100%;height: auto;vertical-align: middle;}

.reward_list_content {display: table;width: 288px;height: 288px;padding: 0 20px;position: absolute;border: 3px solid #ddd;text-align: center;z-index: 1;}

.reward_list_content_inner {display: table-cell;vertical-align: middle;}

.reward_list_content b {display: block;padding-bottom: 8px;font-size: 20px;font-weight: 600;line-height: 1.4;color: #222;}

.reward_list_content p {font-size: 16px;line-height: 1.75;color: #666;}

.reward_list > li:nth-child(1) .reward_list_content {top: 115px;right: -239px;}

.reward_list > li:nth-child(2) {margin-top: 155px;}

.reward_list > li:nth-child(2) .reward_list_content {left: 61px;bottom: -237px;}

.reward_list > li:nth-child(3) {margin-top: -75px;}

.reward_list > li:nth-child(3) .reward_list_content {left: 47px;bottom: -239px;}

/* 복리후생 */

.people_benefit {padding-top: 378px;padding-bottom: 120px;position: relative;background: #f5f5f5;}

.people_benefit .wrap {position: relative;z-index: 2;}

.people_benefit_gradient {display: block;width: 100%;height: 600px;position: absolute;top: -150px;left: 0;background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 1%, rgba(245, 245, 245, 1) 53%, rgba(245, 245, 245, 1) 100%);background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 1%, rgba(245, 245, 245, 1) 53%, rgba(245, 245, 245, 1) 100%);}

.people_benefit_pic {position: absolute;right: 0;top: -142px;z-index: 1;}

.people_benefit_pic img {max-width: 100%;height: auto;vertical-align: middle;}

.benefit_list_title {padding-bottom: 29px;text-align: center;}

.benefit_list_title p {display: inline;vertical-align: middle;font-size: 20px;font-weight: 600;letter-spacing: 0.3em;text-align: center;color: #222;}

.benefit_list_title span {display: inline;vertical-align: middle;padding-right: 10px;font-size: 27px;font-weight: 300;color: #aaa;}

.benefit_list_group {margin-bottom: 69px;}

.benefit_list_group:last-child {margin-bottom: 0;}

.benefit_list {margin: -12px;}

.benefit_list > li {float: left;width: 25%;padding: 12px;}

.benefit_list_inner {width: 100%;height: 100%;padding: 33px 18px 45px;text-align: center;}

.benefit_list > li.primary .benefit_list_inner {background: #fafafa;}

.benefit_list > li.secondary .benefit_list_inner {background: #fff;}

.benefit_list_inner img, .benefit_list_inner svg {max-width: 100%;height: 84px;vertical-align: middle;}

.benefit_list_inner figcaption {margin-top: 44px;}

.benefit_list_inner figcaption b {display: block;font-size: 18px;line-height: 1.6;font-weight: 600;color: #222;}

.benefit_list_inner figcaption p {padding-top: 16px;font-size: 16px;line-height: 1.75;color: #666;}

/* **************************************** *
 * 주가정보
 * **************************************** */

/* ICON */

.jtstock_icon {display: inline-block;margin-top: -2px;padding-right: 15px;vertical-align: middle;font-size: 0;}

.jtstock_icon:after {font-family: 'jt-font';font-size: 10px;font-weight: normal;font-style: normal;line-height: 1;}

.jtstock_up .jtstock_icon:after {content: '\e928';color: #ec429a;}

.jtstock_down .jtstock_icon:after {content: '\e929';color: #ff1282;}

.jtstock_steady .jtstock_icon:after {content: '\e949';color: #aaa;}

/* 현재가 */
body div.jtstock ul li{ line-height:normal}}
.jtstock_price_table {display: table;width: 100%; border-top:none}
.jtstock_price_cell {display: block;width: 50%;padding: 32px 0;vertical-align: middle;font-size: 0;border-bottom:none}
.jtstock_price_cell:nth-child(1) {padding-right: 50px; border-right:none; }
.jtstock_horizontal_list > li {display: table;width: 100%; border-bottom: none; }

.jtstock #time {position: absolute;left: 4px;top: -34px;font-size: 10px;z-index: 10;}
.jtstock #time a {font-size: 15px;margin-right: 10px;padding-right: 10px;background: #ffffff;cursor: pointer;border-right: none;color: #555;position: relative;}
.jtstock #time a.active {color: #0089d6;border-bottom: none;}

.jtstock_price {margin-top: -23px;font-family: 'Titillium', 'NotoSansKR', sans-serif;}
.jtstock_price_time {width: 100%;margin-bottom: 20px;text-align: right;}
.jtstock_price_time time {position: relative;font-size: 14px;font-weight: 400;color: #666;}
.jtstock_price_time time:before {display: block;width: 19px;height: 19px;position: absolute;left: -29px;top: 50%;margin-top: -9.5px;font-family: 'jt-font';content: '\e933';font-size: 19px;font-weight: normal;line-height: 1;color: #aaa;}

.jtstock_price_table {display: block;width: 100%;border-top: none;border-bottom: none;}
.jtstock_price_cell {/* display: table-cell; */width: calc(50% - 12px);padding: 0;vertical-align: middle;font-size: 0;border-bottom: 1px solid #ddd;border-top: aliceblue;border-top: 2px solid #000;}
.jtstock_price_cell:nth-child(1) {margin-right: 24px;/* border-right: 1px solid #ddd; */padding: 0;float: left;}
.jtstock_price_cell:nth-child(2) {padding-left: 50px;}
.jtstock_value {display: inline-block;width: calc(100% - 190px);padding-right: 20px;vertical-align: middle;text-align: center;line-height: 1;}
.jtstock_value.jtstock_up {color: #ec429a;}
.jtstock_value.jtstock_down {color: #1c9ad6;}
.jtstock_value.jtstock_steady {color: #aaa;}
.jtstock_value b {display: inline-block;vertical-align: middle;font-size: 70px;font-weight: 200; margin-top: -7px;}
.jtstock_value .jtstock_icon {margin-top: 0;padding-right: 10px;display: none;}
.jtstock_value .jtstock_icon:after {font-size: 20px;}

.jtstock_horizontal_list {display: inline-block;width: 160px;vertical-align: middle;line-height: 1;}
.jtstock_horizontal_list > li {display: table;width: 100%;/* border-bottom: 1px solid #ddd; */}
.jtstock_horizontal_list > li:last-child {border-bottom: none;}
.jtstock_horizontal_list > li > b {display: table-cell;width: 40%;padding: 0;vertical-align: middle;font-size: 16px;font-weight: 600;color: #444;line-height: 16px;}
.jtstock_horizontal_list > li > span {display: table-cell;width: 60%;padding: 0;vertical-align: middle;font-size: 20px;font-weight: 300;text-align: right;color: #666;line-height: 35px;}

.jtstock_vertical_list {text-align: center;}
.jtstock_vertical_list > li {float: left;width: 22.5%;margin-right: 3.33%;}
.jtstock_vertical_list > li:last-child {margin-right: 0;}
.jtstock_vertical_list > li > b {display: block;padding-bottom: 20px;padding-top: 20px;line-height: 34px;font-size: 16px;font-weight: 700;color: #444;border-bottom: 1px solid #ddd;}
.jtstock_vertical_list > li > span {display: block;padding-top: 20px;padding-bottom: 20px;font-size: 20px;font-weight: 300;color: #666;line-height: 35px;}

.jtstock_price_cell:nth-child(2) { padding: 0; float: right;}
.jtstock_price_cell:nth-child(2) .jtstock_vertical_list { display: table; width: 100%;}
.jtstock_price_cell:nth-child(2) ul li {display: table-cell;width: 25%;border-left: 1px solid #ddd;}
.jtstock_price_cell:nth-child(2) ul li:first-child { border-left: none;}
.jtstock #time a:before { position: absolute; width: 1px; height: 10px; background: #ddd; content: ""; top: 50%; right: -1px; transform: translateY(-50%);}
.jtstock #time a:last-child:before {display: none;}
.jtstock_price_table { overflow: hidden;}
.jtstock_horizontal_list > li:first-child b, .jtstock_horizontal_list > li:first-child span {/* border-bottom: 1px solid #ddd; */padding-bottom: 0;}
.jtstock_horizontal_list > li:first-child > span { font-weight: 500;}
.jtstock_down li:first-child > span { color: #1c9ad6; }
.jtstock_up li:first-child > span { color: #ec429a;}

.jtstock_horizontal_list > li:last-child b, .jtstock_horizontal_list > li:last-child span { padding-top: 0;}
.jtstock_horizontal_list > li:first-child { padding-top: 35px; padding-bottom: 5px;}
.jtstock_horizontal_list > li:last-child { padding-bottom: 35px; padding-top: 5px;}

body ul.real_stock_list b.stock_up { color: #ff1282;}
.real_stock_icon.stock_up:after { color: #ff1282;}

html.mobile .jtstock .handle{ display:none}

/* 그래프 */

.jtstock_chart {margin: 90px 0; position:relative;}


/* 테이블 */

.jtstock_table_outer:after {content: '';display: table;clear: both;}

.jtstock_table_column {float: left;width: 49%;}

.jtstock_table_column:first-child {margin-right: 2%;}

.jtstock_table {width: 100%;position: relative;border-top: 2px solid #222;}

.jtstock_table caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}

.jtstock_table th {padding: 17px 30px;position: relative;vertical-align: middle;font-size: 18px;font-weight: 600;color: #222;border-bottom: 2px solid #ddd;}

.jtstock_table th:before {content: '';display: block;width: 1px;height: 17px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: #ddd;}

.jtstock_table th:first-child:before {display: none;}

.jtstock_table td {padding: 19px 30px;vertical-align: middle;font-size: 15px;color: #666;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}

.jtstock_table td:first-child {border-left: none;}

.jtstock_table td b {font-weight: 600;color: #222;}

/*.jtstock_table td span.point_up {color: #ec429a;}*/

/*.jtstock_table td span.point_down {color: var(--color-primary);}*/

.jtstock_info_table td {width: 50%;}

.jtstock_info_table td:first-child {padding: 19px 40px;color: #222;}

.jtstock_info_table td:last-child {text-align: right;}

.jtstock_quantity_table th {text-align: center;}

.jtstock_quantity_table td {width: 33.33%;text-align: right;}

.jtstock_quantity_table tr:last-child td {background: #f5f5f5;}

.jtstock_quantity_table tr:last-child td:nth-child(2) {text-align: center;}

/* 에러 */

.jtstock_error {padding: 140px 0;font-size: 0;line-height: 1;text-align: center;}

.jtstock_error i {display: inline-block;font-size: 0;font-style: normal;}

.jtstock_error i:after {content: '';display: block;font-family: 'jt-font';content: '\e948';font-size: 65px;font-weight: normal;line-height: 1;color: #ff1282;}

.jtstock_error p {padding-top: 28px;padding-left: 0.5em;font-size: 16px;font-weight: 400;line-height: 1.75;letter-spacing: 0.5em;color: #222;}

.jtstock_error p span {color: #ff1282;}

/* **************************************** *
 * 재무정보
 * **************************************** */

.financial_graph_wrap {position: relative;z-index: 1;}

.financial_chart {max-width: 1060px;height: 395px;margin: 0 auto;position: relative;}

.financial_data_wrap {padding-top: 87px;position: relative;}

.financial_data_wrap:before { display: none;}
.page-template-financial .article_first_section_inner > .wrap:before { content: ''; display: block; width: 1109px; height: 976px; position: absolute; right: 0; top: 0; background: url(../img/financial-bg.png) no-repeat right top; background-size: cover;}

.financial_table_unit {padding-bottom: 17px;font-size: 14px;text-align: right;color: #666;}

.financial_table {width: 100%;position: relative;border-top: 2px solid #222;}

.financial_table caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}

.financial_table th {width: 25%;padding: 17px 30px;position: relative;font-size: 18px;font-weight: 600;text-align: center;color: #222;border-bottom: 2px solid #ddd;}

.financial_table th:before {content: '';display: block;width: 1px;height: 17px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: #ddd;}

.financial_table th:first-child:before {display: none;}

.financial_table td {padding: 19px 30px;font-size: 15px;text-align: right;color: #666;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}

.financial_table td:first-child {padding: 19px 40px;text-align: left;color: #222;border-left: none;}

.financial_table tr.financial_total td {color: #222;background: #fafafa;}

.financial_table tr.financial_total td:first-child {text-align: center;font-weight: 600;color: #222;background: #f5f5f5;}

/* **************************************** *
 * 채용문의
 * **************************************** */

/* GLOBAL */

.jt_board_control .jt_form_control {padding-top: 0;}

/* FORM */

.recruit_inquiry_form .jt_agree_check > label {font-size: 0;line-height: 1;vertical-align: middle;}

.recruit_inquiry_form .jt_agree_check > label + label {margin-left: 35px;}

.form_control_wrap {display: inline-block;vertical-align: top;}

.contact_row_name .form_control_wrap {width: 350px;}

.contact_row_pw .form_control_wrap {width: 350px;}

.contact_row_tel .form_control_wrap {width: 119px;}

.contact_row_mail .form_control_wrap {width: 159px;}

.contact_row_title .form_control_wrap {width: 100%;}

.contact_row_message .form_control_wrap {width: 100%;}

.contact_row_file .form_control_wrap {width: 700px;}

/* LIST */

.jt_inquiry_list {border-top: 1px solid #ddd;}

.jt_inquiry_list .jt_newsfeed_title h2 {max-width: -webkit-calc(100% - 105px);max-width: calc(100% - 105px);}

.inquiry_author {display: block;padding-top: 3px;}

.inquiry_author p {font-size: 16px;color: #666;}

.jt_board_control.jt_inquiry_list_control {margin-top: -36px;padding-top: 0;}

/* SINGLE */

.inquirye_single_detail.wrap {margin: 0; }

.inquirye_single_detail .single_view_body {border-bottom: 1px solid #ddd;}

.inquirye_single_detail .single_view_info {margin-bottom: 0;}

.inquirye_single_detail .single_view_content {padding: 0 21px;}

.inquirye_single_detail .single_pagination {border-top: none;}

.inquiry_defult_data {width: 100%;min-height: 67px;margin-bottom: 40px;padding: 20px 21px;font-size: 0;border-bottom: 1px solid #eee;}

.inquiry_defult_data:after {content: '';display: table;clear: both;}

.inquiry_defult_data_left {float: left;}

.inquiry_defult_data_right {float: right;}

.inquiry_defult_data > div > *:first-child {padding-left: 0;}

.inquiry_defult_data > div > *:last-child {padding-right: 0;}

.inquiry_defult_data > div > *:after {content: '';display: block;width: 1px;height: 13px;position: absolute;right: 0;top: 50%;margin-top: -6.5px;background: #d4d4d4;}

.inquiry_defult_data > div > *:last-child:after {display: none;}

.inquiry_defult_data span {display: inline-block;padding: 0 19px;position: relative;vertical-align: top;font-size: 15px;line-height: 1.75;color: #888;}

.inquiry_defult_data span b {display: inline-block;padding-right: 7px;font-weight: 400;color: #000;}

.inquiry_defult_data span a {font-size: 15px;color: #888;}

.inquiry_defult_data span.download b {padding-right: 0;}

.inquiry_content {font-size: 16px;line-height: 2.06;color: #666;}

.inquiry_file_wrap {padding-bottom: 15px;}

.inquiry_file_wrap p {display: inline-block;vertical-align: top;font-size: 16px;font-weight: 400;color: #666;}

.inquiry_file_wrap p > span {padding-left: 30px;position: relative;}

.inquiry_file_wrap p > span:before {content: '';display: block;margin-top: -11px;position: absolute;left: 0;top: 50%;font-family: 'jt-font';content: '\e94c';font-size: 23px;line-height: 1;font-weight: normal;color: #ff1282;}

.inquiry_file_wrap a {display: inline-block;vertical-align: middle;margin-left: 10px;padding: 6px 18px;font-size: 15px;color: #fff;background: #aaa;-webkit-transition: background 300ms;transition: background 300ms;}

.inquiry_file_wrap a:hover {background: #888;}

.jtkb-report-skin .jt_form_control {text-align:center;}

/* **************************************** *
 * 개인정보 취급(처리)방침
 * **************************************** */

.page-template-privacy .main_container {background: #f7f7f7;}

.privacy_intro {margin-bottom: 50px;padding: 32px 38px;background: #fff;border: 1px solid #ddd;}

.privacy_box {margin-bottom: 47px;}

.privacy_box:last-child {margin-bottom: 0;}

.privacy_box_title {display: block;padding-bottom: 18px;margin-bottom: 18px;font-size: 18px;line-height: 1.66;font-weight: 600;color: #222;border-bottom: 1px solid #ddd;}

.privacy_box > *:last-child {margin-bottom: 0;}

.privacy_box p {margin-bottom: 24px;font-size: 16px;line-height: 1.75;color: #666;}

.privacy_box b {display: block;font-size: 16px;line-height: 1.75;font-weight: 600;color: #ff1282;}

.privacy_box li {margin-bottom: 2px;position: relative;font-size: 16px;line-height: 1.75;color: #666;}

.privacy_box li:last-child {margin-bottom: 0;}

.privacy_box > ul > li {padding-left: 14px;margin-bottom: 2px;}

.privacy_box > ul > li:before {content: '';display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 12px;background: #ff1282;border-radius: 50%;}

.privacy_box > ul > li > ul {margin-top: 2px;margin-bottom: 26px;}

.privacy_box > ul > li > ul.clear_margin {margin-bottom: 0;}

.privacy_box > ul > li:last-child > ul {margin-bottom: 0;}

.privacy_box > ul > li > ul > li {padding-left: 10px;}

.privacy_box > ul > li > ul > li:before {content: '-';position: absolute;left: 0;top: -1px;}

/* **************************************** *
 * 사이트맵
 * **************************************** */

.page-template-sitemap .main_container {padding-bottom: 100px;background: #f7f7f7;}

/* **************************************** *
 * COMING SOON
 * **************************************** */

.incoming_popup {width: 600px;height: 368px;margin: 0 auto;padding: 12px;position: relative;text-align: center;background: url(../img/popup-bg.jpg) no-repeat center center;background-size: cover;}

.incoming_popup_inner {width: 100%;height: 100%;padding: 0 20px;position: relative;background: url(../img/popup-inner.png) no-repeat center center;background-size: cover;}

.incoming_popup_inner:after {content: '';display: block;width: 113px;height: 20px;position: absolute;right: 30px;bottom: 30px;background: url(../img/popup-logo.png) no-repeat center center;}

.incoming_popup_content {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.incoming_popup_content b {display: block;font-size: 51px;line-height: 1.25;font-weight: 200;color: #222;}

.incoming_popup_content p {padding-top: 10px;font-size: 16px;line-height: 1.75;}

.incoming_popup_close {width: 24px;height: 24px;position: absolute;right: 42px;top: 42px;cursor: pointer;}

.incoming_popup_close span {display: block;width: 100%;height: 100%;position: relative;font-size: 0;}

.incoming_popup_close span:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e944';font-size: 24px;line-height: 1;font-weight: normal;text-align: center;color: #000;}

/* **************************************** *
 * 게시물 템플릿
 * **************************************** */

/* 공지사항 */

.jt_posting_template {max-width: 800px;margin: 0 auto;}

.single_view_content .jt_posting_template ul li {padding-left: 0;}

.single_view_content .jt_posting_template ul li:before {display: none;}

.single_view_content .jt_posting_template p {margin-bottom: 0;line-height: 1.75;}

.single_view_content .jt_posting_template p:empty {display: none;}

.single_view_content .jt_posting_template img {margin: 0;}

.jt_posting_header {padding-bottom: 9px;text-align: center;}

.single_view_content .jt_posting_header b {display: block;margin-bottom: 15px;font-size: 30px;font-weight: 600;color: #222;}

.single_view_content .jt_posting_header p {letter-spacing: -0.025em;}

.single_view_content .jt_posting_content b {display: block;margin-bottom: 7px;font-size:20px;line-height: 1.6;font-weight: 600;letter-spacing: -0.025em;color: #222;}

.single_view_content .jt_posting_content ul li {border-bottom: 2px solid #ddd;padding: 28px 0;}

.single_view_content .jt_posting_content ul li:last-child {border-bottom: none;}

.jt_posting_list_inset {padding: 0 18px;}

.single_view_content .jt_posting_content .jt_posting_list_inset p {position: relative;padding-left: 17px;}

.single_view_content .jt_posting_content .jt_posting_list_inset p:before {content: '';display: block;width: 4px;height: 4px;position: absolute;left: 5px;top: 12px;background: #222;border-radius: 50%;}

.jt_posting_list_inset .jt_posting_table {padding: 13px 0;}

.jt_posting_list_inset table {width: 100%;border-top: 2px solid #222;table-layout: fixed;}

.jt_posting_list_inset th {padding: 17px 10px;position: relative;font-size: 16px;line-height: 1.6;font-weight: 600;color: #222;text-align: center;vertical-align: middle;border-bottom: 2px solid #ddd;}

.jt_posting_list_inset th:before {content: '';display: block;width: 1px;height: 17px;position: absolute;left: 0;top: 50%;margin-top: -8.5px;background: #ddd;}

.jt_posting_list_inset th:first-child:before {display: none;}

.jt_posting_list_inset th.name {width: 16%;}

.jt_posting_list_inset th.birth {width: 19%;}

.jt_posting_list_inset th.history {width: 31%;}

.jt_posting_list_inset th.people {width: 15%;}

.jt_posting_list_inset th.memo {width: 19%;}

.jt_posting_list_inset td {padding: 17px 10px;font-size: 15px;line-height: 1.75;color: #666;text-align: center;vertical-align: middle;border: solid #ddd;border-width: 0 0 1px 1px;}

.jt_posting_list_inset td:first-child {border-left: none;}

.jt_posting_logo {margin-top: 35px;}

.single_view_content .jt_posting_logo img {margin: 0 auto;}

/* 채용공고 */

.career_info > li {margin-bottom: 42px;}

.career_info > li:last-child {margin-bottom: 0;}

.career_info li > b {display: block;padding-bottom: 24px;font-size: 20px;font-weight: 600;line-height: 1.6;color: #222;border-bottom: 2px solid #222;}

.career_info li > b + br {display: none;}

.career_info table {width: 100%;table-layout: fixed;}

.career_info th {width: 40%;padding: 18px 20px 18px 0;vertical-align: top;font-size: 16px;font-weight: 600;line-height: 1.75;color: #ff1282;border-bottom: 1px solid #ddd;}

.career_info td {width: 60%;padding: 18px 0;vertical-align: top;font-size: 16px;font-weight: 400;line-height: 1.75;color: #666;border-bottom: 1px solid #ddd;}

.career_info td b {display: block;font-weight: 600;color: #222;}

.career_info td ul {margin-bottom: 14px;}

.career_info td ul:last-child {margin-bottom: 0;}

.career_info td em {font-weight: 600;color: #222;}

.career_info td u {text-decoration: none;font-weight: 600;}

.single_view_content .career_info td ul li {padding-left: 17px;line-height: 1.75;}

.single_view_content .career_info td ul li:before {content: '';display: block;width: 4px;height: 4px;position: absolute;left: 3px;top: 12px;background: #222;border-radius: 50%;}

.single_view_content ul.career_info li > p {padding-top: 17px;}