@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/bg05.png') 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-weight: 600; 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: 340px;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: 30px 0; 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;  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;}
.con_ci_04 .con_symbol_info .symbol_txt span::before{ display: inline-block; content: "W"; padding: 8px 10px; background-color: #000; color: #fff; font-size: 1rem; font-weight: 500;}
/** 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: 24px; font-weight: 500;color: #6a6a6a;line-height: 1.5;}
.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: 19px; font-weight: 400; font-weight: 600; margin-top: 12px;}
.con_ci_woori li p span {font-size: 19px;font-weight: 400; color: #6a6a6a;}

/* 2024-07-09 삭제 요청
 .con_ci_cir li:nth-child(1) p,
.con_ci_cir li:nth-child(2) p {margin-top: 32px;} */



.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;  color: #6a6a6a; font-size: 19px;}
.scope_txt strong {color: #333;;}



/*
*************************************
  날짜       작성자
  2024-05-24 WCP 원본 가져오기
  2024-05-27 텍스트 위치및 방향 수정
**************************************
*/

/* w-scope group */
.ceo-content-wrap {width: 100%;position: relative;}
.ceo-con-wrap {width: 100%;}
/* CEO 이미지 */
.ceo_img_wrap {width: 30%;height: auto;margin-top: 72px;float: right;}

/* 타이틀 영역 */
.title-wrap {float:left;}
.title-wrap h4 {display: block; font-weight: 600; font-size: 3.94em;line-height: 1;text-indent: -8%; color: rgba(0, 0, 0, 0.05); transition: all 0.3s;}
.title-wrap .title {font-weight: 400; font-size: 32px; color: #474747; line-height: 1.5em; padding-left: 0; transition: all 0.3s}
.title-wrap .title span.black {color: #000; font-weight: 600;}
.title-wrap .title span.blue {color: #093e7a; font-weight: 600;}
.title-wrap .title span {color: #a92d31;font-weight: 600;}


/* CEO 인사 말 텍스트 영역 */
.ceo_intro {margin-top: 40px; width: 68%;float:left;}
.ceo_intro .ceo_txt {font-size: 17px; color: #444;word-break: auto-phrase;}
.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 16px 0 0;}
.ceo_intro .ceo-sign img {margin-left: 20px;}

/* CEO 인사말 그룹과 반대 방향 */
.ceo_img_wrap.ceo2 {float:left; }
.title-wrap.ceo2 {float: right; width: 68%;}
.ceo_intro.ceo2 {float: right; width: 68%;}





/*
*************************************
  날짜       작성자
  2024-02-21 이다혜   경영이념 최초 생성
  2024-03-20 이다혜   수정
**************************************
*/
.management_con_01 { width: 100%; font-weight: 400; 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: 36px;font-weight: 600;}
.content_01 p span{font-weight: 400; }

/* 이해 관계, 경영방침 */
.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: 8px;}
.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: 19px; font-weight: 600; 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: flex-end; font-size: 88px;font-weight: 900; line-height: 1;}
.content_04 span { color: #000; padding: 0;color: #fff;}
.content_04 span.manage_h2{font-size: 60px; margin-bottom: 3px;}
.content_04 span.management-sTxt {font-size: 22px;font-weight: 400; margin: 0 0 7px 16px;}

/* 핵심가치  */
.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: 19px;}
.content_02.type5 li p span {font-size: 28px;font-weight: 600; }



/* 리스트 영역 시작 ***********************/
.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-weight: 600; font-size: 48px; 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-weight: 600; }
.content_03 .container {display:flex;justify-content: center}
.stxt{font-size: 19px;font-weight: 400; text-align: center;}



/* 미션, 비전 */
.content_03.type1 .text_box {padding: 40px; font-weight: 400; }
.content_03.type1 .text_box p {font-size: 40px; }
.content_03.type1 .text_box span {font-weight: 600; 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 .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-weight: 600; color: #02277a;}
    .type2 .img_wrap {background: #02277a;padding: 10px;border-radius: 50%;width: 80px;height: 80px;flex: 1 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-weight: 400; color: #666666; line-height: 1.3;}
    .type3 .text_wrap span.stit {font-size: 22px; font-weight: 600; color: #02277a;}

/* 조직문화 */
.content_03 .org_culture > li.img_wrap {flex-basis: 80%;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-weight: 400; 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-weight: 600; }
.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; border-radius: 60px;}

/* 공통으로 처리 할 영역 */
.section {padding: 48px 0;}
.history_wrap {display:flex;flex-direction: row;flex-wrap:nowrap;justify-content: center;align-items:flex-start;}
.history_wrap ul{width: 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_left_area.text_contents li span {word-break: auto-phrase;}

/** 이미지가 오른쪽 */
.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: wrap;align-items:flex-start;justify-content: flex-start}
.country_contents ul {width: calc((100% / 3) - 24px); flex: 0 1 auto;margin: 0 24px 32px 0; }

/* 국가, 국기 이미지, 홈페이지 아이콘 */
.country {}
.country .national_flag {font-size: 1.375rem;font-weight: 600; font-weight: 600; display:flex;flex-direction: row;flex-wrap:nowrap;align-items: center;}
.country .national_flag span {padding-left: 15px;}
.country .national_flag span a {display: flex;}

/*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-shrink: 0;}

/* 주소 영역 */
.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 {width: 90%; 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: 0 0 auto;}
.dot.type1 {background-color: #d71e25;}
.dot.type2 {background-color: #243b8d;}
.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;}

/*나라별 하단 box 위치 조정 */
.country .cont_box.type2 {margin-top: 51px;}


/************************************/
/* 사업영역 - 사업소개  **************/
/************************************/

.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;word-break: break-all;}

/* 에너지, 생활, 유기금속회수 이미지, 텍스트 영역*/
.con_sec_01 { position: relative; z-index: 2; margin-bottom: 150px;}
.con_sec_01 .con_cir_wrap {position: relative; width: 100%; margin: 100px 0;z-index: 1;}

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

    .con_cir_sub_txt {height: 800px; 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;position: absolute}


    /* 타이틀 공통 */
    .con_cir_sub_txt .tit-h4 h4 {font-size: 23px;font-family: 'GmarketSansBold';}
    
    /* 서브 텍스트 */
    .con_cir_sub_txt .sub-txt p {font-size: 17px; color: #000; font-weight: 600; margin: 8px 0 8px 13px; text-indent: -7px;word-break: break-word; }
    .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;margin-left: 0px; 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: 0%; right: 0%; width: 26%;}
    .line01 .cir_line {right: 100%; top: 5%; display: flex;flex-direction: row-reverse;align-items: center;}
    .line01 .cir_line p {background: #49bae2;}
    .line01 .cir_line p:nth-child(1) {width: 14vw;margin: 0;}
    .line01 .cir_line p:nth-child(2) {width: 10px;height: 1px;margin: 0;}
    .line01 .tit-h4 h4 {color: #49bae2;}
    .line01 .membraneIcon {background-color: #49bae2;}


    /* 차세대 전지 위치,라인사이즈 변경 */
    .line02 {position: absolute; top: 39%; right: 0%;width: 26%;}
    .line02 .cir_line {top:-22%; left: -12%;}
    .line02 .cir_line p {background: #009fe3;}
    .line02 .cir_line p:nth-child(1) {width: 110px;}
    .line02 .tit-h4 h4 {color: #009fe3;}
    .line02 .membraneIcon {  background-color: #009fe3; }

    /* 유기금속회수 위치,라인사이즈 변경 */
    .line03 {position: absolute; bottom: 3%; right: 12%;}
    .line03 .cir_line {top:-19%; left: -50%;}
    .line03 .cir_line p {background: #0382cf;}
    .line03 .cir_line p:nth-child(1) {width: 180px;}
    .line03 .tit-h4 h4 {color: #0382cf;}
    .line03 .membraneIcon {  background-color: #0382cf; }
    

    /* 전기·전자 위치,라인사이즈 변경 */
    .line04 {position: absolute; bottom: 10%; left: 16%;}
    .line04 .cir_line {position: absolute;left: 10%;top: -18%;}
    .line04 .cir_line p {background: #014eaa;}
    .line04 .cir_line p:nth-child(1) {width: 320px;}
    .line04 .tit-h4 h4 {color: #014eaa;}
    .line04 .membraneIcon {  background-color: #014eaa; }


    /* 생활 위치,라인사이즈 변경 */
    .line05 {position: absolute; top: 22%; left: 0%; width: 28%;}
    .line05 .cir_line {position: absolute; left: 18%; top: -11%;}
    .line05 .cir_line p {background: #011787;}
    .line05 .cir_line p:nth-child(1) {width: 340px;}
    .line05 .tit-h4 h4 {color: #011787;}
    .line05 .membraneIcon {  background-color: #011787; }

    

/* 이차 전지 영역 */
.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; justify-content: space-between;}
    .tit_area {flex-grow: 0;flex-shrink: 1;flex-basis: auto;}
    .tit_area h4 {position: relative; font-size: 30px;font-family: 'GmarketSansBold'; color: #4472c4; }
    .tit_area h4 > i {font-size:40px;color: #093e7a;}
    .tit_area span {font-size: 16px;color: #888;}
    .sub_tit_area {padding: 0 8px 0 30px; width: 50%;}
    #tab3 .tit_area{flex-basis: 26%;}
    .sub_tit_area p {font-size: 19px;}
    .con_img_wrap {width: 24%;}

/* 이온교환막 */
.sec02_con h5 {text-align: center; font-size: 28px;font-weight: 600; }
.sec02_con .tit-sub {text-align: center; margin-top: 30px;font-size: 20px; line-height: 1.8; padding: 0 20px;}
.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;}
.ion-img-wrap {padding: 60px 0 0 0;}

/* 양이온 음이온교환막 이미지 영역 */
.ion-img-wrap.type2 {border: 1px solid #ddd;padding: 60px 0;border-radius: 24px;}
.ion-img-wrap.type2 p.img-wrap {height: 600px;}
.ion-img-wrap.type2 p img {margin: 0 auto; display: block; height: 100%; width: auto;}


/* 섬유,산업용 필터 설명 box */
.product-item-txt {background: #ededed; padding: 30px!important; border-radius: 16px;}


/* 리튬이온 배터리 분리막(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: 480px;}
/* 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: 95%; 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; top: 88%; right: 0%;}
.type2 .line08 .cir_line p {background: #8faadc;}
.type2 .line08 .cir_line p:nth-child(1) {width: 420px;}


.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-weight: 600; color: #444; margin: 0 0 20px 0;}
    .buiness_txt li span {font-size: 1rem; font-weight: 400;color: #676767;}

.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-weight: 600; color: #444; margin: 0 0 20px 0;}
    .libs_det_info .det_txt span {font-size: 1rem; font-weight: 400;color: #676767;}

    .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; width: 61%; }
    .title-wrap {width: 61%;}
    .ceo_img_wrap {width: 37%;}


    /* 경영이념 - 핵심가치 */
    .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;}
    .management_tab_wrap>ul>li>p {width: 14.3846vw;height: 9.3846vw;}
    .management_tab_wrap>ul>li>p a {padding: 1.8585vw; font-size: 1.5rem;}


    /* 연혁 */
    .his_img>p {width: 80%; transition: all 0.4s;}
    .year_tit.imgY::after {width: 140px; }
    .histroy_right_area.img_contents .his_img {}
    .histroy_right_area.text_contents .year_tit::after {left: -27%}


    /************************************/
    /* 회사소개 - 제품소개  ********************/
    /* 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: 10vw;}
    .line03 .cir_line p:nth-child(1) {width: 10vw;}

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

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



@media all and (max-width: 1200px){
    /************************************/
    /* 회사소개 CEO 인사 *****************/
    /************************************/
    .ceo-con-wrap .title-wrap .title { font-size: 34px; transition: all 0.3s;}
    
    /* CEO 인사*/
    .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;}



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

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


    /************************************/
    /* 사업영역 - 사업소개  **************/
    /* 24-04-19 이다혜 수정 *************/
    /***********************************/
    
    .cir_img_wrap {max-width: 480px;margin: 100px auto 100px auto; }
    /* Membrane 라인 관련 */

    .line01 .cir_line {top: 7%; }

    .line02 {top: 37%}

    .line03 {top: 68%; right: 16%;}
    .line03 .cir_line {transform: scaleX(1)!important; left: 8%;top:-50%;}
    .line03 .cir_line p:nth-child(1) {display: none;}
    .line03 .cir_line p:nth-child(2) {height: 104;}


    .line04 {left:6%; bottom: 12%;}
    .line04 .cir_line {left: 14%; top: -90%;}
    .line04 .cir_line p:nth-child(1) {width: 25vw;}
    .line04 .cir_line p:nth-child(2) {height: 120px;}

    .line05 {top: 14%}
    .line05 .sub-txt {width: 280px;}
    .line05 .cir_line p:nth-child(1) {width: 29vw;}


    /* sodium(Na), 리늄메탈, 리늄황 전지 관련 */
    .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%;}

    .tit_area h4 {font-size: 25px;}
    .sub_tit_area {padding: 0 8px 0 20px;}
    .sec02_tit_wrap .con_wrapper {padding: 30px;height: auto;}

    
    /************************************/
    /* 회사소개 - 사업 연혁  *************/
    /************************************/
    .histroy_left_area.text_contents .year_tit::before {left: 103.8%;}
    .histroy_right_area.text_contents .year_tit::before {left: -7%;}
    .histroy_right_area.text_contents .year_tit::after {left: -40%;}
    .year_tit.imgY::after {width: 33%;}



    /************************************/
    /* 기업정보 - 경영이념  **************/
    /************************************/
    .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 10vw;}

    /* 조직문화 */
    .content_03 .org_culture>li.img_wrap {flex-basis: 52%;}
    .content_03 .org_culture .text_wrap span {font-size: 1.5vw;}

}


@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 {width: 150px; height: 150px; margin-bottom: 20px;}
	.con_ci_woori li p {margin-top: 10px;}
    .con_ci_cir li:nth-child(1) p,
    .con_ci_cir li:nth-child(2) 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 이다혜 수정 */
    /************************************/
    
    /* Membrane 라인 관련 */
    .line02 { top:46%; right: 0;}
    .line02 .cir_line {top:-75%;}
    .line02 .cir_line p:nth-child(2) {height: 80px;}

    .line04 {bottom: 23%; left: 2%;}
    .line04 .cir_line {left: 5%; top:-20%;}
    .line04 .cir_line p:nth-child(1) {display: block; width: 30vw;}
    .line04 .cir_line p:nth-child(2) {height: 20px;}

    .line05 .sub-txt {width: 240px;}
    .line05 .cir_line p:nth-child(1) {width: 267px;}
    

    /* 이차전지 내용 영역 */
    .con_img_wrap {
        display:none;
    }
    .sec02_tit_wrap .con_wrapper {justify-content: center;}
    .tit_area {flex-grow: 0;}




}

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

    /************************************/
    /* 회사소개 CEO 인사 *****************/
    /************************************/
    .ceo-con-wrap .ceo_img_wrap {float:none;width: 100%;max-width: 400px;margin: 0 auto;overflow: hidden;}
    .ceo-con-wrap .ceo_img_wrap div {position: relative;}

    /* CEO 인사말 타이틀 위치 */
    .ceo-con-wrap .title-wrap {width: 100%; float:none;text-align: center;margin-top: 6vw;}
    .ceo-con-wrap .title-wrap h4 {text-indent: 0;}
    .ceo-con-wrap .title-wrap .title {margin-top: -3vw;display: inline-block; font-size: 4vw;}
    .ceo-con-wrap .title-wrap .title br:nth-child(1),
    .ceo-con-wrap .title-wrap .title br:nth-child(2){display:none;}

    /* CEO 인사말 TEXT */
    .ceo_intro {width: 100%; }
    .ceo_intro.ceo2 {float:none; width: 100%;}

    
    /*
    *************************************
    날짜       작성자
    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 이다혜 수정 */
    /************************************/
 
    /* 사업소개 - 주요사업 영역 */
    .section_cont .tit-txt {margin-top: 0!important;}
    .con_sec_01 {margin-bottom: 0;}
    .con_sec_01 .con_cir_wrap {margin-bottom: 0;}
    /* 사업소개 - 사업소개 영역 배치 정의 */
    .cir_img_wrap {max-width: 500px;margin: 100px auto;}
    .ion-img-wrap.type2 p.img-wrap {height: 400px;}

    
    .moicon { display:flex !important;}
    .con_cir_sub_txt {position: relative;display:flex;flex-direction: row;flex-wrap: wrap;justify-content: center;height: auto;}
    .con_cir_sub_txt>div {position: unset!important; width: 50%; flex: 1 1 50%; padding-bottom: 20px; }
    .con_cir_sub_txt .cir_line {display:none;}

    .line01 {align-items: flex-start;}
    .line01 .sub-txt,
    .line02 .sub-txt {width: 100%;}
    .line01 .tar,.line02 .tar,.line03 .tar {text-align:left!important;}
    .con_cir_sub_txt>div.line04,.con_cir_sub_txt>div.line05 {width: 48%;}

    /* 아이콘 사이즈 조정 */
    .membraneIcon {width: 60px; height: 60px; border-radius: 50%;}


    /* sodium(Na), 리늄메탈, 리늄황 전지 관련 */
    .con_cir_sub_txt.type2 {height: auto;}
    .type2 h4 {display: block;font-size: 25px; font-weight: 600; }
    
    .line05 .sub-txt {width: 100%;}

    .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;}



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

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

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

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

    /* 조직 문화 */
    .content_04 p {font-size: 5vw;}
    .content_04 span.manage_h2 {font-size: 7vw;}
    .content_04 span.management-sTxt {font-size: 3vw;}

    /* 핵심가치 */
    .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;}

    /* 경영방침 리스트 */
    .content_03 .type3 {flex-direction: column; align-items:flex-start}
    .content_03 .type3 li {width: 70%;margin: 0 auto 20px auto;margin-bottom: 20px;}
    .content_03 .org_culture>li.img_wrap {flex-basis: 100%; width: 100%;}
    .content_03 .org_culture>li.text_wrap {width: 96%;margin-left: 15px;}

    .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: 106%;}
    .histroy_right_area.text_contents .year_tit::before {left: -8.2%;}


    /************************************/
    /* 회사소개 - CI  *************/
    /************************************/
    .con_ci_04 {flex-direction: column;align-items: center}
    .con_ci_04 .scope_logo {margin: 0 0 20px 0}
    .con_symbol_info .symbol_txt {word-break: break-all;}
    .con_ci_cir {flex-basis: 60%;}
    .con_ci_cir li {width: 180px; height: 180px;}
    .scope_txt span {word-break: break-all;}

    /************************************/
    /* 글로벌 네트워크  ******************/
    /************************************/
    .country .addr p {flex-direction: column;}
    
}



@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-wrap .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.2%; 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 ;}


    /************************************/
    /* 회사소개 - 글로벌 네트워크  ********/
    /************************************/
    .country_contents ul.country { width: calc((100% / 2) - 24px); margin: 0 36px 40px 0;}
    .country_contents ul.country:nth-child(even) { margin-right: 0;}

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




    /************************************/
    /* 회사소개 - 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_cir {justify-content: space-evenly; gap: 30px 0px;}
    .con_ci_woori > li { width: 120px; height: 120px}
    .con_ci_cir li {width: 150px; height: 150px;}

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

    .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 {margin-bottom: 10px;}
    .con_sec_01 .con_cir_wrap {height: auto;margin-bottom: 30px;}
    .section_cont .tit-txt {
        margin-top: 0px!important;
    }

    /* 이차전지, 차세대전지 타이틀 영역 */
    .sec02_tit_wrap .con_wrapper {
        flex-direction: column;
        height: auto;
        padding: 30px 16px;
        text-align: center;
    }
    .sub_tit_area {
        padding: 0;
        width: 100%;
    }

    .sec02_con .tit-sub {word-break: break-all;}

    /* 리튬이온 배터리 분리막(LiBS)이란 */
    .con_libs_img_warp {flex-direction: column;}
    .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;}


    /***************************/
    /* 경영이념  ****************/
    /***************************/
    /* 상단  미션,비전 */
    .content_01 p {font-size: 4.2vw;}
    .content_02.type2 li span {font-size: 2.8vw;}
    .content_02.type2 li span.mr_15 {margin-right: 10px!important;}

    /* 상단 조직문화 */
    .content_04 p {font-size: 6vw;}
    .content_04 span.manage_h2 {font-size: 9vw;}
    .content_04 span.management-sTxt {font-size: 3.5vw;}

    /* 상단 핵심가치 */
    .content_02.type5 li p {font-size: 2.8vw;}

    /* 리스트 공통 */
    .content_03 .tit {font-size: 2.88vw;}


    /* 미션,비전 리스트 */
    .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 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 li {width: 32%;margin: 10px 0;}
    .core_value_dt p {font-size: 2.5vw; margin-bottom: 20px;font-size: 2.5vw;}
    
}



@media all and (max-width: 640px){
    /************************************/
    /* 회사소개 CEO 인사 *****************/
    /************************************/
    .ceo-con-wrap .title-wrap .title {font-size: 4.4375vw;}
    .ceo-con-wrap .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 {width: 150px;height: 80px;margin-bottom: 16px;border-radius: 60px;}
    .cir_bg_wrap p {font-size: 16px; border-radius: 60px;}
    
    .right_content_box {width: 100%; min-height: 80px;height: auto;}

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

    .content_01 p {font-size: 28px;}
    .content_01 p span {font-size: 18px;}
    .content_02.type2 li span {font-size: 2.99vw;}

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

    /* 이해관계 */
    .content_02.type2 li p {height: 36px; padding-bottom: 10px;}
    .content_02.type2 li span.mr_15 {margin-right: 7px!important;}

    /* 조직문화 */
    .content_04 p {font-size: 5vw;margin-top:5px;}
    .content_04 span.management-sTxt {font-size: 18px;}

    /* 핵심 가치 */
    .content_02.type5 li {width: 30%;}
    .content_02.type5 li p {font-size: 16px;}
    .content_02.type5 li p span {font-size: 20px;}


    /* 하단 리스트 영역 */
    .management_con_02 {margin: 70px 0}
    .gubun_box {height: 13vw;}
    .gubun_box>span {border-top: 5vw solid #dfe9ff;border-left: 5vw solid #dfe9ff;border-right: 5vw solid #dfe9ff;}
    .menagement_list {padding: 5vw 0}


    /************************************/
    /* 사업영역 - 사업소개  **************/
    /* 2024-04-16 이다혜 수정 */
    /************************************/
    .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;
    }
    .line01 {align-items: center}
    .con_cir_sub_txt>div,
    .line01 .tar,
    .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;
    }
    .ion-img-wrap.type2 {padding: 30px 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;}


    /************************************/
    /* 회사소개 - 사업 연혁 **************/
    /************************************/
    .history_contents>h4 { width: 100%; font-size: 24px;}

    /* 상단 리스트 */
    
    /* 경영이념 */
    .content_01 p {font-size: 6vw;}
   
    /* 핵심가치 */
    .content_02.type5 li {margin: 4px 0;}
    .content_02.type5 li p {font-size: 4vw;}
    .content_02.type5 li p span {font-size: 4vw;}


    /* 사업소개 */
    .ion-img-wrap.type2 p.img-wrap {height: 90vw;}
    
}