@charset "utf-8";

@import url('animations.css');

.dp_tb, .dp_mb {display:none;}

.sub_visual {position:relative;}
.sub_visual .bg {width:100%; height:625px; overflow:hidden;}
.sub_visual .bg p {width:100%; height:625px; background-repeat:no-repeat; background-position:center; background-size:cover; transform-origin:center; transform:scale(1.1); animation:bgAni 2s ease forwards}
.sub_visual .bg p.company {background-image:url(../images/sub/bg_subvisual01.jpg);} /*회사소개*/
.sub_visual .bg p.product {background-image:url(../images/sub/bg_subvisual02.jpg);} /*제품소개*/
.sub_visual .bg p.esg {background-image:url(../images/sub/bg_subvisual03.jpg);} /*지속가능경영*/
.sub_visual .bg p.rnd {background-image:url(../images/sub/bg_subvisual04.jpg);} /*연구개발*/
.sub_visual .bg p.support {background-image:url(../images/sub/bg_subvisual05.jpg);} /*고객지원*/
.sub_visual .bg p.report {background-image:url(../images/sub/bg_subvisual06.jpg);} /*제보하기*/
.sub_visual .txt {position:absolute; z-index:1; left:50% !important; top:50%; color:#fff; text-align:center; margin-top:40px; transform:translate(-50%, -50%);}
.sub_visual .txt div {display:flex; overflow:hidden;}
.sub_visual .txt div span {font-weight:500; font-size:60px; font-family:'Play', 'Noto Sans KR';}
.sub_visual .txt p {margin-top:15px; font-size:22px; font-family:'Play', 'Noto Sans KR'; animation:fadeup 1s ease 1s forwards; opacity:0;}

.sub_visual .sub_tab {position:absolute; z-index:1; left:50%; bottom:0; transform:translateX(-50%); width: 1460px;}
.sub_visual .sub_tab > a {display:none; color:#fff; line-height:30px; padding:0 20px; font-size:16px; font-weight:500; background:rgba(32,52,155,0.85) url(../images/common/ico_sub_arrow.png) no-repeat right 20px center;}
.sub_visual .sub_tab > a.on {background-image:url(../images/common/ico_family_arr_up.png);}
.sub_visual .sub_tab ul {display:flex;}
.sub_visual .sub_tab ul li {flex-grow:1;}
.sub_visual .sub_tab ul li + li {border-left:1px solid rgba(255,255,255,0.17);}
.sub_visual .sub_tab ul li a {display:block; color:#fff; line-height:64px; font-size:18px; text-align:center; font-weight:400; background:rgba(32,52,155,0.85);}
.sub_visual .sub_tab ul li.on a {color:var(--point-blue); background:#fff; font-weight: 500;}



:lang(en) .sub_visual .sub_tab {position:absolute; z-index:1; left:50%; bottom:0; transform:translateX(-50%); width: 1700px;}
:lang(en) .sub_visual .sub_tab ul li a {display:block; color:#fff; line-height:64px; font-size:16px; text-align:center; font-weight:400; background:rgba(32,52,155,0.85);}




@keyframes bgAni {
	0% {transform:scale(1.1);}
	100% {transform:scale(1.0);}
}

@keyframes fadeup {
	0% {opacity:0; transform:translateY(20px);}
	100% {opacity:1; transform:translateY(0);}
}

.contents {padding:70px 0 120px;}
.contents .inner {width:1460px; margin:0 auto;}
.contents.pb0 {padding-bottom: 0;}
.contents .sub_title {margin-bottom:100px; font-size:42px; color: #000; text-align:center; font-weight:600; letter-spacing:-0.1rem;}
.contents .sub_title.mb_s {margin-bottom: 90px;}
.contents .cont_title {font-size:36px; line-height:1.27; color:#000; font-weight:400; letter-spacing:-0.1rem;}
.contents .cont_stit {font-size: 24px; color: #000; font-weight: 600;}

/* 공통 table 스타일 */
.table_scroll { width: 100%;}
.tbl_style {width:100%; }
.tbl_style thead {border-top:2px solid #222;}
.tbl_style thead th {padding:10px; color: #333; font-weight:500; text-align: center; vertical-align:middle; border-left:1px solid #e5e5e5; border-bottom: 2px solid #000; }
.tbl_style thead th:first-child { border-left: 0; }
.tbl_style thead th.dbor {border-bottom:1px solid #d3d1ce;}
.tbl_style .lbor {border-left:1px solid #e5e5e5 !important;}
.tbl_style .fbor {border-right:1px solid #e5e5e5 !important;}
.tbl_style tbody th {padding:14px; vertical-align:middle; text-align:center; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.tbl_style tbody th:first-child {border-left:0; }
.tbl_style tbody td {padding:16px 16px; color: #666; text-align:center; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.tbl_style tbody td.tal_le {text-align:left}
.tbl_style tbody td:first-child {border-left: 0; }

.tbl_style2 {width:100%; }
.tbl_style2 thead th {padding:10px; background: var(--point-blue); color: #fff; font-weight: 500; border-left:1px solid #3b4eb1;}
.tbl_style2 thead th:first-child { border-left: 0; }
.tbl_style2 tbody th {padding:14px; background: #f7f7f7; font-weight: 500; color: #333; border-bottom:1px solid #ddd;}
.tbl_style2 tbody td {padding:14px; text-align:center; border-left:1px solid #dddddd; border-bottom:1px solid #ddd; }
.tbl_style2 tbody td:first-child {border-left:0; }
.tbl_style2 tbody td.tal_le {text-align:left}
.tbl_style2 tbody.merit td:nth-child(2) {border-left: 2px solid var(--point-blue); border-right: 2px solid var(--point-blue);}
.tbl_style2 td.bot_line {border-bottom: 2px solid var(--point-blue); }
.tbl_style2 .tx_red {color: var(--point-blue);}

/* 공통 목차*/
.list_ty1 li {position: relative; padding:0 0 10px 12px; }
.list_ty1 li:after {content: ''; position:absolute; left:0px; top: 10px; width:5px; height:5px; border-radius: 100%; background:#d4d4d4;}
.list_ty1.indent {padding: 0 0 0 23px;}

.list_ty2 li {position: relative; padding:0 0 10px 12px; }
.list_ty2 li:after {content: ''; position:absolute; left:0px; top: 12px; width:5px; height:1px; background:#666;}
.list_ty2.indent {padding: 0 0 0 23px;}

/* 공통  Tab*/
.tab_con {}
.tab_con ul {display:flex; justify-content:center; gap: 10px;}
.tab_con ul li a {font-size:18px; height:54px; padding:0 30px; min-width:104px; display:flex; align-items:center; justify-content:center; font-weight:500; background:#ededed; border-radius:27px; color:#656565; letter-spacing:-.02em; line-height:1.3em; text-align:center;}
.tab_con ul li.active a {color:#fff; background:var(--point-blue)}

/* 스크롤 dim */
.dim_scroll {width:100%; overflow-x: auto; position: relative;}
.responsive-dim {position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.6); z-index:2; display:none;}
.responsive-dim p {position:absolute; top:50%; left:0; right:0; text-align: center; transform:translate(0,-50%);}
.responsive-dim span {display:block; margin-top:10px; color:#fff; font-weight:400; font-size:14px;}

/* 레이어 팝업 */
.popup_wrap { display: none; position:fixed; left:0; top:0; bottom: 0; right: 0; width:100%; height:100%; background: rgba(0,0,0,.7); z-index:9999;}
.popup_wrap .popup {position:absolute; z-index:1; left:50%; top:50%; width: 90vw; max-width: 1200px; transform:translate(-50%,-50%); border-top-left-radius: 16px; border-top-right-radius: 16px; overflow: hidden; box-shadow:0 0 20 10 rgba(0,0,0,0.8);}
.popup_wrap .popup .pop_head {position: relative; display:flex; align-items:center; justify-content:space-between; padding:0 10px 0 28px; height: 62px; background:var(--point-darkblue);}
.popup_wrap .popup .pop_head strong {display:block; font-size:22px; color: #fff; font-weight: 400; }
.popup_wrap .popup .pop_head button {width:36px; height:36px; text-indent:-9999px; background:url(../images/common/ico_pop_close.png) no-repeat center;}
.popup_wrap .popup .pop_con { padding:30px; background: #fff; height: 60vh; overflow-y: auto;}
.popup_wrap .popup .pop_con .img {display: flex; justify-content: center; align-items: center;}

.popup_wrap .popup.product {max-width: 1023px;}
.popup_wrap .popup.product .pop_con {display: flex; justify-content: space-between; padding: 40px; height: 50vh;}
.popup_wrap .popup.product .pop_con .img_box { width: 54%; }
.popup_wrap .popup.product .pop_con .info { width: 46%; margin-left: 60px;}
.popup_wrap .popup.product .pop_con .info dl {}
.popup_wrap .popup.product .pop_con .info dl dt {display: flex; justify-content: center; align-items: center; width: 108px; height: 32px; border: 2px solid var(--point-darkblue); border-radius: 16px;}
.popup_wrap .popup.product .pop_con .info dl dt span {color: var(--point-darkblue); font-weight: 500;}
.popup_wrap .popup.product .pop_con .info dl dd { margin-top: 10px; line-height: 1.5;}
.popup_wrap .popup.product .pop_con .info dl + dl {margin-top: 30px;}

/* 회사소개 > CEO인사말 */
.intro .pic {margin-top:30px;}
.intro .pic img {width:100%;}
.intro .intro_con {padding:75px 0 0 320px;}
.intro .intro_con p {color:#606060; font-size:18px; line-height:1.7;}
.intro .intro_con p + p {margin-top:25px;}
.intro .intro_con .name {display:flex; align-items:center; margin-top:80px;}
.intro .intro_con .name img {margin-left:24px;}

/* 회사소개 > 회사개요 */
.summary .pic { margin-top: 30px;}
.summary .white_box { position: relative; top: -70px; margin: 0 130px; padding: 40px 100px; background: #fff; }
.summary .white_box .tit { font-size: 32px; color: #000; font-weight: 500; letter-spacing: -0.2rem;}
.summary .white_box .list { margin-top: 20px;}
.summary .white_box .list li {padding: 20px 40px; border-bottom: 1px solid #ddd;}
.summary .white_box .list li:first-child {border-top: 1px solid #000;}
.summary .white_box .list dl {display: flex; font-size: 18px;}
.summary .white_box .list dl dt {width: 20%; color: #000; font-weight: 600;}
.summary .white_box .list dl .add { display: flex; align-items: center; margin-bottom: 10px; }
.summary .white_box .list dl .add strong {display: flex; justify-content: center; align-items: center; margin-right: 20px; width: 70px; height: 34px; font-size: 16px; border: 1px solid #666; font-weight: 400;}
.summary .white_box .list dl .add span {flex: 1;}
.summary .white_box .list dl .add.cn {align-items: flex-start;}
.summary .white_box .list dl .add.cn span {line-height: 1.8;}


:lang(en) .summary .white_box .list dl dt {width: 40%; color: #000; font-weight: 600;}
:lang(en) .summary .white_box .list dl .add strong {display: flex; justify-content: left; margin-top: 10px; align-items: left; padding-left: 20px; width:230px; height: 50px; font-size: 16px; border: 1px solid #666; font-weight: 400;}




/* 회사소개 > 연혁 */
.history .history_con.first {margin-top: 30px;}
.history .history_con .his_bg {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;  height: 260px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.history .history_con .his_bg.bg01 {background-image: url(../images/sub/history_bg01.jpg);}
.history .history_con .his_bg.bg02 {background-image: url(../images/sub/history_bg02.jpg);}
.history .history_con .his_bg p {display: block; font-size: 36px; color: #fff;  font-weight: 500; text-align: center; }
.history .history_con .his_year {position: absolute; left: 50%; transform: translateX(-50%);}
.history .history_con .his_year .year_box{position: relative; top: -95px; display: flex; align-items: center; justify-content: center; width: 340px; height: 150px; background: var(--point-blue);  font-size: 36px; color: #fff; font-weight: 600; font-family:'Play','Noto Sans KR'; }
.history .history_con .his_box {position: relative; display: flex; padding: 80px 0 0 0 ;}
.history .history_con .his_box:last-child {padding-bottom: 80px;}
.history .history_con .his_box::before { content:""; display:block; position:absolute; top:0px; left:50%; width:1px; height:100%; background:#d9d9d9; z-index: -1;}
.history .history_con .his_box .img_box {width: 50%;} 
.history .history_con .his_box .his_txt { position: relative; width: 50%;}
.history .history_con .his_box .his_txt .year {position: relative; margin-bottom: 20px; padding-left: 40px; font-size: 34px; color: var(--point-blue); font-weight: 600; font-family:'Play';}
.history .history_con .his_box .his_txt .year::before {content: ''; position: absolute; left: -10px; top: 8px; display: block; width: 20px; height: 20px; background: rgba(32,52,155,0.2); border-radius: 50%; }
.history .history_con .his_box .his_txt .year::after {content: ''; position: absolute; left: -4px; top: 14px; display: block; width: 8px; height: 8px; background:var(--point-blue); border-radius: 50%; }
.history .history_con .his_box .his_txt .list {display: flex; align-items: flex-start;  margin: 0 0 10px 40px;}
.history .history_con .his_box .his_txt .list dt {width: 80px; font-size: 17px; color: #333333; font-weight: 600; font-family:'Play';}
.history .history_con .his_box .his_txt .list dd {flex: 1; }
.history .history_con .his_box .his_txt .list.red dt,
.history .history_con .his_box .his_txt .list.red dd{color: var(--point-blue);}
.history .history_con .his_box.reverse .his_txt {order: -1; text-align: right;}
.history .history_con .his_box.reverse .his_txt .year {padding-left: 0; padding-right: 40px;}
.history .history_con .his_box.reverse .his_txt .year::before {left: auto; right: -10px;}
.history .history_con .his_box.reverse .his_txt .year::after {left: auto; right: -4px; z-index: 2;}
.history .history_con .his_box.reverse .his_txt .list {flex-direction: row-reverse; margin: 0 40px 10px 0;}


/* 회사소개 > 경영이념 */
.philosophy .phil_tit {text-align: center;}
.philosophy .phil_tit strong {font-size: 26px; color: var(--point-blue); font-family:'Play';}
.philosophy .phil_tit em {display: block; font-weight: 500;}
.philosophy .vision {text-align: center; height: 400px; }
.philosophy .vision.bg {background: url(../images/sub/phil_vision_bg.png)no-repeat center;}
.philosophy .vision p {margin-top: 60px; font-size: 26px; color: #000; font-weight: 500;}
.philosophy .mission {display: flex; justify-content: center; align-items: center; flex-direction: column; height: 400px;}
.philosophy .mission.bg {background: url(../images/sub/phil_mission_bg.jpg) no-repeat center;}
.philosophy .mission .phil_tit strong {color: #fff;}
.philosophy .mission .phil_tit em {color: #fff;}
.philosophy .mission p {margin-top: 60px; font-size: 26px; color: #fff; font-weight: 500; text-align: center;}
.philosophy .coreValue {margin-top: 80px;}
.philosophy .coreValue ul {display:grid; grid-template-columns:repeat(4, 1fr); gap: 20px; margin-top: 50px;}
.philosophy .coreValue ul li {display: flex; align-items: center; flex-direction: column; padding: 80px 20px; background: #fff; box-shadow:0px 5px 21px 0px rgba(0,0,0,0.15);}
.philosophy .coreValue ul li .info {margin-top: 30px; text-align: center;}
.philosophy .coreValue ul li .info strong {display: block; font-size: 20px; color: #000; font-weight: 600; }
.philosophy .coreValue ul li .info p {margin-top: 10px;}
.philosophy .paradigm {margin-top: 80px;}
.philosophy .paradigm .tit {font-size: 36px; color: #000; letter-spacing: -2px;}
.philosophy .paradigm .tit b {color: var(--point-blue); font-weight: 600;}
.philosophy .paradigm .cont_box {display: flex; align-items: center; margin-top: 40px;}
.philosophy .paradigm .cont_box .pic { width: 46%; height: 574px; background: url(../images/sub/phil_paradigm_bg.jpg) no-repeat center; background-size: cover;}
.philosophy .paradigm .cont_box .info {margin-left: 40px;}
.philosophy .paradigm .cont_box .info li {font-size: 18px; font-weight: 400;}
.philosophy .paradigm .cont_box .info li + li {margin-top: 20px;}
.philosophy .paradigm .cont_box .info li span {margin-right: 8px; color: var(--point-blue);  font-family:'Play'; font-weight: 600;}



/* 회사소개 > 글로벌네트워크 */
.global_net {position:relative; }
.global_net .global_net_con {position: relative;  overflow: hidden;}
.global_net .map_pin { width:100%; background: #e7e9f5;}
.global_net .map_pin .map {width:100%;}
.global_net .map_pin .map img {display:block; width:100%; }
.global_net .map_pin [class^="pin_"] {position:absolute; z-index:1; left:50%; top:50%; padding-left:32px; }
.global_net .map_pin [class^="pin_"] strong {font-family:'Play'; font-size:18px; color:var(--point-blue); font-weight:600;}
.global_net .map_pin [class^="pin_"] p {color:#666;}
.global_net .map_pin [class^="pin_"]:before {content:''; position:absolute; z-index:1; left:0; top:0; width:26px; height:26px; border-radius:50%; background:rgba(32,52,155,0.2); animation: circle 1.5s ease-in-out infinite;}
.global_net .map_pin [class^="pin_"]:after {content:''; position:absolute; z-index:1; left:7px; top:7px; width:10px; height:10px; border-radius:50%; background:var(--point-blue);}
.global_net .map_pin .pin_korea {margin-left:23.3%; margin-top:-7.5%;}
.global_net .map_pin .pin_vietnam {margin-left:18%; margin-top:-0.5%;}
.global_net .map_pin .pin_mexico {margin-left:-28.5%; margin-top:-2.5%;}
.global_net .map_pin .pin_china {right:50%; left:initial; padding-right:32px; padding-left:0; text-align:right; margin-right:-21.5%; margin-top:-6%;}
.global_net .map_pin .pin_china:before {left: initial; right: 0;}
.global_net .map_pin .pin_china::after {left: initial; right: 8px;}
@keyframes circle {
    0%{
      opacity: 0.5;
      transform: scale(1);
    }
    100%{
      opacity: 0;
      transform: scale(10);
    }
}
.global_net .global_list {margin-top: 80px;}
.global_net .global_list .list_box {margin-bottom: 60px; padding: 30px 0; border-top: 1px solid #000;}
.global_net .global_list .list_box .tit {font-size: 24px; color: #000; font-weight: 600;}
.global_net .global_list .list_box .item {display: flex; margin-top: 20px;}
.global_net .global_list .list_box .item img {margin-right: 40px;}
.global_net .global_list .list_box .item .txt_con {flex: 1;}
.global_net .global_list .list_box .item .txt_con dl + dl {margin-top: 20px;}
.global_net .global_list .list_box .item .txt_con dt {font-size: 18px; color: #000; font-weight: 500;}
.global_net .global_list .list_box .item .txt_con dd {margin-top: 10px;}
.global_net .global_list .list_box .item .txt_con ul.list_ty1 span + span {margin-left: 20px;}


/* 회사소개 > 오시는 길 */
.location .location_con {display: flex; align-items: stretch; gap: 40px;}
.location .location_con + .location_con {margin-top: 70px;}
.location .location_con .location_info {width: 30%;}
.location .location_con .location_info .tit {font-size: 24px; color: #000; font-weight: 500;}
.location .location_con .location_info .info {margin-top: 26px; border-top: 2px solid #000;}
.location .location_con .location_info .info .list {padding-top: 26px;}
.location .location_con .location_info .info .list li {display: flex; align-items:center; gap: 20px}
.location .location_con .location_info .info .list li + li {margin-top: 20px;}
.location .location_con .location_info .info .list li::before {content: ""; display: block; width: 48px; height: 48px; border-radius: 100%; background: var(--gray2-color); background-repeat: no-repeat; background-size: auto; background-position: center;}
.location .location_con .location_info .info .list li.addr::before {background-image: url(../images/sub/loca_ico_addr.png);}
.location .location_con .location_info .info .list li.tel::before {background-image: url(../images/sub/loca_ico_tel.png);}
.location .location_con .location_map {width: 100%; max-width: 70%; }

/* 제품소개 */
.product.bg {background: #f6f6f6; padding: 0 0 50px 0; }
.product .tit {padding: 30px 0; text-align: center; font-size: 26px; color: #000; font-weight: 500;}
.product .car_sequence {position: relative; }
.product .car_sequence .obj {position: relative; }
.product .car_sequence .prod_link {display: block; position: absolute; text-indent: -9999%; left: 50%; top: 50%; background-repeat: no-repeat; background-size: cover;}

.product .car_sequence .prod_link.battplus {margin-left: -35%; margin-top: -13.42%; width: 24.8%; height: 48%; background-image: url(../images/sub/prod_battery_battPlus.png);}
.product .car_sequence .prod_link.battplus button {position: absolute; left: 3%; top: 3.4%; width: 56%; height: 49%; }
.product .car_sequence .prod_link.battminus {margin-left: -10.9%; margin-top: -23.7%; width: 24.8%; height: 70%; background-image: url(../images/sub/prod_battery_battMinus.png);}
.product .car_sequence .prod_link.battminus button {position: absolute; left: 37%; top: 2.2%; width: 60%; height: 34%; }
.product .car_sequence .prod_link.ground {margin-left: -8.5%; margin-top: 2.1%; width: 47.8%; height: 25.4%; background-image: url(../images/sub/prod_battery_ground.png);}
.product .car_sequence .prod_link.ground button {position: absolute; left: 69%; top: 6%; width: 30%; height: 94%; }

.product .car_sequence .prod_link.ringTerminal {margin-left: -0.64%; margin-top: -23.4%; width: 13%; height: 36%; background-image: url(../images/sub/prod_batteryPart_ringTerminal.png);}
.product .car_sequence .prod_link.ringTerminal button {position: absolute; left: 4%; top: 4%; width: 92%; height: 55%;}
.product .car_sequence .prod_link.bandCable {margin-left: 10.2%; margin-top: -16.9%; width: 27.87%; height: 34.4%; background-image: url(../images/sub/prod_batteryPart_bandCable.png);}
.product .car_sequence .prod_link.bandCable button {position: absolute; left:55%; top: 3%; width: 43%; height: 58.6%;}
.product .car_sequence .prod_link.terminalCap {margin-left: 16.4%; margin-top: 1.6%; width: 22.2%; height: 22%; background-image: url(../images/sub/prod_batteryPart_terminalCap.png);}
.product .car_sequence .prod_link.terminalCap button {position: absolute; left:44%; top: 6%; width: 53%; height: 91%; }
.product .car_sequence .prod_link.protector {margin-left: -11.3%; margin-top: 4%; width: 29.3%; height: 39%; background-image: url(../images/sub/prod_batteryPart_protector.png);}
.product .car_sequence .prod_link.protector button {position: absolute; left:57%; top: 48%; width: 42%; height: 50%; }
.product .car_sequence .prod_link.connector {margin-left: -37.6%; margin-top: 8.1%; width: 22.6%; height: 24.5%; background-image: url(../images/sub/prod_batteryPart_connector.png);}
.product .car_sequence .prod_link.connector button {position: absolute; left:3%; top: 14%; width: 52%; height: 80%; }
.product .car_sequence .prod_link.battCap {margin-left: -43.6%; margin-top: -12%; width: 35.9%; height: 30%; background-image: url(../images/sub/prod_batteryPart_battCap.png);}
.product .car_sequence .prod_link.battCap button {position: absolute; left:2%; top: 29%; width: 34%; height: 68%;  }
.product .car_sequence .prod_link.postTerminal {margin-left: -40.5%; margin-top: -21.35%; width: 32.4%; height: 21.5%; background-image: url(../images/sub/prod_batteryPart_postTerminal.png);}
.product .car_sequence .prod_link.postTerminal button {position: absolute; left:2%; top: 7%; width: 37%; height: 94%; }

.product .car_sequence .prod_link.main {margin-left: -40.5%; margin-top: -21%; width: 31.56%; height: 36%; background-image: url(../images/sub/prod_wireHarness_main.png);}
.product .car_sequence .prod_link.main button {position: absolute; left: 2%; top: 3%; width: 64%; height: 57%; }
.product .car_sequence .prod_link.frtdoor {margin-left: -22.9%; margin-top: -32%; width: 19.54%; height: 41.24%; background-image: url(../images/sub/prod_wireHarness_FRTdoor.png);}
.product .car_sequence .prod_link.frtdoor button {position: absolute; left: 2%; top: 3%; width: 73%; height: 43%; }
.product .car_sequence .prod_link.rrdoor {margin-left: -0.8%; margin-top: -29.58%; width: 22%; height: 36%; background-image: url(../images/sub/prod_wireHarness_RRdoor.png);}
.product .car_sequence .prod_link.rrdoor button {position: absolute; left: 32%; top: 3%; width: 64%; height: 50%; z-index: 22; }
.product .car_sequence .prod_link.roof {margin-left: 8.6%; margin-top: -29.58%; width: 30.67%; height: 33.3%; background-image: url(../images/sub/prod_wireHarness_ROOF.png);}
.product .car_sequence .prod_link.roof button {position: absolute; left: 53%; top: 3%; width: 45%; height: 54%; }
.product .car_sequence .prod_link.tgate {margin-left: 17.45%; margin-top: -11%; width: 28%; height: 28%; background-image: url(../images/sub/prod_wireHarness_TGate.png);}
.product .car_sequence .prod_link.tgate button {position: absolute; left: 53%; top: 36%; width: 45%; height: 64%; }
.product .car_sequence .prod_link.doortrim {margin-left: 10.68%; margin-top: -2.5%; width: 20%; height: 38%; background-image: url(../images/sub/prod_wireHarness_doorTrim.png);}
.product .car_sequence .prod_link.doortrim button {position: absolute; left: 6%; top: 56%; width: 88%; height: 43%; }
.product .car_sequence .prod_link.fem {margin-left: -44%; margin-top: -1.56%; width: 29%; height: 20.2%; background-image: url(../images/sub/prod_wireHarness_FEM.png);}
.product .car_sequence .prod_link.fem button {position: absolute; left: 2%; top: 3%; width: 52%; height: 92%;}

.product .car_sequence .prod_link.secondSeatRH {margin-left: -4.2%; margin-top: -26.3%; width: 15.25%; height: 36.7%; background-image: url(../images/sub/prod_seatwireHarness_2SeatRH.png);}
.product .car_sequence .prod_link.secondSeatRH button {position: absolute; left: 5%; top: 3%; width: 96%; height: 50%; }
.product .car_sequence .prod_link.thirdSeatRH {margin-left: 10.7%; margin-top: -22.9%; width: 31.6%; height: 34%; background-image: url(../images/sub/prod_seatwireHarness_3SeatRH.png);}
.product .car_sequence .prod_link.thirdSeatRH button {position: absolute; left: 54%; top: 3%; width: 43.5%; height: 54%;}
.product .car_sequence .prod_link.secondBenchSeat {margin-left: 1.7%; margin-top: -6.8%; width: 40.7%; height: 19%; background-image: url(../images/sub/prod_seatwireHarness_2BenchSeat.png);}
.product .car_sequence .prod_link.secondBenchSeat button {position: absolute; left: 64%; top: 7%; width: 34%; height: 92%; }
.product .car_sequence .prod_link.thirdSeatLH {margin-left: 10.6%; margin-top: 0.8%; width: 31.6%; height: 31.6%; background-image: url(../images/sub/prod_seatwireHarness_3SeatLH.png);}
.product .car_sequence .prod_link.thirdSeatLH button {position: absolute; left: 54%; top: 44%; width: 44%; height: 56%;  }
.product .car_sequence .prod_link.secondSeatLH {margin-left: -5%; margin-top: 2.4%; width: 15.4%; height: 36.9%; background-image: url(../images/sub/prod_seatwireHarness_2SeatLH.png);}
.product .car_sequence .prod_link.secondSeatLH button {position: absolute; left: 5%; top: 50%; width: 92%; height: 48%; z-index: 22; }
.product .car_sequence .prod_link.driverSeat {margin-left: -47.2%; margin-top: 2.4%; width: 45.7%; height: 29%; background-image: url(../images/sub/prod_seatwireHarness_driverSeat.png);}
.product .car_sequence .prod_link.driverSeat button {position: absolute; left: 1.5%; top: 37%; width: 30.5%; height: 60%; }
.product .car_sequence .prod_link.console {margin-left: -47.2%; margin-top: -7.2%; width: 44.5%; height: 19%; background-image: url(../images/sub/prod_seatwireHarness_console.png);}
.product .car_sequence .prod_link.console button {position: absolute; left: 1.5%; top: 7%; width: 31%; height: 92%; z-index: 22; }
.product .car_sequence .prod_link.passengerSeat {margin-left: -47.2%; margin-top: -22.9%; width: 45.4%; height: 32%; background-image: url(../images/sub/prod_seatwireHarness_passengerSeat.png);}
.product .car_sequence .prod_link.passengerSeat button {position: absolute; left: 1.5%; top: 4%; width: 31%; height: 62%; }

.product .car_sequence .prod_link.ldc {margin-left: -40.5%; margin-top: -21%; width: 26.84%; height: 41.5%; background-image: url(../images/sub/prod_HEV_LDC.png);}
.product .car_sequence .prod_link.ldc button {position: absolute; left: 2%; top: 3%; width: 64%; height: 57%; }
.product .car_sequence .prod_link.busbarj {margin-left: -14.9%; margin-top: -29.7%; width: 23.3%; height: 53.5%; background-image: url(../images/sub/prod_HEV_busbar.png);}
.product .car_sequence .prod_link.busbarj button {position: absolute; left: 36%; top: 2.4%; width: 64%; height: 35%; }
.product .car_sequence .prod_link.cellSNSG {margin-left: -0.9%; margin-top: -21.2%; width: 45.2%; height: 39%; background-image: url(../images/sub/prod_HEV_cellSNSG.png);}
.product .car_sequence .prod_link.cellSNSG button {position: absolute; left: 68%; top: 3%; width: 34%; height: 46%; }
.product .car_sequence .prod_link.BMS {margin-left: 3%; margin-top: -6.5%; width: 19.35%; height: 49%; background-image: url(../images/sub/prod_HEV_BMS.png);}
.product .car_sequence .prod_link.BMS button {position: absolute; left: 4%; top: 62%; width: 93%; height: 37%; z-index: 22;}

.product .car_sequence .prod_link.inverterdc {margin-left: 10.5%; margin-top: -2.6%; width: 29%; height: 28%; background-image: url(../images/sub/prod_HEV_inverterDC.png);}
.product .car_sequence .prod_link.inverterdc button {position: absolute; left: 51.2%; top: 32%; width: 48%; height: 63%; }

/* 제품소개_old
.product .prod_list li {display: flex; padding-bottom: 50px; border-bottom: 1px solid #ddd; gap: 80px;}
.product .prod_list li + li {margin-top: 50px;}
.product .prod_list li:last-child {padding-bottom: none; border-bottom: none;}
.product .prod_list li .img {background: var(--gray2-color);}
.product .prod_list li .txt_box {width: 50%;}
.product .prod_list li .txt_box strong {display: block; margin-top: 40px; font-size: 26px; color: #000; font-weight: 600; letter-spacing: -0.1rem;}
.product .prod_list li .txt_box p {margin-top: 20px; font-size: 18px; font-weight: 500; line-height: 1.8;}
 */

/*지속가능경영*/
.sustain {margin-top: 90px !important;}
.sustain .row.first {margin-top: 90px; }
.sustain .row > [class*='col_'] .stit {font-size: 34px; color: #000; font-weight: 500; letter-spacing: -0.2rem;}
.sustain .row > [class*='col_'] .stxt {font-size: 18px;}
.sustain .cont_tit {position: relative; text-align: center; padding: 30px 0; font-size: 26px; color: #000; line-height: 1.6; letter-spacing: -0.1rem;}
.sustain .cont_tit b {font-weight: 600;}
.sustain .cont_tit .tx_red {color: var(--point-blue);}
.sustain .cont_tit::before {content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 22px; height: 20px; background: url(../images/sub/esg_bg_quotes_le.png) no-repeat;}
.sustain .cont_tit::after {content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 22px; height: 20px; background: url(../images/sub/esg_bg_quotes_ri.png) no-repeat;}
.sustain .principle_box {position: relative; margin-top: 40px; padding: 70px 20px; border: 1px solid #b3b3b3; background: #f7f7f7; border-radius: 16px;}
.sustain .principle_box strong {display: block; font-size: 28px; color: #000; font-weight: 500; text-align: center;}
.sustain .principle_box strong b {font-weight: 600;}
.sustain .principle_box ul {display: flex; flex-direction: column; max-width: 1028px; margin: 40px auto 0; gap: 10px;}
.sustain .principle_box ul li {display: flex; align-items: center; gap: 10px; padding: 20px 50px; height: 80px; border: 1px solid #e6e6e6; background: #fff; border-radius: 40px;}
.sustain .principle_box ul li .num {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 100%; background: var(--point-blue);}
.sustain .principle_box ul li .num span {color: #fff; font-size: 15px; font-weight: 500; }
.sustain .principle_box ul li p {flex: 1; color: #333; font-size: 18px;}
.sustain .principle_box .date {margin-top: 40px; text-align: center;}
.sustain .principle_box .sign {display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 10px; font-size: 18px; }
.sustain .principle_box .sign p {color: #333; font-weight: 500;}
.sustain .goal_con {display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 20px;}
.sustain .goal_con dl dt img {border-radius: 20px; border-top-right-radius: 0;}
.sustain .goal_con dl dd {margin-top: 20px;}
.sustain .goal_con dl dd strong {display: block; color: #000; font-size: 22px; }
.sustain .goal_con dl dd span {display: block; margin-top: 6px; font-size: 18px;}

:lang(en) .sustain .cont_tit {position: relative; text-align: center; padding: 30px 0; font-size: 23px; color: #000; line-height: 1.6; letter-spacing: -0.01rem;}
:lang(en) .sustain .row > [class*='col_'] .stit {font-size: 30px; color: #000; font-weight: 500; letter-spacing: -0.1rem;}

.sustain .pic_box {position: relative; height: 480px; padding-top: 120px; }
.sustain .pic_box .bg {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 300px; background: #e8eaf5;}
.sustain .pic_box .pic {width: 1460px; height: 380px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sustain .pic_box .pic.bg02 {background-image: url(../images/sub/esg_pic02.jpg);}
.sustain .pic_box .pic.bg03 {background-image: url(../images/sub/esg_pic03.jpg);}
.sustain .pic_box .pic.bg04 {background-image: url(../images/sub/esg_pic04.jpg);}
.sustain .pic_box .pic.bg05 {background-image: url(../images/sub/esg_pic05.jpg);}
.sustain .pic_box .pic.bg06 {background-image: url(../images/sub/esg_pic06.jpg);}
.sustain .num_list li {display: flex; align-items:self-start; padding: 18px 20px 18px 30px; font-size: 18px; font-weight: 400; background: #fff; box-shadow:0px 5px 21px 0px rgba(0,0,0,0.15);}
.sustain .num_list li span {color: var(--point-blue); font-family:'Play', 'Noto Sans KR'; font-weight: 600; margin-right: 20px; }
.sustain .num_list li + li {margin-top: 10px; }
.sustain .btn_box {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}

.sustain .stit {font-size: 34px; color: #000; font-weight: 500; letter-spacing: -0.2rem;}
.sustain .info .txt1 {position: relative; display: inline; padding: 0 30px 0 30px; font-size: 26px; color: #000; font-weight: 500;}
.sustain .info .txt1::before {content: ""; position: absolute; top: -5px; left: 0; width: 22px; height: 20px; background: url(../images/sub/esg_bg_quotes_le.png) no-repeat ;}
.sustain .info .txt1::after {content: ""; position: absolute; bottom: -14px; right: 0; width: 22px; height: 20px; background: url(../images/sub/esg_bg_quotes_ri.png) no-repeat ;}

.sustain .info .txt2 {margin-top: 40px; font-size: 18px; color: #000; font-weight: 500;}
.sustain .info .txt3 {margin-top: 40px; font-size: 18px; line-height: 1.6;}
.sustain .info .imgBox {margin-top: 50px;}
.sustain .info .txt_list li strong {font-size: 22px; color: #000; font-weight: 500;}
.sustain .info .txt_list li p {margin-top: 10px;}
.sustain .info .txt_list li + li {margin-top: 40px;}
.sustain .doc {position: relative; margin-top: 80px; background:var(--gray2-color); text-align: center;}
.sustain .doc .imgBox {padding: 40px 0;}
.sustain .doc.gap {padding: 60px 0;}
.sustain .bul_list ul {display:grid; grid-template-columns:repeat(5, 1fr); gap: 16px; }
.sustain .bul_list ul li {display: flex; flex-direction: column;  align-items: center; padding: 40px 20px; background: #fff; box-shadow:0px 5px 21px 0px rgba(0,0,0,0.15);}
.sustain .bul_list ul li em {width: 18px; height: 18px; background: url(../images/sub/ico_bul_chek.png) no-repeat center;}
.sustain .bul_list ul li p {margin-top: 18px; font-size: 18px; color: #333; font-weight: 500;}

/*연구개발*/
.research {}
.research.mt {margin-top: 60px;}
.research .row > [class*='col_'] .stit {font-size: 34px; color: #000; font-weight: 500; letter-spacing: -0.2rem;}
.research .row > [class*='col_'] .stxt {font-size: 18px;}
.research .stit {font-size: 34px; color: #000; font-weight: 500; letter-spacing: -0.2rem; margin-bottom: 20px; line-height: 1.2}

.research .intro_txt .txt1 {font-size: 36px; color: #000; font-weight: 500; letter-spacing: -0.2rem;}
.research .intro_txt .txt2 {margin-top: 20px; font-size: 28px; color: var(--point-blue); font-weight: 600; font-family:'Play', 'Noto Sans KR'; line-height: 1.3;}
.research .imgBox.inner { margin: 20px auto 60px; }

.research .intro .row.first {margin-top: 120px;}
.research .intro .overview {display:flex; justify-content: center; align-items: center; padding: 26px; height: 320px; background: url(../images/sub/rnd_pic01.jpg) no-repeat center;}
.research .intro .overview p {font-size: 28px; color: #fff; font-weight: 500; text-align: center;}
.research .intro .need_list {margin-top: 30px;}
.research .intro .need_list > ul {flex-wrap: nowrap; align-items: baseline;  }
.research .intro .need_list > ul > li {width: calc((100%)/5); margin-right: 0; }
.research .intro .need_list > ul > li:last-of-type {margin-right: 0;}
.research .intro .need_list > ul > li:nth-child(1) dl dt {background: #293da7;}
.research .intro .need_list > ul > li:nth-child(2) dl dt {background: #20349b;}
.research .intro .need_list > ul > li:nth-child(3) dl dt {background: #182879;}
.research .intro .need_list > ul > li:nth-child(4) dl dt {background: #15205b;}
.research .intro .need_list > ul > li:nth-child(5) dl dt {background: #20253e;}
.research .intro .rnd_his {position: relative; margin-top: 40px;}
.research .intro .rnd_his .list {position: relative;}
.research .intro .rnd_his .list::before { content:""; display:block; position:absolute; top:15px; left:0; width:1px; height:90%; background:#d9d9d9; z-index: -1;}
.research .intro .rnd_his .list li {position: relative; display: flex; align-items: center; padding: 0 0 0 30px;}
.research .intro .rnd_his .list li::before {content: ''; position: absolute; left: -12px; top: 15px; display: block; width: 24px; height: 24px; background: #e8eaf5; border-radius: 50%; }
.research .intro .rnd_his .list li::after {content: ''; position: absolute; left: -5px; top: 22px; display: block; width: 10px; height: 10px; background:var(--point-blue); border-radius: 50%; }
.research .intro .rnd_his .list li + li {margin-top: 20px;}
.research .intro .rnd_his .list li .le {width: 30%; display: flex; align-items: center;}
.research .intro .rnd_his .list li .le span {font-size: 22px; color: var(--point-blue); letter-spacing: -.6px; font-weight: 600;}
.research .intro .rnd_his .list li .le span:first-child {font-size: 34px; font-family:'Play', 'Noto Sans KR'; }
.research .intro .rnd_his .list li .le span + span {margin-left: 16px;}
.research .intro .rnd_his .list li .ri {width: 70%;}
.research .intro .lab_list {margin-top: 20px;}
.research .intro .lab_list > li:nth-child(1) .lab_con .tit_box {background: #293da7;}
.research .intro .lab_list > li:nth-child(2) .lab_con .tit_box {background: #182879;}
.research .intro .lab_list > li:nth-child(3) .lab_con .tit_box {background: #15205b;}
.research .intro .lab_list > li:nth-child(4) .lab_con .tit_box {background: #20253e;}
.research .intro .lab_list > li + li {margin-top: 30px;}
.research .intro .lab_list > li .lab_con {display: flex; justify-content: space-between;}
.research .intro .lab_list > li .lab_con .tit_box {position: relative; display: flex; justify-content: center; align-items: center; width: 240px; height: 240px; }
.research .intro .lab_list > li .lab_con .tit_box::before {content: ""; position: absolute; top: -8px; top: 50%; right: -7px; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 100%; background: var(--point-blue); border: 3px solid #fff;}
.research .intro .lab_list > li .lab_con .tit_box::after {content: ""; position: absolute; top: 50%;  right: -70px; transform: translateY(-50%); width: 80px; height: 1px; border-top: 1px dotted #c6c6c6; z-index: -1;}
.research .intro .lab_list > li .lab_con .tit_box .tit {font-size: 22px; color: #fff; font-weight: 500; text-align: center; line-height: 1.2;}
.research .intro .lab_list > li .lab_con .lab_box {flex: 1; display: flex; justify-content: space-between; width: 100%; margin-left: 70px; padding: 26px; border: 6px solid #e8eaf5; background: #fff;}
.research .intro .lab_list > li .lab_con .lab_box .le dl + dl {margin-top: 20px;}
.research .intro .lab_list > li .lab_con .lab_box .le dl dt {font-size: 20px; color: var(--point-blue); font-weight: 600;}
.research .intro .lab_list > li .lab_con .lab_box .le dl dt dd .list_ty1 li {padding-bottom: 5px;}
.research .intro .lab_list > li .lab_con .lab_box .ri {margin:0 0 0 20px}
.research .intro .lab_list > li .lab_con .lab_box .ri ul {display: flex; }
.research .intro .lab_list > li .lab_con .lab_box .ri ul li + li {margin-left: 10px;}
.research .intro .lab_list > li .lab_con .lab_box .ri ul li:first-child {margin-left: 0;}
.research .intro .lab_list > li .lab_con .lab_box .ri ul li .img {position: relative;}
.research .intro .lab_list > li .lab_con .lab_box .ri ul li .prod_tit {content: ''; position: absolute; left: 0; bottom: 0; padding: 4px 16px; background: rgba(0,0,0,.6); }
.research .intro .lab_list > li .lab_con .lab_box .ri ul li .prod_tit span {color: #fff; font-size: 16px;}
.research .intro .lab_list + .row {margin-top: 120px;}

.research .center_banner {display: flex; height: 360px; margin-bottom: 60px;}
.research .center_banner .pic {position: relative; width: 50%; background: url(../images/sub/rnd_pic02.jpg) no-repeat 0 0; background-size: cover; }
.research .center_banner .pic p {position: absolute; bottom: 20px; left: 26px; color: #fff;}
.research .center_banner .pic_txt {position: relative; width: 50%; background: var(--point-blue);}
.research .center_banner .pic_txt p {position: absolute; left: 26px; top: 50%; transform: translateY(-50%); font-size: 28px; color: #fff; font-family:'Play', 'Noto Sans KR';}

.research .patent_list {display: grid; grid-template-columns: repeat(3, 1fr); flex-wrap: wrap; gap: 40px 30px; }
.research .patent_list li:hover .info  {background: #fff; box-shadow:0px 5px 21px 0px rgba(0,0,0,0.15); transition:0.3s;}
.research .patent_list a {display: block;position: relative; }
.research .patent_list .info {position: relative; padding: 30px; background:#f8f8f8;} 
.research .patent_list .info .tit { min-height: 68px; font-size: 20px; color: #000; font-weight: 500; line-height: 1.4; letter-spacing: -0.6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; white-space:nowarp; word-break: keep-all;}
.research .patent_list .info .date {font-size: 14px; }
.research .patent_list .info::after {content: ""; position: absolute; bottom: 30px; right: 30px; width: 21px; height: 26px; background: url(../images/common/ico_pdf.png) no-repeat center; background-size: cover;}

.research .equi_list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px 10px; }
.research .equi_list ul li figure { padding: 20px; border: 1px solid #ddd; }
.research .equi_list ul li .txt { margin-top: 10px; color: #000; font-weight: 500; text-align: center;}

.research .need_list > ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.research .need_list > ul > li {width: calc((100% - 40px)/3); margin-right: 20px;}
.research .need_list > ul > li:last-child {margin-right: 0;}
.research .need_list > ul > li .circle_box {display: flex; justify-content: center; }
.research .need_list > ul > li .circle_box .ico {position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 160px; height: 160px; border-radius: 100%; background: #fff; border: 13px solid #e8eaf5; }
.research .need_list > ul > li .circle_box .ico em {display: block; color: var(--point-blue); font-weight: 600; font-family:'Play', 'Noto Sans KR';}
.research .need_list > ul > li .circle_box .ico span {margin-top: 6px;}
.research .need_list > ul > li .circle_box .ico::after {content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); margin-top: 12px; width: 1px; height: 80px; border-left: 1px dashed #ddd;}
.research .need_list > ul > li dl {position: relative; margin-top: 80px;}
.research .need_list > ul > li dl::before {content: ""; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; border-radius: 100%; background: var(--point-blue); border: 3px solid #fff;}
.research .need_list > ul > li dl dt {padding: 10px 0; font-size: 22px; color: #fff; background: #20253e; text-align: center;}
.research .need_list > ul > li dl dd {margin-top: 20px;}
.research .info .txt1 {position: relative; display: inline; padding: 0 30px 0 30px; font-size: 26px; color: #000; font-weight: 500;}
.research .info .txt1::before {content: ""; position: absolute; top: -5px; left: 0; width: 22px; height: 20px; background: url(../images/sub/esg_bg_quotes_le.png) no-repeat ;}
.research .info .txt1::after {content: ""; position: absolute; bottom: -14px; right: 0; width: 22px; height: 20px; background: url(../images/sub/esg_bg_quotes_ri.png) no-repeat ;}
.research .info .txt2 {margin-top: 40px; font-size: 18px; color: #000; font-weight: 500;}
.research .info .txt2.mt {margin-top: 0;}
.research .info .txt3 {margin-top: 20px; font-size: 18px;}
.research .num_list {margin-top: 55px;}
.research .num_list ul {display:grid; grid-template-columns:repeat(4, 1fr); gap: 16px; }
.research .num_list ul li {display: flex; align-items: center; flex-direction: column; padding: 40px 20px; background: #fff; box-shadow:0px 5px 21px 0px rgba(0,0,0,0.15);}
.research .num_list ul li em {color: var(--point-blue); font-weight: 600; font-family:'Play', 'Noto Sans KR';}
.research .num_list ul li p {margin-top: 16px; text-align: center; font-size: 18px; color: #333; font-weight: 500;}
.research .num_list ul li p span {color: var(--point-blue);}
.research .num_list.three ul {grid-template-columns:repeat(3, 1fr); }
.research .spec_box {display: flex; align-items: stretch;}
.research .spec_box .left {position: relative; width: calc(100% - 320px); padding: 26px; background: var(--gray2-color)}
.research .spec_box .left::before {content: ""; position: absolute; top: 50%; right: -16px; transform: translateY(-50%); width: 40px; height: 146px; background: url(../images/sub/rnd_intell_dia_arr.png) no-repeat center;}
.research .spec_box .left::after {content: "효과"; position: absolute; top: 50%; right: -9px; transform: translateY(-50%); color: #fff; font-size: 18px; font-weight:500; z-index: 22;}
.research .spec_box .left .dia_box ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;}
.research .spec_box .left .dia_box ul li {position: relative; padding: 50px 30px 30px; background: #fff; text-align: center;}
.research .spec_box .left .dia_box ul li p {position: absolute; top: 0; left: 0; width: 100px; padding: 10px 0; font-size: 17px; color: #fff; font-weight: 400; background: var(--point-darkblue); text-align: center;}
.research .spec_box .left .dia_box ul li:last-child p {background: var(--point-blue);}
.research .spec_box .right {padding: 20px; width: 320px; border: 4px solid var(--point-blue);}
.research .spec_box .right .effect_box dl {display: flex; justify-content: center; flex-direction: column; align-items: center; }
.research .spec_box .right .effect_box dl dt {display: flex; justify-content: center; align-items: center; width: 62px; height: 62px; border-radius: 100%; background: var(--point-blue); z-index: 22;}
.research .spec_box .right .effect_box dl dt span { font-size: 18px; color: #fff;}
.research .spec_box .right .effect_box dl dd {width: 100%; margin-top: -26px; padding: 40px 16px; border: 1px solid var(--point-blue); }
.research .spec_box .right .effect_box dl + dl {margin-top: 10px;}
.research .spec_box .right .effect_box .list_ty2 li {color: var(--point-blue); line-height: 1.4;}
.research .spec_box .right .effect_box .list_ty2 li:after {color: var(--point-blue);}
.research .spec_box .right .gray_box {margin-top: 40px; padding: 40px 20px; background: var(--gray2-color); text-align: center;}
.research .inwheel_con {margin-top: 40px; padding: 20px 20px; background: var(--gray2-color); }
.research .inwheel_con .grid_box ul {display: grid; grid-template-columns: repeat(2, 1fr); align-items: stretch; gap: 10px;}
.research .inwheel_con .grid_box ul li {padding: 20px; background: #fff; text-align: center; vertical-align:middle;}
.research .inwheel_con .grid_box ul li:nth-child(3) {grid-column: 2 / 3; grid-row: 1 /3;}

.research .dev .prior_con { margin-top: 40px;}
.research .dev .prior_con.mt0 {margin-top: 0;}
.research .dev .prior_con .tit { font-size: 22px; color: var(--point-blue); font-weight: 600;}
.research .dev .prior_con .over_list {display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 20px; border-bottom: 1px solid #ddd;}
.research .dev .prior_con .over_list li dl {display: flex; flex-direction: column; justify-content: center; align-items: center; }
.research .dev .prior_con .over_list li dl dt {width: 100%; display: flex; justify-content: center; align-items: center; height: 48px; color: var(--point-blue); font-weight: 500; background: #e8eaf5; border-right: 1px solid #fff;}
.research .dev .prior_con .over_list li dl dd {width: 100%; display: flex; justify-content: center; align-items: center; padding: 40px 20px; border-right: 1px solid #ddd;}
.research .dev .prior_con .over_list li:nth-child(3n) dl dt,
.research .dev .prior_con .over_list li:nth-child(3n) dl dd { border-right:none}
.research .dev .prior_con + .prior_con {margin-top: 40px;}
.research .dev .prior_con .devel_item { margin-top: 20px;}
.research .dev .prior_con .devel_item dt {display: inline-block; padding: 12px 40px 12px 20px; border-top-right-radius: 38px; background: var(--point-blue); color: #fff;}
.research .dev .prior_con .devel_item dd {border: 6px solid #e8eaf5; padding: 20px; text-align: center;}

/* 제보하기 */
.report .stit {font-size: 34px; color: #000; font-weight: 500; letter-spacing: -0.2rem; line-height: 1.2;}
.report .list_report > li {display: flex; padding: 40px 30px; border-bottom: 1px solid #ddd;}
.report .list_report > li:first-child {border-top: 2px solid #000;}
.report .list_report > li .tit {width: 160px; font-size: 18px; color: #000; font-weight: 500;}
.report .list_report > li .info {flex: 1; margin-left: 20px;}
.report .list_report > li .info span {color: var(--point-blue); font-weight: 600;}
.report .doc {position: relative; background:var(--gray2-color);}
.report .doc.gap {padding: 60px 0; margin: 80px 0;}
.report .num_list ul {display:grid; grid-template-columns:repeat(3, 1fr); gap: 16px; }
.report .num_list ul li {display: flex; align-items: center; flex-direction: column; padding: 30px 20px; background: #fff; box-shadow:0px 5px 21px 0px rgba(0,0,0,0.15);}
.report .num_list ul li em {color: var(--point-blue); font-weight: 600; font-family:'Play', 'Noto Sans KR';}
.report .num_list ul li strong {margin-top:10px; text-align: center; font-size: 18px; color: #333; font-weight: 500;}
.report .num_list ul li p {margin-top:10px; }
.report .num_list ul li p span {color: var(--point-blue);}
.report .btn_primary {margin-top: 10px; background: var(--point-blue); padding: 12px 36px; color: #fff; font-size: 18px; transition:0.3s;}
.report .btn_primary:hover {background: var(--point-darkblue); }
.report .list_report .list_ty2 {margin-top: 10px;}
.report .list_report .list_ty2 li {padding-bottom: 0px;}
.report .stit_warp {position: relative; margin-bottom: 10px;}
.report .stit_warp .add_txt {position: absolute; bottom: 0; right: 0;}

/*이용안내*/
.guide {max-width: 1200px;}
.guide .guide_box {padding: 30px; background: #f8f8f8; }
.guide .guide_box p:first-child {font-size: 18px; color: #333; font-weight: 600; line-height: 1.6;}
.guide .guide_box p + p {margin-top: 10px;}
.guide .info { margin-top: 20px;}
.guide .info .stit {position: relative; font-size: 20px; color: #000; font-weight: 500; padding-left: 26px;}
.guide .info .stit::before {display: block; content: ""; position: absolute; left: 0; top: 4px; width: 18px; height: 18px; background: url(../images/sub/ico_bul_chek.png) no-repeat center;}
.guide .info ul {margin: 20px 0 50px 20px;}

/************************************************************************ 반응형 ************************************************************************/
@media all and (max-width:1920px){
	
}
@media all and (max-width:1620px){
}

@media all and (max-width:1459px){
	.sub_visual .sub_tab {width: 100%;}
	.contents {padding:60px 0 100px;}
	.contents .inner {width:100%; padding: 0 26px;}
	.contents .sub_title {margin-bottom:100px;}
	.contents .cont_title {padding-left: 30px; font-size:32px;}
	
	:lang(en) .sub_visual .sub_tab {width: 100%;}
	

	/* 회사소개 > 연혁 */
	.history .history_con .his_bg {height: 240px;}
	.history .history_con .his_bg p {font-size: 32px;}
	.history .history_con .his_year .year_box {width: 300px; height: 128px; font-size: 30px;}

	/*지속가능경영*/
	.sustain .pic_box {height: 400px;}
	.sustain .pic_box .pic {width: 96%; height: 320px; }

	/*연구개발*/
	.research .intro_txt .txt1 {font-size: 30px; letter-spacing: -0.1rem;}
	.research .center_banner .pic {width: 46%; background-position: center;}
	.research .center_banner .pic_txt {width: 54%;}

}

@media all and (max-width:1280px){
	/* 회사소개 > 회사개요 */
	.summary .white_box {margin: 0 100px; padding: 40px 80px;}

	/*지속가능경영 */
	.esg .stit {font-size: 28px;}

	/*연구개발*/
	.research .intro .lab_list > li .lab_con .tit_box {width: 180px; height: 180px;}
	.research .intro .lab_list > li .lab_con .tit_box .tit {font-size: 20px;}
	.research .intro .lab_list > li .lab_con .lab_box {margin-left: 40px;}
	.research .intro .lab_list > li .lab_con .lab_box .ri {margin:20px 0 0 0}

	/*제보하기*/
	.report .stit {font-size: 28px; letter-spacing: -0.1rem;}
	.report .num_list ul {grid-template-columns: repeat(1, 1fr);}
	.report .num_list ul li {padding: 20px;}
}

@media all and (max-width:1023px){
	.dp_tb {display:block;}
	.dp_pc, .dp_mb {display:none;}


	/* 공통  Tab*/
	.tab_con ul {flex-wrap: wrap;}
	.tab_con ul li a {font-size: 16px; height:48px; padding:0 22px; min-width:98px; border-radius:24px; }

	.sub_visual .bg {height:420px;}
	.sub_visual .bg p {height:420px;}
	.sub_visual .txt {margin-top:10px;}
	.sub_visual .txt div span {font-size:36px;}
	.sub_visual .txt p {margin-top:5px; font-size:18px;}

	.sub_visual .sub_tab ul li a {line-height:50px; font-size:16px;}
	:lang(en) .sub_visual .sub_tab ul li a {line-height:50px; font-size:16px;}

	.contents {padding:50px 0 80px}
	.contents .sub_title {font-size:32px; margin-bottom:60px;}
	.contents .sub_title.mb_s {margin-bottom: 50px;}
	.contents .cont_title {padding:0 30px; font-size:26px; line-height:1.5;}
	
	/* 회사소개 - CEO인사말 */
	.intro .pic {margin-top:40px;}
	.intro .intro_con {padding:30px 0 0 120px;}
	.intro .intro_con .name {margin-top:40px;}

	/* 회사소개 > 회사개요 */
	.intro .pic {margin-top:40px;}
	.summary .white_box {margin: 0 100px; padding: 40px 50px;}
	.summary .white_box .tit {font-size: 28px;}
	.summary .white_box .list dl {font-size: 16px;}
	
    /* 회사소개 > 경영이념 */
	.philosophy .phil_tit strong {font-size: 22px;}
	.philosophy .vision { height: 260px; }
	.philosophy .vision p {margin-top: 40px; font-size: 22px;}
	.philosophy .mission { height: 300px; }
	.philosophy .mission p {margin-top: 40px; font-size: 22px;}
	.philosophy .coreValue {margin-top: 40px;}
	.philosophy .coreValue ul li {padding: 40px 20px;}
	.philosophy .coreValue ul li .info strong {font-size: 18px;}
	.philosophy .paradigm {margin-top: 40px;}
	.philosophy .paradigm .tit {font-size: 30px; }
	.philosophy .paradigm .cont_box {display: block;}
	.philosophy .paradigm .cont_box .pic {width: 100%; height: 260px;}
	.philosophy .paradigm .cont_box .info {margin: -60px 0 0 60px; padding: 20px; background: #Fff;}
	
	

	/* 회사소개 > 연혁 */
	.history .history_con .his_bg {height: 180px;}
	.history .history_con .his_bg p {font-size: 30px;}
	.history .history_con .his_year .year_box {top: -45px; width: 240px; height: 120px; font-size: 24px;}

	/* 회사소개 > 글로벌네트워크 */
	.global_net .map_pin [class^="pin_"] {padding-left:28px; }
	.global_net .map_pin [class^="pin_"] strong {font-size:16px; }
	.global_net .map_pin [class^="pin_"] p {font-size: 15px;}

	/* 회사소개 > 오시는 길 */
	.location .location_con {display: block;}
	.location .location_con .location_info {width: 100%;}
	.location .location_con .location_info .info {margin-top: 16px;}
	.location .location_con .location_info .info .list {padding-top: 16px;}
	.location .location_con .location_info .info .list li {gap: 16px;}
	.location .location_con .location_info .info .list li + li {margin-top: 12px;}
	.location .location_con .location_map {margin-top: 16px; max-width: 100%; }

	/* 제품소개 */
	.product .tit {font-size: 20px;}
	.product .car_sequence {margin-top: 20px;}

	/* 제품소개_old
	.product .prod_list li {padding: 0 20px 30px 20px; gap: 30px;}
	.product .prod_list li + li {margin-top: 30px;}
	.product .prod_list li .txt_box {width: 70%;}
	.product .prod_list li .txt_box strong {font-size: 22px;}
	.product .prod_list li .txt_box p {font-size: 16px;}
	*/

	/*지속가능경영*/
	.sustain {margin-top: 50px !important;}
	.sustain .row > [class*='col_'] .stit {font-size: 24px; letter-spacing: -0.1rem;}
	.sustain .row > [class*='col_'] .stxt {font-size: 16px;}
	.sustain .stit {font-size: 24px; letter-spacing: -0.1rem;}
	.sustain .cont_tit {font-size: 22px;}
	.sustain .principle_box {padding: 50px 20px;}
	.sustain .principle_box strong {font-size: 24px;}
	.sustain .principle_box ul li {padding: 20px 30px; height: 60px; border-radius: 30px;}
	.sustain .principle_box ul li p { font-size: 16px;}
	.sustain .principle_box .sign {font-size: 16px;}
	.sustain .goal_con dl dd strong {font-size: 18px;}
	.sustain .goal_con dl dd span {font-size: 16px;}

	.sustain .pic_box {height: 360px;}
	.sustain .pic_box .pic {width: 94%; height: 280px; }

	.sustain .stit {font-size: 24px; letter-spacing: -0.1rem;}
	.sustain .info .txt1 {font-size: 22px;}
	.sustain .info .txt_list li strong {font-size: 20px;}

	/*연구개발*/
	.research .row > [class*='col_'] .stit {font-size: 24px; letter-spacing: -0.1rem;}
	.research .row > [class*='col_'] .stxt {font-size: 16px;}
	.research .stit {font-size: 24px; letter-spacing: -0.1rem;}

	.research .intro_txt .txt1 {font-size: 26px;}
	.research .intro_txt .txt2 {font-size: 22px;}
	.research .imgBox.inner { margin: 20px auto 40px; padding: 0; }

	.research .intro .overview p {font-size: 24px;}
	.research .intro .need_list > ul {display: flex; flex-wrap: wrap;}
	.research .intro .need_list > ul > li {width: calc((100%)/2); }
	.research .intro .need_list > ul > li:nth-child(2n) {margin-right: 0;}
	.research .intro .rnd_his { margin-top: 20px;}
	.research .intro .rnd_his .list li::before {top: 8px;}
	.research .intro .rnd_his .list li::after {top: 15px;}
	.research .intro .rnd_his .list li .le {width: 40%; }
	.research .intro .rnd_his .list li .le span {font-size: 18px;}
	.research .intro .rnd_his .list li .le span:first-child {font-size: 26px;}
	.research .intro .rnd_his .list li .ri {width: 60%;}
	.research .intro .lab_list > li .lab_con .tit_box {width: 160px; height: 160px;}
	.research .intro .lab_list > li .lab_con .lab_box {margin-left: 20px;}
	.research .intro .lab_list > li .lab_con .lab_box {display: block; }
	.research .intro .lab_list + .row {margin-top: 100px;}
	
	.research .center_banner {height: 260px;}
	.research .center_banner .pic_txt p {font-size: 24px;}

	.research .equi_list ul li figure {padding: 10px;}

	.research .patent_list {grid-template-columns:repeat(2, 1fr); gap: 20px; }
	.research .patent_list .info .tit {font-size: 18px;}

	.research .info .txt1 {font-size: 22px;}
	.research .num_list ul {grid-template-columns:repeat(2, 1fr); }
	.research .num_list ul li p br {display: none;}
	.research .spec_box {display: block;}
	.research .spec_box .left {width: 100%;}
	.research .spec_box .left::before {top: 100%; right: auto; left: 50%; bottom: 0; margin-top: -52px; margin-left: -23px; transform: rotate(90deg);}
	.research .spec_box .left::after {top: 100%; right: auto; left: 50%; bottom: 0; transform: translateX(-50%); }
	.research .spec_box .right {margin-top: 40px; width: 100%;}

	/* 제보하기 */
	.report .stit {font-size: 24px;}

	/*이용안내*/
	.guide .guide_box {padding: 20px;}
	.guide .guide_box p:first-child {font-size: 16px;}
	.guide .info .stit {font-size: 18px; padding-left: 22px;}
	.guide .info .stit::before {top: 2px;}

}

@media all and (max-width:768px){
	.dp_mb {display:block;}
	.dp_pc, .dp_tb {display:none;}

	.contents .inner {width:100%; padding: 0 20px;}

	/* 공통 table 스타일 */
	.table_scroll { width: 768px;}

	/* 스크롤 dim */
	.responsive-dim {display: block;}

	.sub_visual .bg {height:320px;}
	.sub_visual .txt {margin-top:20px;}
	.sub_visual .txt div span {font-size:28px;}
	.sub_visual .txt p {font-size:16px;}

	.sub_visual .sub_tab > a {display:block;}
	.sub_visual .sub_tab ul {display:none; position:absolute; z-index:1; left:20px; top:50px; width:calc(100% - 40px); flex-direction:column; box-shadow:0 0 20px 0 rgba(0,0,0,0.2);}
	.sub_visual .sub_tab ul li + li {border-top:1px solid #d5d5d5;}
	.sub_visual .sub_tab ul li a {padding:0 20px; text-align:left; color:#333333; background:#fff; font-size:15px; font-weight:500;}
	
	
	:lang(en) .sub_visual .sub_tab > a {display:block;}
	:lang(en) .sub_visual .sub_tab ul {display:none; position:absolute; z-index:1; left:20px; top:50px; width:calc(100% - 40px); flex-direction:column; box-shadow:0 0 20px 0 rgba(0,0,0,0.2);}
	:lang(en) .sub_visual .sub_tab ul li + li {border-top:1px solid #d5d5d5;}
	:lang(en) .sub_visual .sub_tab ul li a {padding:0 20px; text-align:left; color:#333333; background:#fff; font-size:15px; font-weight:500;}

	.contents {padding:40px 0 60px}
	.contents .sub_title {font-size:24px; margin-bottom:30px;}
	.contents .cont_title {padding:0 20px; font-size:20px;}
	.contents .cont_title br {display:none;}

	/* 레이어 팝업 */
	.popup_wrap .popup.product .pop_con {display: block; padding: 26px 26px 50px 26px; height: auto;}
	.popup_wrap .popup.product .pop_con .img_box { width: 100%; }
	.popup_wrap .popup.product .pop_con .info { width: 100%; margin-left: 0; margin-top: 20px;}

	/* 회사소개 > CEO인사말 */
	.intro .pic {margin-top:20px;}
	.intro .intro_con {padding:30px 20px 0;}
	.intro .intro_con p {font-size:15px;}
	.intro .intro_con p br {display:none;}

	/* 회사소개 > 회사개요 */
	.summary .pic {margin-top:20px;}
	.summary .white_box {top: -50px; margin: 0 30px; padding: 20px 30px;}
	.summary .white_box .tit {font-size: 24px;}
	.summary .white_box .list li {padding: 20px;}


	/* 회사소개 > 경영이념 */
	.philosophy .vision p,
	.philosophy .mission p {padding: 0 20px;}
	.philosophy .vision p br,
	.philosophy .mission p br {display: none;}
	.philosophy .coreValue ul {grid-template-columns:repeat(2, 1fr); margin-top: 40px;}
	.philosophy .paradigm .tit {font-size: 26px; }
	.philosophy .paradigm .cont_box {margin-top: 20px;}
	.philosophy .paradigm .cont_box .info {margin: -60px 0 0 30px;}
	.philosophy .paradigm .cont_box .info li {font-size: 16px;}


	/* 회사소개 > 연혁 */
	.history .history_con .his_bg p {font-size: 26px;}
	.history .history_con .his_year .year_box {width: 160px; height: 76px; font-size: 20px; }
	.history .history_con .his_box {display: block; padding: 30px 0; margin: 0 20px;}
	.history .history_con .his_box::before {left: 0;}
	.history .history_con .his_box.first { margin-top: 50px;}
	.history .history_con .his_box .img_box {width: 100%;}
	.history .history_con .his_box .his_txt {width: 100%;}
	.history .history_con .his_box .his_txt .year {padding-left: 26px; font-size: 26px;}
	.history .history_con .his_box .his_txt .list { margin: 0 0 10px 26px;}
	.history .history_con .his_box .his_txt .list dt {width: 80px; }
	.history .history_con .his_box.reverse .his_txt {order: 1; text-align: left;}
	.history .history_con .his_box.reverse .his_txt .year {padding-left: 26px; padding-right: 0; }
	.history .history_con .his_box.reverse .his_txt .year::before {left: -10px; right: auto;}
	.history .history_con .his_box.reverse .his_txt .year::after {left: -4px; right: auto;}
	.history .history_con .his_box.reverse .his_txt .list {flex-direction: row; margin: 0 0 10px 26px;}

	.global_net .global_list .list_box {margin-bottom: 30px;}
	.global_net .global_list .list_box .tit {font-size: 20px;}
	.global_net .global_list .list_box .item {display: block;}
	.global_net .global_list .list_box .item .txt_con {margin-top: 20px;}
	.global_net .global_list .list_box .item .txt_con dt {font-size: 16px;}

	/* 제품소개 */
	.product .car_sequence {margin-top: 10px;}

	/*지속가능경영*/
	.sustain .goal_con {margin-top: 20px;}
	.sustain .num_list {margin-top: 20px;}

	.sustain .stit {font-size: 21px; font-weight: 500;}
	.sustain .info {margin-top: 50px;}
	.sustain .info .txt1 {font-size: 20px;}
	.sustain .info .txt_list li strong {font-size: 18px;}
	.sustain .info .txt_list li + li {margin-top: 30px;}
	.sustain .doc .responsive-dim {display: block;}
	.sustain .doc .imgBox {width: 768px;}
	.sustain .bul_list ul { grid-template-columns:repeat(2, 1fr);}
	.sustain .bul_list ul li {padding: 26px 20px;}
	.sustain .bul_list ul li p {font-size: 16px;}

	/*연구개발*/
	.research.mt {margin-top: 40px;}
	.research .row > [class*='col_'] .stit {font-size: 21px; font-weight: 500;}
	.research .row > [class*='col_'] .stxt {margin-top: 10px;}
	.research .stit {font-size: 21px; font-weight: 500;}
	.research .stit br {display: none;}
	.research .intro_txt .txt1 {font-size: 24px; line-height: 1.4;}
	.research .intro_txt .txt2 {font-size: 20px;}

	.research .intro .overview p {font-size: 20px;}
	.research .intro .lab_list > li .lab_con {display: block; margin-top: 30px;}
	.research .intro .lab_list > li .lab_con .tit_box {width: 100%; height: 52px;}
	.research .intro .lab_list > li .lab_con .tit_box::before {top: auto; bottom: -8px; left: 50%; right: auto; transform: translate(-50%, 0); width: 10px; height: 10px; border-radius: 100%; background: var(--point-blue); border: 3px solid #fff;}
	.research .intro .lab_list > li .lab_con .tit_box::after {top: auto; bottom: -50px; left: 50%; right: auto; transform: translate(-50%, 0); width: 1px; height: 50px; border-left: 1px dotted #c6c6c6; z-index: -1;}
	.research .intro .lab_list > li .lab_con .tit_box .tit {font-size: 18px;}
	.research .intro .lab_list > li .lab_con .lab_box {margin-left: 0; margin-top: 20px;}
	.research .intro .lab_list + .row {margin-top: 70px;}

	.research .center_banner {display: block; height: auto;}
	.research .center_banner .pic {width: 100%; height: 280px;}
	.research .center_banner .pic p {left: 20px; font-size: 16px;}
	.research .center_banner .pic_txt {width: 100%; height: 120px; }
	.research .center_banner .pic_txt p { left: 0; right: 20px; text-align: right; font-size: 22px;}

	.research .patent_list {grid-template-columns: repeat(1, 1fr); gap: 0; }
	.research .patent_list .info .tit {min-height: 58px;}

	.research .need_list > ul {display: block;}
	.research .need_list > ul > li {width: 100%; margin-right: 0;}
	.research .need_list > ul > li + li {margin-top: 20px;}
	.research .need_list > ul > li dl dt {font-size: 20px;}

	.research .info {margin-top: 20px;}
	.research .info .txt1 {font-size: 20px;}

	.research .num_list.three ul {grid-template-columns:repeat(1, 1fr); }
	.research .num_list ul li p {font-size: 16px;}
	.research .spec_box .left .dia_box ul {grid-template-columns: repeat(1, 1fr); }
	.research .spec_box .left .dia_box ul li {padding: 30px 20px 20px;}
	.research .spec_box .left .dia_box ul li p {font-size: 16px; padding: 6px 0;}
	.research .spec_box .right {border: 2px solid var(--point-blue);}
	.research .inwheel_con .grid_box ul {grid-template-columns: repeat(1, 1fr); }
	.research .inwheel_con .grid_box ul li:nth-child(3) {grid-column:auto; grid-row:auto}

	.research .dev .prior_con .tit {font-size: 18px;}
	.research .dev .prior_con .over_list li dl dt {height: 38px; font-size: 14px;}
	.research .dev .prior_con .devel_item dt {display: block; padding: 8px 30px 8px 10px; border-top-right-radius: 28px; font-size: 15px;}

	/* 제보하기 */
	.report .stit {font-size: 21px; margin-bottom: 20px;}
	.report .stit br {display: none;}
	.report .list_report > li {display: block; padding: 20px 20px;}
	.report .list_report > li .info { margin-top: 10px; margin-left: 0;}
}

@media all and (max-width:640px){
	/*지속가능경영*/
	.sustain .goal_con {grid-template-columns: repeat(1, 1fr);}
	.sustain .principle_box ul li { padding: 20px; height: auto; border-radius: 10px;}

	.sustain .pic_box {height: 340px; }
	.sustain .num_list li {font-size: 16px;}
	.sustain .btn_icoDownload {min-width: auto;}
	
	/*연구개발*/
	.research .intro .rnd_his .list li {display: block; padding: 0 0 0 20px;}
	.research .intro .rnd_his .list li .le,
	.research .intro .rnd_his .list li .ri {width: 100%;}
	.research .intro .rnd_his .list li .le span:first-child {font-size: 24px;}

	.research .equi_list ul {grid-template-columns: repeat(2, 1fr); }

}

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

	/* 공통  Tab*/
	.tab_con ul li a {height:44px; padding:0 18px; min-width:98px; border-radius:22px; }

	/* 회사소개 > 회사개요 */
	.summary .white_box .tit {font-size: 20px;  letter-spacing: -0.03rem;}
	.summary .white_box .list li {padding: 20px 0; }
	.summary .white_box .list dl {display: block;}
	.summary .white_box .list dl dt {width: 100%;}
	.summary .white_box .list dl .add strong {width: 50px; height: 30px; font-size: 14px;}
	.summary .white_box .list dl .add.cn span {line-height: 1.4;}

	/* 회사소개 > 글로벌네트워크 */
	.global_net .map_pin [class^="pin_"] {padding-left:24px; }
	.global_net .map_pin [class^="pin_"] strong {font-size:14px; }
	.global_net .map_pin [class^="pin_"] p {display: none;}
	.global_net .map_pin [class^="pin_"]:before {width: 18px; height: 18px;}
	.global_net .map_pin [class^="pin_"]:after {left: 5px; top: 5px; width: 8px; height: 8px;}

	.global_net .map_pin .pin_korea {margin-left:22%; margin-top:-8.5%;}
	.global_net .map_pin .pin_vietnam {margin-left:16%; margin-top:-2%;}
	.global_net .map_pin .pin_mexico {margin-left:-30%; margin-top:-4%;}
	.global_net .map_pin .pin_china {padding-right:24px; }
	.global_net .map_pin .pin_china::after {left: initial; right: 5px;}

	/* 회사소개 > 오시는 길 */
	.location .location_con .location_info .tit {font-size: 20px;}
	.location .location_con .location_info .info .list li::before {width: 38px; height: 38px;}

	.research .num_list ul {grid-template-columns:repeat(1, 1fr);}
	.research .num_list ul li {padding: 20px;}
	
}

@media all and (max-width:374px){
	.research .intro .need_list > ul {display: block;}
	.research .intro .need_list > ul > li {width: 100%; }

	
}