/* ========================================
   금호석유화학 공통 CSS - conTitSub 영역
   세 사이트(한국어/영어/중국어) 통합 관리 - 
   ======================================== */

   
/* ========================================
   conTitSub 관련 스타일
   ======================================== */
#content.sub .conTitSub{margin:60px 0 0; position:relative;}

/* ========================================
   공통 이미지 + 자막 컴포넌트 (5개 이미지용)
   ======================================== */
.cmm_titleImgText {
    position: relative;
    margin: 20px 0;
}

.cmm_titleImgText.bg01 {
    background: url('/resources/common/title/title_environment_course.png') no-repeat center center;
    background-size: 100% 300px;
    min-height: 300px;
}

.cmm_titleImgText.bg02 {
    background: url('/resources/common/title/title_environment_impact.png') no-repeat center center;
    background-size: 100% 300px;
    min-height: 300px;
}

.cmm_titleImgText.bg03 {
    background: url('/resources/common/title/title_ethicalManagement_intro.png') no-repeat center center;
    background-size: 100% 300px;
    min-height: 300px;
}

.cmm_titleImgText.bg04 {
    background: url('/resources/common/title/title_winwin_partnershipAgreement.png') no-repeat center center;
    background-size: 100% 300px;
    min-height: 300px;
}

/* 이미지 위 자막 스타일 - conTitSub_txt와 동일 */
.cmm_titleImgText .cmm_conTitSub_txt {
    float: left;
    width: 100%;
    margin: 150px 0 0;
}

.cmm_titleImgText .cmm_conTitSub_txt p {
    float: right;
    width: 350px;
    padding: 8px 0 0 0;
    margin-right: 40px;
    border-top: 3px solid #000;
    color: #000;
    font-size: 19px;
    line-height: 30px;
    letter-spacing: -0.5px;
}

.cmm_titleImgText .cmm_conTitSub_txt p span {
    font-family: "Arial", dotum, Helvetica, AppleGothic, sans-serif !important;
}

/* 흰색 글꼴 옵션 (반전) */
.cmm_titleImgText .cmm_conTitSub_txt.rev p {
    color: #fff;
    border-top: 3px solid #fff;
}

.cmm_titleImgText .cmm_conTitSub_txt.rev p span {
    font-family: "Arial", dotum, Helvetica, AppleGothic, sans-serif !important;
}