@charset "utf-8";
/*
 * File       : china.css
 * Author     : STUDIO-JT (NICO,JDY)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) FONT
 * 02) SUB
 */


/* **************************************** *
 * FONT
 * **************************************** */
body.lang_cn { font-family: 'STXiHei', 'Microsoft Yahei', 'ST Heiti', 'MS Hei', sans-serif; }
body.lang_cn [lang="en"] { font-family: 'Roboto', 'STXiHei', 'Microsoft Yahei', 'ST Heiti', 'MS Hei', sans-serif; }
body.lang_cn ::-webkit-input-placeholder {font-family: 'STXiHei', 'Microsoft Yahei', 'ST Heiti', 'MS Hei', sans-serif;}
body.lang_cn ::-moz-placeholder {font-family: 'STXiHei', 'Microsoft Yahei', 'ST Heiti', 'MS Hei', sans-serif;}
body.lang_cn :-ms-input-placeholder {font-family: 'STXiHei', 'Microsoft Yahei', 'ST Heiti', 'MS Hei', sans-serif;}



/* **************************************** *
 * GLOBAL
 * **************************************** */
body.lang_cn br.br_mobile_cn {display:none;}
body.lang_cn span.itshanbul_txt {white-space:nowrap;display: inline-block;}
body.lang_cn span.cn_indent_dec {margin-left:-9px;}



/* **************************************** *
 * MAIN
 * **************************************** */
body.lang_cn .main_visual_intro_txt{width: 19.1vw;} 
body.lang_cn .main_visual_intro_txt li.main_visual_intro_txt_01 {left: -7vw;}
body.lang_cn .main_visual_intro_txt li.main_visual_intro_txt_02 {left:0.5vw;}

body.lang_cn .main_recruit .main_section_body{max-width: 910px; margin: auto;}
body.lang_cn .main_recruit_item{width:50%}

body.lang_cn .main_recruit .main_section_title{ z-index:0} 
body.lang_cn.home.fp-viewing-4 #fp-nav { opacity: 0; -webkit-transition-delay: 0ms; transition-delay: 0ms; } /* hide nav footer section */



/* **************************************** *
 * SUB
 * **************************************** */
/* 잇츠한불 소개 */
body.lang_cn #fp-nav ul li .fp-tooltip span {font-family: 'Malgun Gothic',sans-serif;}

/* 잇츠한불의 역사 */
body.lang_cn .history_quick_look_content_inner > li {word-break: normal;}
body.lang_cn .history_small_screen_nav_btn span {margin-top:0;}
body.lang_cn .section_company_history_swiper_nav a b {font-size:17px;}
body.lang_cn .section_company_history_section_items .company_history_slide_inner p {font-size:14px;}
body.lang_cn .company_history_line {top:10px;}
body.lang_cn .company_history_line_01 {left:215px;}
body.lang_cn .company_history_line_03 {left:170px;}
body.lang_cn .history_quick_look_title p {word-break:normal;}

/* 패밀리 컴퍼니 */


/* CEO 인사말 */
body.lang_cn .section_company_ceo_sign span {font-family: 'Roboto', 'NotoSansKR', sans-serif;}

/* 사회공헌 */
body.lang_cn .sub_fullscreen .sub_fullscreen_contribution_section_02 h2 {text-indent: 12px; margin-left: -12px;}

/* 윤리경영 */
body.lang_cn .section_company_ethics_02 ul li:before {top:9px;}

/* 글로벌네트워크 */
body.lang_cn .section_company_network_retail_item_content p {font-family: 'Roboto', 'NotoSansKR', sans-serif;}

/* 이네이쳐 */
body.lang_cn .article_brand .section_brand_enature_step_03 p {margin-left: -8px;text-indent: 8px;}

/* 리얼베리어 */
body.lang_cn .section_brand_real_barrier_03 p {padding-top:3px;}
body.lang_cn .section_brand_real_barrier_03_inner p {padding-top:18px;}

