@charset "utf-8";

/*
*************************************
  날짜       작성자
  2024-03-08 이다혜 회사소개 - 기업정보 수정
**************************************
*/
.company_wrap {
    width: 100%;
    color: #000;
    position: relative;
}

.company_wrap .company_back_img {
    position: relative;
    width: 100%;
    height: auto;
    padding: 127px 0;
    background: url('../images/bg04.jpg') no-repeat center / cover;
    background-color: rgba(255, 255, 255, 0.5);
}

.company_wrap .company_back_img::before {
    display: block;
    content: "";
    width: 100%;
    background-color: rgb(0 0 0 / 65%);
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.company_wrap .contents h4 {
    color: #fff;
    font-size: 3rem;
    font-family: 'GmarketSansBold';
    line-height: 1.4;
}

.company_wrap .inner {
    position: relative;
    z-index: 2;
}


/* 기업정보 */
.com_info_wrap {
    position: relative;
    width: 100%;
    padding: 20px 0;
}

.com_info_wrap .company_overview {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.com_info_wrap .company_overview li {
    background-color: rgb(2 39 122 / 35%);
    border-top: 1px solid #d6d9e3;
    border-left: 1px solid #d6d9e3;
    border-bottom: 1px solid #d6d9e3;
    transition: all 0.3s;
}

.com_info_wrap .company_overview li:last-child {
    border-right: 1px solid #d6d9e3;
}

/* 각 너비, 조정 */
.com_info_wrap .company_overview li {
    width: 20%;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
}

/* 각 콘텐츠 박스안 정의*/
.com_info_wrap .company_overview li .com_txt_box {
    color: #fff;
    margin-top: 50px;
    flex-basis: 40%;
    padding: 0 16px;
}

.com_info_wrap .company_overview li .com_txt_box p {
    font-size: 32px;
    line-height: 1.4;
    text-align: center;
}

.com_info_wrap .company_overview li .com_txt_box span {
    display: block;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
}

.com_info_wrap .company_overview li .com_txt_box span.dib {
    font-size: 12px;
}

/* 각 아이콘 */
.company_overview li div.icn {
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto !important;
    transition: all 0.3s;
}

/*회사 설립*/
.company_overview li div.icon23 {
    background-image: url(../img/contents/co_icon23.png) !important;
}

/*사업내용*/
.company_overview li div.icon24 {
    background-image: url(../img/contents/co_icon24.png) !important;
}

/*종업원수*/
.company_overview li div.icon25 {
    background-image: url(../img/contents/co_icon25.png) !important;
}

/*매출액*/
.company_overview li div.icon26 {
    background-image: url(../img/contents/co_icon26.png) !important;
}

/*본사소재지*/
.company_overview li div.icon27 {
    background-image: url(../img/contents/co_icon27.png) !important;
}




/************************************/
/* 회사소개 - CI  ********************/
/* 2024-03-06 이다혜 수정 */
/************************************/

/* ci */
.con_ci {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    background: none !important;
    border: 0;
}

.con_ci .ci_wrap {}

.con_ci .ci_bg {
    border: 2px solid #d6d9e3;
    background: url('../img/contents/ci_pattern_bg.png') repeat center center !important;
    text-align: Center;
    padding: 30px;
}

.con_ci img {
    max-height: 90px;
    max-width: 96%;
}

/* ci - 다운로드 영역 */
.ci_down a {
    display: block;
    margin: 20px auto 0 auto;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    color: #a28669;
    text-align: Center;
    border: 1px solid #999;
    border-radius: 50px;
    transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
}

.ci_down a i {
    float: right;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    margin-right: 15px;
}

.ci_down a:hover {
    opacity: 0.8;
    transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
}

/* ci  기업정보 */
.con_ci_01 li {
    float: left;
    width: calc(15% - 2px);
    margin-left: 2%;
    text-align: Center;
}

.con_ci_01 li:first-child {
    margin-left: 0px;
}

.con_ci_01 li h4 {
    font-weight: 900;
    color: #a28669;
    border: 1px solid #d6d9e3;
    background-color: #f8f9fb;
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: Center;
    border-radius: 50px;
    margin: 0 auto 0.5em auto;
}

.con_ci_01 li p span {
    display: block;
    font-size: 0.9em;
    opacity: 0.7;
}

/* ci - ci의 의미 */
.con_ci_02 {
    margin-top: 1em;
}

.con_ci_02 li {
    float: left;
    width: 50%;
    padding: 0;
}

.con_ci_02 li:first-child h4 {
    background-color: #093e7a;
}

.con_ci_02 li:last-child h4 {
    background-color: #b50b1a;
}

.con_ci_02 li h4 {
    float: left;
    display: block;
    font-weight: 900;
    color: #fff;
    font-size: 1.6em;
    text-align: Center;
    width: 170px;
    padding: 10px 0;
    border-radius: 50px;
}

.con_ci_02 li p {
    float: left;
    letter-spacing: -0.01em;
    min-height: 80px;
    width: calc(100% - 210px);
    padding: 0 20px;
}

/* ci  - 컬러의 의미 */
/* float 클리어 추가 24-03-06*/
.con_ci_03::before {
    display: block;
    content: "";
    clear: both;
}

.con_ci_03 li {
    position: relative;
    float: left;
    width: calc(25% - 45px);
    padding: 0px 0px 0px 40px;
    font-weight: 300;
    border-radius: 50px;
    text-align: left;
}

.con_ci_03 li:first-child {
    margin-left: 0px;
}

.con_ci_03 li h4 span {
    display: inline-block;
    margin-top: 10px;
    font-weight: 300;
    font-size: 19px;
}

.con_ci_03 li:before {
    position: Absolute;
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    top: 50%;
    margin-top: -10px;
    left: 0px;
}

.con_ci_03 li.blue:before {
    background-color: #093e7a;
}

.con_ci_03 li.yellow:before {
    background-color: #feca04;
}

.con_ci_03 li.red:before {
    background-color: #c21b25;
}

.con_ci_03 li.black:before {
    background-color: #262626;
}

.con_ci_03>div {
    display: inline-block;
    font-family: 'Noto Sans KR';
    color: #6a6a6a;
    font-weight: 300;
    padding-top: 10px;
    font-size: 19px;
}



/* ci - 더블유씨피의 구성원 */
.con_ci_04 {
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.con_ci_04 .scope_logo {
    flex-basis: 280px;
    flex-shrink: 0
}

/** W의 뜻*/
.con_ci_04 .con_symbol_info {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    flex-direction: column;
}

.con_ci_04 .con_symbol_info .symbol_txt span {
    font-size: 19px;
}

/** w심볼 */
.con_ci_woori {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.con_ci_woori li {
    text-align: center;
    flex-grow: 0;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    box-shadow: 0px 3px 8px 0px rgba(9, 62, 122, 0.2);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.con_ci_woori li h4 {
    font-size: 22px;
    line-height: 1;
    font-family: 'Noto Sans KR';
    font-weight: 500;
    color: #6a6a6a;
}

.con_ci_woori li h4 img {
    width: 44px;
    height: auto;
}

.con_ci_woori li h4 span {
    color: #093e7a;
}

.con_ci_woori li p {
    font-size: 17px;
    font-weight: 500;
    font-family: 'GmarketSansBold';
    margin-top: 8px;
}

.con_ci_woori li p span {
    font-size: 17px;
    line-height: 1;
    font-family: 'GmarketSansMedium';
    color: #6a6a6a;
}

/*일어, 중국어 간격 조정*/
.con_ci_woori li:nth-child(3) p,
.con_ci_woori li:nth-child(4) p {
    margin-top: 6px;
}

.con_ci_cir {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-basis: 70%;
}

/* 첫번째 심볼 제어 */
.con_ci_woori>li:first-child {
    box-shadow: none;
    border: 1px solid #093e7a;
}

/* scope 설명 */
.scope_txt {
    padding: 16px 20px;
    background: #fcfcfc;
    border: 1px solid #e9e9e9;
    border-radius: 16px;
    font-family: 'Noto Sans KR';
    color: #6a6a6a;
    font-size: 19px;
}

.scope_txt strong {
    color: #333;
    ;
}



/*
*************************************
  날짜       작성자
  2024-02-21 이다혜 CEO 인사 신규 생성
  2024-03-08 이다혜 이미지, 텍스트 위치 수정
**************************************
*/
.ceo_con_01 {
    position: relative;
    overflow: hidden;
}

.ceo_con_01 .inner {
    position: relative;
    z-index: 3;
    flex-direction: row-reverse;
}

.ceo_con_01 .title-wrap {
    width: 59%;
    margin-right: 1%;
    position: relative;
    z-index: 3;
}

.ceo_con_01 .title-wrap h4 {
    font-family: 'GmarketSansBold';
    font-size: 3.94em;
    line-height: 1;
    text-indent: -8%;
    color: rgba(0, 0, 0, 0.05);
    transition: all 0.3s;
}

.ceo_con_01 .title-wrap .title {
    font-family: 'GmarketSansMedium';
    font-size: 32px;
    color: #474747;
    line-height: 1.5em;
    margin-top: 2em;
    padding-left: 0;
    transition: all 0.3s
}

.ceo_con_01 .title-wrap .title span.black {
    color: #000;
    font-weight: 600;
}

.ceo_con_01 .title-wrap .title span.blue {
    color: #093e7a;
    font-weight: 600;
}

.ceo_con_01 .title-wrap .title span {
    color: #a92d31;
    font-weight: 600;
}

/* CEO 이미지 */
.ceo_img_wrap {
    width: 40%;
    margin-bottom: 130px;
}

/* CEO 인사 말 */
.ceo_intro {
    margin-top: 40px;
}

.ceo_intro .ceo_txt {
    font-size: 19px;
    line-height: 1.2;
    color: #444;
}

.ceo_intro .ceo-sign {
    text-align: right;
    font-size: 18px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    margin: 30px 0 0 0;
}

.ceo_intro .ceo-sign img {
    margin-left: 20px;
}




/*
*************************************
  날짜       작성자
  2024-02-21 이다혜   경영이념 최초 생성
  2024-03-20 이다혜   수정
**************************************
*/
.management_con_01 { width: 100%; font-family: 'GmarketSansMedium'; padding-top: 20px;}
.management-con-warp {width: 100%; position: relative;}
.management-philosophy {display:flex;justify-content: space-between;align-items: center; margin-bottom: 20px;}

/* 써클 색상 제어 */
.cir_bg_wrap {background-color: rgba(2,39,122,0.2); width: 180px; height: 120px; border-radius: 60px; display:flex; flex-direction: row; flex-wrap:nowrap; justify-content: center; align-items: center;}
.cir_bg_wrap p {font-size: 19px; color: #fff; line-height: 1.2; width: calc(100% - 20px); height: calc(100% - 20px); border-radius: 60px; display:flex;justify-content: center;align-items: center;text-align: center;}
.cir_bg_01 {background-color: #02277a;}
.cir_bg_02 {background-color: #2b4681;}
.cir_bg_03 {background-color: #3f76c1;}
.cir_bg_04 {background-color: #95b4eb;}
.cir_bg_05 {background-color: #3171c8;}

/* 콘텐츠 사이 line */
.border_line {width: 72px; height: 10px; border-bottom: 4px dotted #ddd; margin: 0 22px}


/* 오른쪽 콘텐츠 영역 공통 제어 */
.management-con-warp>div:first-child .right_content_box {border-radius: 16px 16px 0 0;}
.management-con-warp>div:last-child .right_content_box {border-radius: 0 0 16px 16px;}
.right_content_box {width: 80%;height: 110px; display:flex;justify-content: center;align-items: center;padding:10px 0;}
.right_content_box p{text-align: center;color: #fff;}
.right_content_box span{color: #fff;}


/* 미션 비전 */
.content_01 {padding: 10px 0;}
.content_01 p{font-size: 32px;font-family: 'GmarketSansBold'; line-height: 1.3;}
.content_01 p span{font-family: 'GmarketSansMedium';}

/* 이해 관계, 경영방침 */
.content_02.type2 {display:flex; flex-direction: row;flex-wrap:nowrap;justify-content: space-around;align-items: center; }
.content_02.type2 li {text-align: center}
.content_02.type2 li p {height: 54px;width: auto;display:flex;justify-content: center; padding-bottom: 20px;}
.content_02.type2 li p img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);}
.content_02.type2 li span {font-size: 20px; font-family: 'GmarketSansBold'; line-height: 1; color: #fff;}
.content_02.cir_bg_03 li:nth-child(2) {margin: 0 110px;}

/* 조직문화 */
.content_04.type4 {flex-direction: row}
.content_04 p {display: flex;align-items: baseline; font-size: 50px;font-family: 'GmarketSansBold';margin-top:17px;}
.content_04 span { color: #000; line-height: 1; padding: 0;color: #fff;}
.content_04 span.manage_h2{font-size: 70px;}
.content_04 span.management-sTxt {font-size: 22px;font-family: 'GmarketSansMedium'; margin: 0 0 0 10px;}

/* 핵심가치  */
.content_02.type5 {display:flex; flex-direction: row;flex-wrap:nowrap;justify-content: space-evenly;align-items: center; }
.content_02.type5 li {display:flex;flex-direction: column;flex-wrap:nowrap;align-items: center;justify-content: center;text-align: center; color: #555;}
.content_02.type5 li p {padding: 0;font-size: 20px;}
.content_02.type5 li p span {font-size: 28px;font-family: 'GmarketSansBold';}



/* 리스트 영역 시작 ***********************/
.management_con_02 {width: 100%; margin: 150px 0 100px 0;}
    .gubun_box {position: relative; width: 100%; height: 80px;}
    .gubun_box > span {display: block;width: 100%; height: 100%; border-top: 40px solid #dfe9ff;border-left: 40px solid #dfe9ff;border-right: 40px solid #dfe9ff; box-sizing: border-box;}
    .inner h3.tit {font-family: 'GmarketSansBold'; font-size: 42px; text-align: center; margin: 20px 0; color: #02277a;}


/* 리스트 영역 공통 제어 */
.menagement_list {border-bottom: 2px dashed #ddd; padding: 30px 0;}
.content_03 .tit {font-size: 26px; color: #02277a; text-align:left; font-family: 'GmarketSansBold';}
.content_03 .container {display:flex;justify-content: center}
.stxt{font-size: 19px;font-family: 'GmarketSansMedium'; text-align: center;}



/* 미션, 비전 */
.content_03.type1 .text_box {font-family: 'GmarketSansMedium';}
.content_03.type1 .text_box p {font-size: 36px; }
.content_03.type1 .text_box span {font-family: 'GmarketSansBold'; color: #4e7e1e;}


/* 이해관계 */
.content_03 .type2 {display:flex;flex-direction: row;flex-wrap:nowrap;justify-content: space-around;align-items: center;padding: 30px 0;}
.content_03 .type3.manage_policy {justify-content: space-between}
.content_03 .type3.manage_policy li:nth-child(1) {width: 32%;}
.content_03 .type3.manage_policy li:nth-child(2) {width: 39%}
.content_03 .type3.manage_policy li:nth-child(3) {width: 26%;}
.content_03 .type2 li {display:flex;flex-direction: column;align-items: center;text-align: center;}
.content_03 .type2 li p {height: 70%;width: 70%;display:flex;justify-content: center;align-items: center;}
    .type2 li span {font-size: 24px;font-family: 'GmarketSansBold';line-height: 1; color: #02277a;}
    .type2 .img_wrap {background: #02277a;padding: 10px;border-radius: 50%;width: 80px;height: 80px;flex: 0 0 auto;display:flex;justify-content: center;align-items: center;}
    .type2 .img_wrap img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);}
.content_03 .stxt {max-width: 820px; margin: 20px auto 10px auto; color: #666;}


/* 경영방침 */
.content_03 .type3 li {flex-direction: row; text-align:left;}
    .type3 div p {height: 70%;width: 70%;display:flex;justify-content: center;align-items: center;}
    .type3 .text_wrap {display:flex;flex-direction: column;align-items:flex-start; margin-left: 16px;}
    .type3 .text_wrap span {font-size: 19px;font-family: 'GmarketSansMedium'; color: #666666; line-height: 1.3;}
    .type3 .text_wrap span.stit {font-size: 22px; font-family: 'GmarketSansBold'; color: #02277a;}

/* 조직문화 */
.content_03 .org_culture > li.img_wrap {flex-basis: 100%;flex-grow: 0;flex-shrink: 1;}
.content_03 .org_culture > li.text_wrap {align-items:flex-end;margin-bottom: 20px}
.content_03 .org_culture .text_wrap span {font-size: 19px;font-family: 'GmarketSansMedium';color: #666;}


/* 핵심가치 */
.content_03 .container.core_value {justify-content: space-around;}
.core_value li { display:flex;flex-direction: column;align-items: center;}
.core_value li p {font-size: 26px;}
.core_value li p > span {color: #000;font-family: 'GmarketSansBold';}
.core_value li > span {color: #000; font-size: 19px;}

.core_value_dt {margin: 28px 0 0 0;}
.core_value_dt p {position: relative; margin: 8px 0;font-size: 19px; color: #666;}
.core_value_dt p span {position: relative;z-index: 2;color: #333;}
.core_value_dt p span::before {background-color: #dfe9ff;position: absolute;left: -5%;top: 62%;bottom: 0;z-index: -1;display: inline-block;content: "";width: 110%;}









/************************************/
/* 회사소개 - 사업 연혁  *************/
/************************************/
.company_histroy {
    width: 100%;
}

.history_contents {
    width: 100%;
    position: relative;
}

.history_contents::before {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    display: block;
    content: "";
    width: 0px;
    height: 100%;
    border: 1.5px dashed rgba(9, 62, 122, 0.3);
}

.history_contents>h4 {
    position: relative;
    z-index: 2;
    width: 336px;
    margin: 100px auto 0;
    font-size: 2rem;
    padding: 24px 0px;
    background: #da0031;
    color: #fff;
    text-align: center;
    line-height: 1;
    border-radius: 40px;
}

/* 공통으로 처리 할 영역 */
.section {
    padding: 48px 0;
}

.history_wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}

.history_wrap ul {
    flex-basis: 50%;
}

.year_tit {
    position: relative;
    font-size: 2.25rem;
    font-weight: 600;
}

.year_tit.imgY::after {
    width: 100px;
}

.year_tit::before {
    display: block;
    content: " ";
    position: absolute;
    top: 35%;
    z-index: 1;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #093e7a;
}

.year_tit::after {
    display: block;
    content: " ";
    position: absolute;
    top: 50.5%;
    z-index: 1;
    width: 0px;
    height: 1px;
    background: #093e7a;
}

.month {
    width: 80px;
    display: inline-block;
    flex: 0 0 auto;
}

.img_contents {
    position: relative;
}

.img_contents .his_img {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.his_img>p {
    position: relative;
    width: 100%;
    transition: all 0.4s;
}

/** 텍스트가 왼쪽 */
.histroy_left_area.text_contents .year_tit {
    margin-right: 24px;
    text-align: right;
}

.histroy_left_area.text_contents .year_tit::before {
    left: 102.5%;
}

.histroy_left_area.text_contents .year_tit::after {
    left: 104%
}

.histroy_left_area.text_contents li {
    margin: 8px 24px 8px 0;
    text-align: right;
    font-size: 19px;
    display: flex;
    justify-content: flex-end;
}

/** 이미지가 오른쪽 */
.histroy_right_area.img_contents .his_img {
    text-align: right;
    justify-content: flex-end;
}


/** 텍스트가 오른쪽, 이미지가 왼쪽 일경우 */

/* 이미지가 왼쪽 */
.histroy_left_area.img_contents .his_img {
    text-align: left;
}

/* 텍스트가 오른쪽 */
.histroy_right_area.text_contents .year_tit {
    margin-left: 24px;
    text-align: left;
}

.histroy_right_area.text_contents .year_tit::before {
    left: -5.5%;
}

.histroy_right_area.text_contents .year_tit::after {
    left: -20%;
}

.histroy_right_area.text_contents li {
    margin: 8px 0px 8px 24px;
    text-align: left;
    font-size: 19px;
    display: flex;
    justify-content: flex-start;
}


/************************************/
/* 회사소개 - 글로벌 네트워크  ********/
/************************************/
.global_network_wrap {
    width: 100%;
}

/* 지도 이미지 영억 */
.map_wrapper {
    width: 100%;
    margin: 60px 0;
}

.map_wrapper img {
    width: 100%;
}

/* 하단 국가 나열 */
.country_contents {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.country_contents ul.country {
    width: 32%;
}

/* 국가, 국기 이미지*/
.country {}

.country .national_flag {
    font-size: 1.375rem;
    font-weight: 600;
    font-family: 'GmarketSansBold';
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.country .national_flag span {padding-left: 15px;}

/*wsope_coper 텍스트 */
.country .wsope_corpor {
    height: 44px;
    font-size: 1.063rem;
    font-weight: 600;
    padding: 0 0 16px 20px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #444;
    display: flex;
    align-items: center;
}

.country .addr p {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start
}

.country .addr p span {
    padding: 0 12px 0 0;
    margin: 0 12px 0 0;
    border-right: 1px solid #888;
    flex-grow: 1;
    flex-basis: 100px;
}

/* 주소 영역 */
.country .addr p,
.country .cont_box {
    font-size: 1.063rem;
    font-weight: 400;
    color: #737373;
    padding: 8px 12px;
}

/* 하단 box-shadow box */
.country .cont_box {
    margin-top: 10px;
}

.country .cont_box p {
    padding: 20px;
    box-shadow: 0px 4px 8px #ddd;
    display: flex;
    align-items: center;
    line-height: 1;
}

.country .cont_box p span.dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 8px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
}

.dot.type1 {
    background-color: #d71e25;
}

.dot.type2 {
    background-color: #243b8d;
    border-radius: 50%;
}

.dot.type3 {
    background-color: #f0d80c;
}

.dot.type4 {
    width: 0px !important;
    height: 0px !important;
    border-bottom: calc(6px * 1.732) solid #64bf0a;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}



/************************************/
/* 사업영역 - 사업소개  **************/
/************************************/
.title-area {
    text-align: center;
    position: relative;
}

.title-area.con_ci_bg:after {
    display: block;
    width: 100%;
    height: 258px;
    position: absolute;
    z-index: -1;
    top: 0;
    content: "";
    background: url(../images/subimg/wcp_woori_bg.png)no-repeat center center;
}

.contents h2 {
    padding-top: 72px;
}

/* 사업소개 밑 텍스트 */
.title-area .tit-sub {
    font-size: 20px;
    color: #676767;
    line-height: 1.4;
    margin-bottom: 20px;
}

/* 에너지, 생활, 유기금속회수 이미지, 텍스트 영역*/
.con_sec_01 {
    position: relative;
    z-index: 2;
}

.con_sec_01 .con_cir_wrap {
    position: relative;
    width: 100%;
    margin: 100px 0 0 0;
    z-index: 1;
    height: 800px;
}

/* 차세대전지,유기금속회수(광산및염호),전기전자,생활,이차전지  */
.cir_img_wrap {
    width: 100%;
    max-width: 570px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.con_cir_sub_txt {
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
}

/* 라인관련 공통 */
.con_cir_sub_txt .cir_line {}

.con_cir_sub_txt .cir_line p {
    background: #000;
}

.con_cir_sub_txt .cir_line p:nth-child(1) {
    width: 300px;
    height: 1px;
    margin-left: 4px;
}

.con_cir_sub_txt .cir_line p:nth-child(2) {
    width: 1px;
    height: 10px;
    margin-left: 4px;
}

.con_cir_sub_txt .cir_line p:nth-child(3) {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

/* 라인이 오른쪽 일때*/
.con_cir_sub_txt .cir_line.right {
    transform: scaleX(-1);
    margin-right: 5px;
}

.con_cir_sub_txt > div {display: flex;flex-direction: column;}
/* 타이틀 공통 */
.con_cir_sub_txt .tit-h4 h4 {
    font-size: 25px;
    font-family: 'GmarketSansBold';
}

/* 서브 텍스트 */
.sub-txt { width: 75%;}
.con_cir_sub_txt .sub-txt p {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin: 8px 0 8px 13px;
    text-indent: -7px;
}

.con_cir_sub_txt .sub-txt p::before {
    display: inline-block;
    content: '·';
    margin-right: 6px;
}

.con_cir_sub_txt .sub-txt span {
    display: block;
    font-size: 18px;
    color: #666;
    font-weight: 400;
    text-indent: 0px;
}

/* 모바일 아이콘 생성 */
.moicon {
    display: none !important;
}

.membraneIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    overflow: hidden;
}

.membraneIcon img {
    width: 80%;
}

/* 생활 위치,라인사이즈 변경 */
.line01 {
    position: absolute;
    top: 2%;
    left: 0%;
}

.line01 .cir_line p {
    background: #014eaa;
}

.line01 .cir_line p:nth-child(1) {
    width: 580px;
}

.line01 .tit-h4 h4 {
    color: #014eaa;
}

.line01 .membraneIcon {
    background-color: #014eaa;
}


/* 차세대 전지 위치,라인사이즈 변경 */
.line02 {
    position: absolute;
    top: 11%;
    right: 0%;
    align-items: flex-end;
}

.line02 .cir_line p {
    background: #011787;
}

.line02 .cir_line p:nth-child(1) {
    width: 460px;
}

.line02 .tit-h4 h4 {
    color: #1e467e;
}

.line02 .membraneIcon {
    background-color: #011787;
}


/* 유기금속회수 위치,라인사이즈 변경 */
.line03 {
    position: absolute;
    top: 54%;
    right: 0%;
    align-items: flex-end;
}

.line03 .cir_line p {
    background: #49bae2;
}

.line03 .cir_line p:nth-child(1) {
    width: 420px;
}

.line03 .tit-h4 h4 {
    color: #49bae2;
}

.line03 .membraneIcon {
    background-color: #49bae2;
}


/* 전기·전자 위치,라인사이즈 변경 */
.line04 {
    position: absolute;
    bottom: 5%;
    left: 22%;
}
.line04 .cir_line {
    position: absolute;
    left: 34%;
    top: -85%;
    transform: scaleX(-1);
}

.line04 .cir_line p {
    background: #009fe3;
}

.line04 .cir_line p:nth-child(1) {
    width: 420px;
}

.line04 .tit-h4 h4 {
    color: #009fe3;
}



.line04 .cir_line p:nth-child(1) {
    width: 1px;
    height: 120px;
    margin: 0px 0 0px -12px;
}

.line04 .cir_line p:nth-child(2) {
    width: 20px;
    height: 1px;
    margin: 0 0 -5px -12px;
}

.line04 .membraneIcon {
    background-color: #009fe3;
}


/* 생활 위치,라인사이즈 변경 */
.line05 {
    position: absolute;
    top: 43%;
    left: 0%;
}

.line05 .cir_line p {
    background: #0382cf;
}

.line05 .cir_line p:nth-child(1) {
    width: 380px;
}

.line05 .tit-h4 h4 {
    color: #0382cf;
}

.line05 .membraneIcon {
    background-color: #0382cf;
}



/* 이차 전지 영역 */
.con_sec_02 {
    position: relative;
}

.sec02_tit_wrap {
    width: 100%;
    background: #eff0f6;
    border-radius: 60px;
    position: relative;
}

.sec02_tit_wrap .con_wrapper {
    /* height: 140px; */
    padding: 50px 30px;
}
.sec02_tit_wrap .con_wrapper > div {
    position: relative;
}

.tit_area {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
}

.tit_area h4 {
    position: relative;
    font-size: 40px;
    font-family: 'GmarketSansBold';
    color: #4472c4;
}

.tit_area h4::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #093e7a;
    position: absolute;
    bottom: 20px;
    right: -12px;
}

.tit_area span {
    font-size: 16px;
    color: #888;
}

.sub_tit_area {
    width: 60%;
    /* padding: 0 20px 0 40px; */
}

.sub_tit_area p {
    font-size: 19px;
}

.con_img_wrap {
    position: absolute;
    bottom: -20%;
    right: 0;
    width: 40%;
    text-align: right;
}

/* 이차전지란 */
.sec02_con h5 {
    text-align: center;
    font-size: 28px;
    font-family: 'GmarketSansBold';
}

.sec02_con .tit-sub {
    text-align: center;
    margin-top: 30px;
    font-size: 20px;
    line-height: 1.8;
}

.con_icn_wrap div {
    border: 1px solid #dddddd;
    width: 208px;
    height: 208px;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.con_icn_wrap div p {
    padding: 20px;
}

/* 리튬이온 배터리 분리막(LiBS)이란 */
.con_libs_img_warp {}

.con_libs_img_warp div {
    border: 1px solid #dddddd;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-basis: 44%;
    padding: 20px;
}

.con_libs_img_warp div:nth-child(1) p {
    width: 100%;
}

/* 전고체 전지, 고분자 전해질 border 없애기 */
.con_img_warp div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-basis: 50%;
}

.con_img_warp div:nth-child(1) p {
    width: 100%;
}


/* 차세대 전지 영역 */

/* 소듐, 리늄메탈, 리늄황 전지 */
.con_cir_sub_txt.type2 {
    height: 100%;
}

/* Sodium(Na), 리튬메탈, 리튬황 전지*/
.type2 h4 {
    display: none;
}

/* 전지,라인사이즈 변경 */
.type2 .line06 {
    position: absolute;
    top: 7%;
    left: 0%;
}

.type2 .line06 .cir_line p {
    background: #002060;
}

.type2 .line06 .cir_line p:nth-child(1) {
    width: 600px;
}


/* 리튬메탈전지,라인사이즈 변경 */
.type2 .line07 {
    position: absolute;
    top: 77%;
    left: 0%;
}

.type2 .line07 .cir_line p {
    background: #4472c4;
}

.type2 .line07 .cir_line p:nth-child(1) {
    width: 420px;
}

.type2 .line07 .sub-txt {
    width: 80%;
}

/* 리튬황전지 위치,라인사이즈 변경 */
.type2 .line08 {
    position: absolute;
    bottom: -5%;
    right: 0%;
    align-items: flex-end;
}

.type2 .line08 .cir_line p {
    background: #8faadc;
}

.type2 .line08 .cir_line p:nth-child(1) {
    width: 520px;
}




.business_info_wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 72px;
}

.business_info_wrap ul {
    flex-basis: 50%;
    padding: 20px;
}

.buiness_txt {}

.buiness_txt li {}

.buiness_txt li p {
    font-size: 1.313rem;
    font-family: 'GmarketSansBold';
    color: #444;
    margin: 0 0 20px 0;
}

.buiness_txt li span {
    font-size: 1rem;
    font-weight: 400;
    color: #676767;
    font-family: 'Noto Sans KR';
}

.business_libs_wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: 72px;
}

.business_libs_wrap .libs_det_info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.libs_det_info li {
    flex-basis: 50%;
    padding: 20px;
}

.libs_det_info .det_txt {}

.libs_det_info .det_txt p {
    font-size: 1.313rem;
    font-family: 'GmarketSansBold';
    color: #444;
    margin: 0 0 20px 0;
}

.libs_det_info .det_txt span {
    font-size: 1rem;
    font-weight: 400;
    color: #676767;
    font-family: 'Noto Sans KR';
}

.libs_det_info .det_img {
    text-align: center;
}

.libs_det_info .det_img span {
    display: block;
    text-align: center;
    margin: 20px;
    background: #fff;
    border: 1px solid #dfdfdf;
}




/*
************************************
** 반응형 시작
************************************
*/



@media all and (max-width:1440px) {

    /* 회사소개 CEO 인사 */
    .ceo_intro {margin-top: 4vw;}


    /* 경영이념 - 핵심가치 */
    .philosophy_box.type3 li p {font-size: 1.268rem;}
    .philosophy_box.type3 li p:last-child {font-size: 1.188rem;}

    /* 경영이념 리스트 영역 */
    .management_con_02 .inner h4 {font-size: 4vw;}
    

    /************************************/
    /* 회사소개 - CI  ********************/
    /* 2024-03-06 이다혜 수정 */
    /************************************/
    .con_ci_cir li {
        width: 130px;
        height: 130px;
    }

    .con_ci_cir li h4 {
        font-size: 1.2rem;
    }

    .line02 .cir_line p:nth-child(1) {
        width: 30vw;
    }

    .line03 .cir_line p:nth-child(1) {
        width: 30vw;
    }

    .line05 .cir_line p:nth-child(1) {
        width: 30vw;
    }

    /* 이차전지 영역 */
    .con_img_wrap {
        margin-bottom: 0;
        padding-bottom: 0!important;
    }

    /* 이차전지란? 영역의 아이콘 사이즈 */
    .con_icn_wrap div {
        width: 16vw;
        height: 16vw;
    }

    .con_icn_wrap div p {
        padding: 10px;
    }



}



@media all and (max-width:1200px) {

    /************************************/
    /* 회사소개 CEO 인사 *****************/
    /************************************/

    .ceo_con_01 .title-wrap .title {
        font-size: 34px;
        transition: all 0.3s;
        display: inline-block;
        margin-top: 0;
        width: 150%;
    }
    .ceo_img_wrap {
        width: 40%;
    }
    /* CEO 인사*/
    .ceo_intro {
        margin-top: 4vw;
    }

    .ceo_intro .ceo-sign {
        margin-top: 5%;
    }

    /***********************************
     ** 회사소개 - 기업정보
     ***********************************/
    .com_info_wrap .company_overview li .com_txt_box span.dib {
        font-size: 10px;
    }


    /************************************/
    /* 회사소개 - 글로벌 네트워크  ********/
    /************************************/
    /*나라별 하단 box 위치 조정 */
    .country .cont_box {
        margin-top: 0.8333vw;
    }

    .country_contents ul:nth-child(1) .cont_box,
    .country_contents ul:nth-child(3) .cont_box {
        margin-top: 2.1667vw;
    }



    /************************************/
    /* 회사소개 - CI  ********************/
    /* 2024-03-06 이다혜 수정 */
    /************************************/

    .con_ci_woori>li { width: 140px; height: 140px;}
    .con_ci_woori li h4 {font-size: 1.2rem;}
    .con_ci_cir li { width: 120px; height: 120px;}





    /************************************/
    /* 기업정보 - 경영이념  **************/
    /************************************/
    .content_01 p {font-size: 2.4vw;}
    .content_02.type2 li span {font-size: 1.8vw;}
    .content_02.type5 li p {font-size: 1.8vw;}

    /* 경영방침 */
    .content_02.cir_bg_03 li:nth-child(2) {margin: 0 4vw;}

    /* 조직문화 */
    .content_04 span.management-sTxt {font-size: 1.8vw;}



    /************************************/
    /* 사업영역 - 사업소개  **************/
    /* 24-04-19 이다혜 수정 *************/
    /***********************************/
    .con_sec_01 .con_cir_wrap {height: auto;}

    /* Membrane 라인 관련 */
    .cir_img_wrap {
        max-width: 480px;
        margin: 100px auto 100px auto;
    }

    .con_cir_sub_txt {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        height: auto;
    }
    .con_cir_sub_txt .cir_line {
        display: none;
    }

    
    .con_cir_sub_txt>div {
        position: unset !important;
        width: 50%;
        flex: 1 1 50%;
        padding-bottom: 20px;
        align-items: flex-start;
    }

    .type2 h4 {display: block;}
    .sub-txt {width: 100%;}
    
    .moicon {display: flex !important;}
    .line02 .tar,
    .line03 .tar,
    .line08 .tar p {
        text-align: left !important;
    }

    /*차세대 전지 관련*/
    .type2 .line08 {
        align-items: flex-start;
    }
    .line06 h4 {color: #002060;}
    .line07 h4 {color: #4472c4;}
    .line08 h4 {color: #8faadc;}





    /* sodium(Na), 리늄메탈, 리늄황 전지 관련 */
    .con_cir_sub_txt.type2 {
        height: auto;
    }
    .type2 .line06 .cir_line p:nth-child(1) {
        width: 480px;
    }

    .line06 .sub-txt,
    .line07 .sub-txt {
        width: 60%;
    }

    .type2 .line07 {
        top: 85%;
    }

    .type2 .line08 {
        top: 80%;
    }



    /************************************/
    /* 회사소개 - 사업 연혁  *************/
    /************************************/
    .histroy_left_area.text_contents .year_tit::before {
        left: 47.3vw;
    }

    .histroy_right_area.text_contents .year_tit::before {
        left: -2.8vw;
    }

    .histroy_right_area.text_contents .year_tit::after {
        left: unset;
        right: 48vw;
    }



}


@media all and (max-width:1003px) {


    /***********************************
     ** 회사소개 - 기업정보
     ***********************************/
    .company_wrap .tit_wrap {
        width: 80%;
    }


    /************************************/
    /* 회사소개 - CI  ********************/
    /* 2024-03-06 이다혜 수정 */
    /************************************/
    .con_ci {
        flex-wrap: wrap;
        padding: 20px 0;
    }

    .con_ci .ci_wrap {
        width: 100%;
        text-align: left;
    }

    .con_ci .ci_bg {
        padding: 1.2rem;
    }

    .con_ci_woori {
        margin: 20px 0;
    }

    .con_ci_cir {
        justify-content: space-around;
    }

    .con_ci_cir li {
        margin-bottom: 20px;
    }

    .con_ci_woori li p {
        margin-top: 10px;
    }

    .con_ci_04 .scope_logo>p {
        width: 220px;
    }

    .con_ci_woori>p {
        flex-basis: 22px;
        text-align: center;
    }



    /************************************/
    /* 사업영역 - 사업소개  **************/
    /* 2024-04-16 이다혜 수정 */
    /************************************/

    /* 이차전지 내용 영역 */
    .con_img_wrap {
        display: none;
    }
    .sub_tit_area {
        width: 100%;
    }

    .sec02_tit_wrap .con_wrapper {
        justify-content: center;
    }

    .tit_area {
        flex-grow: 0;
    }
    


    /***************************/
    /* 경영이념  ****************/
    /***************************/

    /* 경영방침 리스트 */
    .content_03 .type3 {flex-direction: column; align-items:flex-start}
    .content_03 .type3 li {width: 100%!important;margin: 0 auto 20px auto;margin-bottom: 20px;}
    .content_03 .type3 li br {display: none;}



}

@media all and (max-width:960px) {

    /************************************/
    /* 회사소개 CEO 인사 *****************/
    /************************************/
    .ceo_con_01 .inner {
        flex-direction: column;
    }
    .ceo_con_01 .ceo_img_wrap {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        overflow: hidden;
    }

    .ceo_con_01 .ceo_img_wrap div {
        position: relative;
    }

    /* CEO 인사말 타이틀 위치 */
    .ceo_con_01 .title-wrap {
        width: 100%;
        float: none;
        text-align: center;
        margin-top: 6vw;
    }

    .ceo_con_01 .title-wrap h4 {
        text-indent: 0;
    }

    .ceo_con_01 .title-wrap .title {
        margin-top: -3vw;
        font-size: 4vw;
        width: 100%;
    }

    .ceo_con_01 .title-wrap .title br:nth-child(1),
    .ceo_con_01 .title-wrap .title br:nth-child(2) {
        display: none;
    }

    /* CEO 인사말 TEXT */
    .ceo_intro {
        float: none;
        width: 100%;
        font-size: 2vw;
        margin-top: 4vw;
    }


    /*
    *************************************
    날짜       작성자
    2024-03-21 이다혜 회사소개 - 기업정보 
    *************************************
    */
    .com_info_wrap .company_overview {
        flex-wrap: wrap;
    }

    .com_info_wrap .company_overview li {
        width: 30%;
        flex: 1 1 auto;
    }

    .com_info_wrap .company_overview li:nth-child(odd) {
        border-right: 1px solid #d6d9e3;
    }

    .com_info_wrap .company_overview li .com_txt_box span.dib {
        font-size: 14px;
    }


    /************************************/
    /* 사업영역 - 사업소개  **************/
    /* 2024-04-09 이다혜 수정 */
    /************************************/

    /* 사업소개 - 사업소개 영역 배치 정의 */

    .cir_img_wrap {
        max-width: 500px;
        margin: 100px auto;
    }

    .line02 .sub-txt {
        width: 100%;
    }

    .line02 .tar,
    .line03 .tar {
        text-align: left !important;
    }

    .con_cir_sub_txt>div.line04,
    .con_cir_sub_txt>div.line05 {
        width: 48%;
    }

   

    .type2 h4 {
        display: block;
        font-size: 25px;
        font-family: 'GmarketSansBold';
    }

    .line06 h4 {
        color: #002060;
    }

    .line07 h4 {
        color: #4472c4;
    }

    .line08 h4 {
        color: #8faadc;
    }

    .con_cir_sub_txt .sub-txt p {
        margin-left: 22px;
    }

    .type2 .line06 .sub-txt,
    .type2 .line07 .sub-txt {
        width: auto;
        margin: 0 auto;
    }

    .type2 .line08 .tar {
        text-align: left !important;
    }



    /***************************/
    /* 경영이념  ****************/
    /***************************/

    /* 상단 */
    /* 왼쪽 동그라미, 라인, 오르쪽 콘텐츠 */
    .cir_bg_wrap {height: 80px;}
    .border_line {width: 0px; height: 9px; border-left: 4px dotted #ddd; margin: 10px 0;}
    .right_content_box {width: 100%;}

    .management-philosophy {margin-bottom: 30px;flex-direction: column;}

    /* 미션미젼 */
    .content_01 p {font-size: 3.2vw; line-height: 1.6;}
    .content_01 p span {display: block; font-size: 2.8vw;}

    /* 이해관계 */
    .content_02.type2 li span {font-size: 2vw;}

    /* 조직 문화 */
    .content_04 p {font-size: 30px;}
    .content_04 span.manage_h2 {font-size: 40px;}
    .content_04 span.management-sTxt {font-size: 20px;}

    /* 핵심가치 */
    .content_02.type5 li p {font-size: 2vw;}
    .content_02.type5 {flex-wrap: wrap;}

    
    /* 경영이념 하단 리스트 */
    .inner h3.tit {font-size: 3.89vw;}
    .management_con_02 .inner h4 {font-size: 2.88vw;}

    /* 미션 리스트 */
    .content_03.type1 .text_box{ padding: 20px 0;}
    .content_03.type1 .text_box p {font-size: 32px;}
    
    /* 이해 관계 */
    .content_03 .stxt {font-size: 2.25vw;}

    /* 경영방침 리스트 */
    .type3 .text_wrap span {font-size: 2.25vw;}
    .type2 .img_wrap {flex: 0 0 auto}

    /*조직 문화 */
    .content_03 .org_culture > li.img_wrap p {width: 60%;}
    .content_03 .org_culture .text_wrap span {font-size: 18px;}








    /************************************/
    /* 회사소개 - 사업 연혁  *************/
    /************************************/
    .histroy_left_area.text_contents .year_tit::after {
        left: 46vw;
    }

    .histroy_right_area.text_contents .year_tit::before {
        left: -3.5vw;
    }



}
@media all and (max-width:820px){
    .con_cir_sub_txt>div {
        width: 100%;
        flex: 1 1 100%;
        align-items: center;
    }
    .con_cir_sub_txt>div,
    .line02 .tar,
    .line03 .tar,
    .line08 .tar p {
        text-align: center !important;
    }
    .type2 .line08 {
        align-items: center
    }
    
}



@media all and (max-width:768px) {

    /* CI */
    .con_ci_03 {
        margin-top: 1em;
    }

    .con_ci_03 li {
        float: left;
        width: calc(100% - 31px);
        padding: 0 0 0 30px;
        font-weight: 300;
        margin-left: 0;
        margin-bottom: 0.5em;
    }


    /* W-SCOPE GROUP */
    .name_card dl dt {
        font-size: 1.4em;
        font-weight: 600;
        padding-top: 20px;
        margin-top: 1em;
        margin-bottom: 0.5em;
        color: #222;
    }

    .name_card dl dd .map_area iframe {
        width: 100%;
        height: 300px;
    }

    .name_card dl dd ul li {
        position: Relative;
        border-bottom: 1px solid #d6d9e3;
        padding: 20px 20px 20px 120px;
    }

    /***************************/
    /* CEO 인사말 **************/
    /***************************/
    .ceo_con_01 .title-wrap .title {
        font-size: 2.4em;
    }


    /************************************/
    /* 회사소개 기업정보 *****************/
    /************************************/
    .company_wrap .tit_wrap {
        width: 100%;
    }

    .con01_02 .company_overview li {
        width: calc(50% - 20px) !important;
    }



    /***************************/
    /* 연혁  *******************/
    /***************************/
    .history_wrap {
        flex-direction: column;
        align-items: center
    }

    .history_wrap.reverse {
        flex-direction: column-reverse;
        position: relative;
    }

    .history_wrap ul {
        position: relative;
        flex-basis: 100%;
        width: 80%;
        background-color: rgba(255, 255, 255, 0.8);
    }

    .history_wrap .img_contents {}

    /* 년도 타이틀*/
    .histroy_left_area.text_contents .year_tit,
    .histroy_right_area.text_contents .year_tit {
        margin: 0;
        margin-top: 30px;
        text-align: center;
    }

    /* 년도앞 동그라미, line */
    .histroy_left_area.text_contents .year_tit::before,
    .histroy_right_area.text_contents .year_tit::before {
        top: -32%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .histroy_left_area.text_contents .year_tit::after,
    .histroy_right_area.text_contents .year_tit::after {
        display: none;
    }

    /* 연혁 histroy 텍스트 */
    .histroy_left_area.text_contents li {
        width: 100%;
        text-align: left;
        margin: 0;
        font-size: 1.3rem;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }

    .histroy_right_area.text_contents li {
        width: 100%;
        text-align: left;
        margin: 0;
        font-size: 1.3rem;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .histroy_left_area.text_contents li .his_txtR,
    .histroy_right_area.text_contents li .his_txtL {
        width: 80%;
        text-align: left;
    }

    .histroy_left_area.text_contents li .month,
    .histroy_right_area.text_contents li .month {
        width: 20%;
        text-align: center;
    }

    /* 연혁 이미지 */
    .his_img>p {
        width: 100%;
        max-width: 63.4783vw;
    }

    .histroy_left_area.img_contents .his_img,
    .histroy_right_area.img_contents .his_img {
        justify-content: center;
        margin: 20px 0;
    }


    /************************************/
    /* 회사소개 - 글로벌 네트워크  ********/
    /************************************/

    /* 하단 box-shadow box */
    .country .cont_box p {
        padding: 2.0833vw 1.5625vw;
    }

    /*나라별 하단 box 위치 조정 */
    .country_contents ul:nth-child(1) .cont_box,
    .country_contents ul:nth-child(3) .cont_box {
        margin-top: 0;
    }



    /************************************/
    /* 회사소개 - CI  ********************/
    /* 2024-03-06 이다혜 수정 */
    /************************************/
    .con_ci_04 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .con_ci_04 .con_symbol_info .symbol_txt span {
        line-height: 2.2rem;
    }

    .con_ci_04 .con_symbol_info .symbol_txt span::before {
        line-height: 1;
    }

    .con_ci_woori {
        flex-direction: column;
    }

    .con_ci_woori>li {
        width: 120px;
        height: 150px;
        flex: 1 1 auto;
    }

    .con_ci_cir {
        justify-content: space-evenly;
        gap: 30px 0px;
        width: 100%;
    }

    .con_ci_cir li {
        width: 120px;
        height: 120px;
    }

    .con_ci_woori>p {
        flex-basis: 22px;
        text-align: center;
        transform: rotate(90deg);
        padding: 10px;
    }

    .con_ci_04 .scope_logo {
        flex-basis: 0;
        margin-bottom: 2rem;
    }

    .con_ci_04 .scope_logo>p {
        width: 180px;
        height: 320px;
        text-align: center;
    }

    .con_ci_04 .scope_logo>p>img {
        height: 100%;
    }


    /************************************/
    /* 사업영역 - 사업소개  **************/
    /* 2024-03-18 이다혜 수정 */
    /************************************/
    .con_sec_01 .con_cir_wrap {
        height: auto;
        margin-bottom: 60px;
    }


    /* 리튬이온 배터리 분리막(LiBS)이란 */
    .con_libs_img_warp {
        flex-direction: column;
    }

    .con_libs_img_warp div {}

    .con_libs_img_warp div:nth-child(1) p {
        display: flex;
        justify-content: center
    }

    /* 차세대 전지 영역 */
    /* 차세대 전지 타이틀  */
    .sec02_tit_wrap .tit_area {
        flex-basis: 50%;
    }

    /* 차세대 전지의 전고체 전지란? */
    .con_img_warp {
        flex-direction: column;
    }

    .con_img_warp div:nth-child(1) p {
        display: flex;
        justify-content: center
    }

    /* Sodium(Na), 리튬메탈, 리튬황 전지*/
    .type2 h4 {
        display: block;
    }


    /***************************/
    /* 경영이념  ****************/
    /***************************/
    
    /* 미션,비전 리스트 */
    .management_con_02 .inner h4 {font-size: 3.2vw;}
    .content_03.type1 .text_box {padding: 0;}
    .content_03.type1 .text_box p {font-size: 3vw;}

    /* 이해관계 리스트 */
    .content_03 .type2 {padding: 16px 0;}
    .type2 .img_wrap {width: 60px; height: 60px;}
    .type2 li span {font-size: 2.5vw;}
    .content_03 .stxt p {font-size: 2.25vw;}

    /* 경영방침 리스트 */
    .content_03 .type3 li {width: 94%;}
    .type3 .text_wrap span.stit {font-size: 2.5vw;}
    .type3 .text_wrap span {font-size: 2.25vw;}

    /* 조직 문화 리스트 */
    .content_03 .org_culture .text_wrap span {font-size: 2.25vw;}
    .content_03 .org_culture > li.img_wrap {margin: 0 auto 10px auto;}

    /* 핵심 가치 리스트 */
    .core_value li {width: 32%;margin: 10px 0;align-items: flex-start;}
    .core_value li p {font-size: 3vw;}
    .core_value li > span {font-size: 2.25vw;}
    .content_03 .container.core_value {flex-wrap: wrap; justify-content:flex-start}

    .core_value_dt p {font-size: 2.5vw; margin-bottom: 20px;font-size: 2.5vw;}

}



@media all and (max-width:640px) {

    /************************************/
    /* 회사소개 CEO 인사 *****************/
    /************************************/
    .ceo_con_01 .title-wrap .title {
        font-size: 4.4375vw;
    }

    .ceo_con_01 .title-wrap .title br {
        display: none;
    }

    .ceo_intro .ceo_txt {
        font-size: 3.4375vw;
    }


    /*
    *************************************
    날짜       작성자
    2024-03-21 이다혜 회사소개 - 기업정보 
    2024-03-28 이다혜 회사소개 - 작은 글씨 수정
    *************************************
    */
    .company_wrap .contents h4 {
        font-size: 30px;
        margin-bottom: 32px;
    }

    .com_info_wrap .company_overview li {
        width: 49%;
        height: 300px;
        flex: 1 1 auto;
    }

    .com_info_wrap .company_overview li:nth-child(even) {
        border-right: 1px solid #d6d9e3;
    }

    .com_info_wrap .company_overview li .com_txt_box {
        margin-top: 8px;
    }

    .com_info_wrap .company_overview li .com_txt_box p {
        font-size: 26px;
    }

    .com_info_wrap .company_overview li .com_txt_box span {
        font-size: 16px;
    }

    .com_info_wrap .company_overview li .com_txt_box span.dib {
        font-size: 12px;
    }



    /***************************/
    /* 연혁  *******************/
    /***************************/
    /* 연혁 histroy 텍스트 */
    .histroy_left_area.text_contents li {
        font-size: 1rem;
    }

    .histroy_right_area.text_contents li {
        font-size: 1rem;
    }


    /************************************/
    /* 회사소개 - 글로벌 네트워크  ********/
    /************************************/
    .country_contents {
        flex-direction: column;
    }

    .country_contents ul.country {
        width: 100%;
        margin-bottom: 10vw;
    }

    .country .wsope_corpor {}

    .country .cont_box {
        margin-top: 2.11vw;
    }

    .country .cont_box p {
        padding: 4vw 3vw;
        font-size: 1rem;
        border: 1px solid #ddd;
    }

    .country .addr {
        padding: 0px 0 0 20px;
    }

    .country .addr p {
        justify-content: flex-start;
        font-size: 1.2rem;
        padding: 8px 0;
    }

    .country .addr p span {
        flex-grow: 0;
        width: 14vw;
    }


    /***************************/
    /* 경영이념  ****************/
    /***************************/
    .cir_bg_wrap p {
        font-size: 16px;
    }

    .right_content_box {
        height: auto;
    }

    .content_01 p {
        font-size: 28px;
    }

    .content_01 p span {
        font-size: 18px;
    }

    /* 아이콘 사이즈 제어*/
    .type2 .img_wrap {
        width: 40px;
        height: 40px;
    }

    /* 이해관계 */
    .content_02.type2 li p {
        height: 48px;
    }

    .content_02.type2 li span {
        font-size: 18px;
    }

    /* 조직문화 */
    .content_04 p {
        font-size: 70px;
    }

    .content_04 p.manage_h2 span {
        font-size: 50px;
    }

    .content_04 p.management-sTxt {
        font-size: 18px;
    }

    /* 핵심 가치 */
    .content_02.type5 li {
        width: 30%;
        line-height: 52px;
    }

    .content_02.type5 li p {
        font-size: 16px;
    }

    .content_02.type5 li p span {
        font-size: 20px;
    }




    /************************************/
    /* 사업영역 - 사업소개  **************/
    /* 2024-04-16 이다혜 수정 */
    /************************************/

    .tit_area h4 {
        font-size: 5.4vw;
    }
    .con_sec_01 .con_cir_wrap {
        margin-top: 50px;
    }

    .cir_img_wrap {
        max-width: 360px;
        margin: 30px auto;
    }

    .con_cir_sub_txt>div {
        width: 100%;
        flex: 1 1 100%;
        padding-bottom: 40px;
    }

    .con_cir_sub_txt>div,
    .line02 .tar,
    .line03 .tar,
    .line08 .tar p {
        text-align: center !important;
    }

    .membraneIcon,
    .line05 .sub-txt {
        margin: 0 auto;
    }

    .con_cir_sub_txt .sub-txt p {
        margin: 0;
    }
    



}


@media all and (max-width:360px) {

    /************************************/
    /* 회사소개 - CI  ********************/
    /* 2024-03-06 이다혜 수정 */
    /************************************/
    .con_ci_woori {
        flex-direction: column;
    }

    .con_ci_cir li {
        width: 140px;
        height: 140px;
    }

    /* 화살표 */
    .con_ci_woori>p {
        display: flex;
        justify-content: center;
        flex-direction: column;
        transform: rotate(90deg);
        flex-basis: 11vw;
    }

    .scope_txt {
        font-size: 4.2vw;
    }

    .con_ci_03>div {
        font-size: 4.7vw;
    }


    /*
    *************************************
    날짜       작성자
    2024-03-28 이다혜 회사소개 - 콘텐츠 나열 수정
    *************************************
    */
    .com_info_wrap .company_overview li {
        flex: 1 1 100%;
        height: 260px;
    }

    .com_info_wrap .company_overview li .com_txt_box {
        flex-basis: content;
        margin-top: 12px;
        margin-bottom: 16px;
    }

}