/* 더마비 */
body.lang_cn .dermab_formula {margin-left:-8px;}

/* 색상 ODM */
.page-template-research-hue-odm .article_type_02 .section_research_hue_01 p {text-indent: -9px;}

/* 공시정보 */
body.lang_cn .sub_investors_notice .jt_news_list_row h3 {font-family: 'NotoSansKR', sans-serif;}

/* 주요공고 */
body.lang_cn .jt_news_list_row h3 {font-family: 'NotoSansKR', sans-serif;}
body.lang_cn.single-announcements #menu > li.menu-item-6762 > a,
body.lang_cn.single-announcements #menu > li > ul > li.menu-item-6767 > a {color: #88132e;} 
body.lang_cn.single-announcements #menu > li > ul > li.menu-item-6767 > a span:after {color: #88132e; border-color:#88132e;} 

/* 주요공고 - Single */
body.lang_cn .single_title,
body.lang_cn .single_meta > span,
body.lang_cn .single-announcements .single_header_fixed_notice .single_title span:before,
body.lang_cn .single_wrap, 
body.lang_cn .single_content h1, 
body.lang_cn .single_content h2, 
body.lang_cn .single_content h3, 
body.lang_cn .single_content h4, 
body.lang_cn .single_content h5, 
body.lang_cn .single_content h6, 
body.lang_cn .single_content p, 
body.lang_cn .single_content ul:not(.jt_gallery),
body.lang_cn.single-announcements .jt_grid_list_title,
body.lang_cn.single-announcements .jt_grid_list_desc {font-family: 'Malgun Gothic','NotoSansKR', sans-serif;}

/* IR 자료실 */
body.lang_cn .investors_ir_list li > p {font-family: 'Roboto', 'NotoSansKR', sans-serif;}

/* 주가정보 */
body.lang_cn .jtstock_horizontal_list > li > b {width:50%;}
body.lang_cn .jtstock_horizontal_list > li > span {width:50%;}
body.lang_cn .jtstock_vertical_list > li > span { line-height: 42px;}
body.lang_cn .jtstock_horizontal_list > li > b {line-height: 21px;}

/* 재무정보 */
body.lang_cn .financial_graph_unit {text-indent: -9px;}

/* 주요공고 */
body.lang_cn.single-announcements .small_menu .menu-item-6762 > a > span {position: relative;color: #88132e;}
body.lang_cn.single-announcements .small_menu .menu-item-6762 > a > span:before {content:"";background: #88132e;width: 5px;height: 5px;top: -11px;left: 2px;position: absolute;border-radius: 50%;}
body.lang_cn.single-announcements .small_menu .menu-item-6762 .menu-item-6767 > a {color: #88132e;}
body.lang_cn.single-announcements .small_menu .menu-item-6762 .menu-item-6767 > a span:after {color: #88132e; border-color: #88132e;}

/* 보유연구기술 - Single*/
body.lang_cn .single_title {word-break: normal;}
body.lang_cn.single-technique #menu > li.menu-item-6756 > a,
body.lang_cn.single-technique #menu > li > ul > li.menu-item-6758 > a {color: #88132e;} 

body.lang_cn.single-technique .small_menu .menu-item-6756 > a {color: #88132e;}
body.lang_cn.single-technique .small_menu .menu-item-6756 > a > span {position: relative;}
body.lang_cn.single-technique .small_menu .menu-item-6756 > a > span:before, 
body.lang_cn.single-technique .small_menu .menu-item-6756 > a > span:before {content:"";background: #88132e;width: 5px;height: 5px;top: -11px;left: 2px;position: absolute;border-radius: 50%;}
body.lang_cn.single-technique .small_menu .menu-item-6756 .menu-item-6758 > a {color: #88132e;}

/* 채용정보 */
body.lang_cn .section_career_info_02 p {word-break: normal;}
body.lang_cn.page-template-career-info span.cn_indent_dec {margin-left:0; margin-right: -8px;}

/* 잇츠한불 인 */
body.lang_cn #menu > li > ul > li.menu-item-6772 > a span {word-break:keep-all;}
body.lang_cn .career_people_item b {font-family: 'Roboto', 'NotoSansKR', sans-serif;}
body.lang_cn .single_people_interview p {word-break:normal;}

/* Site Map */
body.lang_cn .site_map_content > li > ul > li > a {padding-bottom: 14px;font-size: 15px;}
body.lang_cn .site_map_content > li > ul > li > a:before {top:9px;}



/* **************************************** *
 * MEDIA QUERY
 * **************************************** */
@media (max-width: 1880px) {
	
    /* main intro */
    body.lang_cn .main_visual_intro_txt li.main_visual_intro_txt_01 {left: -5.3vw;}
    body.lang_cn .main_visual_intro_txt li.main_visual_intro_txt_02 {left:0;width:360px;}
	
}



@media (max-width: 1754px) {
	
    /* 더마비 */
    body.lang_cn .dermab_formula {margin-left:0;}
	
}



@media (max-width: 1460px) {
	
	/* 이네이쳐 */
    body.lang_cn .article_brand .section_brand_enature_step_03 p {margin-left: 0;text-indent: 0;}	
	
}



@media (max-width: 1440px) {
    
	/* main intro */
    body.lang_cn .main_visual_intro_txt li.main_visual_intro_txt_01 {left:-12vw;}
    body.lang_cn .main_visual_intro_txt li.main_visual_intro_txt_02 {left:-2.5vw;}
	
}



@media (max-width: 1280px) {
	
    /* 잇츠한불의 역사 */
	body.lang_cn .section_company_history_swiper_container p {word-break:normal;}
	
	/* 채용정보 */
	body.lang_cn .section_career_info_05 .career_benefits_list p {word-break:normal;}
	
}



@media (max-width: 1280px) {
    
	/* main intro */
    body.lang_cn .main_visual_intro_txt li.main_visual_intro_txt_01 {left:-15vw;}
    body.lang_cn .main_visual_intro_txt li.main_visual_intro_txt_02 {left:-4.5vw;}
	
	/* 패밀리컴퍼니 */
	body.lang_cn .family_company_content {padding-right:2%;}
	
}



@media (max-width: 1023px) {
    
	/* main intro */
    body.lang_cn .main_visual_intro_txt li.main_visual_intro_txt_01 {left: -18vw;width:340px;}
    body.lang_cn .main_visual_intro_txt li.main_visual_intro_txt_02 {left:-7vw;}
	
	/* ICS */
	body.lang_cn .section_brand_ics_02_txt_inner .cn_indent_dec {margin-left:0;}
	body.lang_cn .section_brand_ics_02 p br {display: none;}
	
}



@media (max-width:900px) {
    
	/* 색조 ODM */
    body.lang_cn .research_hue_history_content li p {word-break:normal;padding:0 10px}
    body.lang_cn .research_hue_history_content li p br {display: none;}

}



@media (max-width: 768px) {
    
	/* main */
	body.lang_cn #main_fullpage p {word-break: normal;}
	
	/* main intro */
    body.lang_cn .main_visual_intro_txt li.main_visual_intro_txt_01 {width:200px;left:0vw;}
    body.lang_cn .main_visual_intro_txt li.main_visual_intro_txt_02 {width:200px;left:11.2vw;}
	
	/* 잇츠한불 소개 */
	body.lang_cn .sub_fullscreen_section_inner_content p {word-break:normal;}
	
	/* 패밀리 컴퍼니 */
	body.lang_cn .family_current td {word-break: normal;}
	body.lang_cn .family_company_content p {word-break: normal;}
	
	/* CEO 인사말 */
	body.lang_cn .section_company_ceo_sign b {font-size: 20px;}
	
	/* 리얼베리어 */
	body.lang_cn .section_brand_real_barrier_03_inner p {padding-top:8px;} 
	
	/* 색조 ODM */
	body.lang_cn .hue_quality_policy_small_circle p br {display: block;}
	
}



@media (max-width: 640px) {
	
	/* 색조 ODM */
    body.lang_cn .hue_quality_policy_bic_circle_mobile li p {word-break: normal;}	
	
}



@media (max-width: 540px) {
	/* Global */
	body.lang_cn br.br_mobile_cn {display:block;}
	body.lang_cn .article_type_02 .wrap > h3 {word-break:normal;}
	
	/* 잇츠한불 소개 */
	body.lang_cn .sub_fullscreen h2  {word-break:normal;}
	
	/* 잇츠한불의 역사 */
	body.lang_cn .history_quick_look_title p {word-break:normal;}
	body.lang_cn .history_quick_look_content_inner > li:before {top:10px;}
	
	/* 패밀리컴퍼니 */
	body.lang_cn .family_company_content b {word-break:normal;}
	
	/* CEO인사말 */
	body.lang_cn .section_company_ceo_sign b {padding-left:0;}
	
	/* 윤리경영 */
	body.lang_cn .company_ethics_important_info {word-break: normal;}
	
	/* 사회공헌 */
    body.lang_cn.page-template-company-contribution.fp-viewing-1 .sub_fullscreen h2 {text-indent: 0; margin-left: 0;}
	
	/* BRAND */
	body.lang_cn .brand_body_header h2 {word-break: normal;}
	
	/* 플라멜엠디 */
	body.lang_cn .flamel_stap3_content > p,
	body.lang_cn .flamel_stap3_stage > p {word-break: normal;}
	
	/* 이네이쳐 */
	body.lang_cn .enature_brand_body_header_img figure img {padding: 5% 5.3% 5.5% 9%;}
	
	/* 미드림센터 */
	body.lang_cn .research_report h3 {word-break:normal;}
	
	/* 색조 ODM */
	body.lang_cn .research_hue_history_content li p {padding:0}
	
	/* 주요공고 */
	body.lang_cn .jt_news_list_tag {padding: 2px 8px 2px 8px;}
	body.lang_cn.page-template-investors-announcements .article_type_03 .article_title {margin-bottom: 5px;}
	body.lang_cn.page-template-investors-announcements .lang_not_available {padding-bottom: 25px;}
	
	/* 공시정보 */
	body.lang_cn.page-template-investors-notice .article_type_03 .article_title {margin-bottom: 5px;}
	body.lang_cn.page-template-investors-notice .lang_not_available {padding-bottom: 25px;}
	
	/* 채용정보 */
	body.lang_cn .section_career_info_01 p {word-break:normal;padding: 0 9%;}
	body.lang_cn .section_career_info_01 p br {display: none;}
	body.lang_cn .article_type_02 .section_career_info_03 p br {display:block;}
	body.lang_cn.page-template-career-info span.cn_indent_dec {margin-right: 0;}
	
	/* 잇츠한불인 */
	body.lang_cn .single_people_interview h2 {word-break:normal;}
	
	/* 잇츠한불인 - Single*/
	body.lang_cn .single_people_meta_desc {word-break:normal;}
	body.lang_cn .single_people_title .single_people_name { white-space:nowrap;}
	
	/* Site Map */
	body.lang_cn .site_map_content > li > ul > li > a {font-size: 14px;}
	body.lang_cn .site_map_content > li > ul > li > a:before {top: 8px;}
	
}



@media (max-width: 480px) {
	/* MAIN */
	body.lang_cn .main_recruit_item {width:100%;}
	
	/* 거버넌스 */
    body.lang_cn .governance_datatable th:nth-child(3),
	body.lang_cn .governance_datatable th:nth-child(4),
	body.lang_cn .governance_datatable th:nth-child(5) {padding-left:0;padding-right:0;}
	
}



@media (max-height: 550px) {
	
   /* GNB */
   body.lang_cn .small_menu .sub-menu li a {padding: 8px 40px;}	
	
}