@charset "utf-8";
@import url('animations.css');

/* 공통 변수 */
:root {
	--svisual-mt:100px;
}
.dp_tb, .dp_mb {display:none;}

header.sub {background:#fff; }
header.sub a {color:#272727;}
header.sub h1 a {background-image:url(../images/common/ico_logo_d.png);}
header.sub .util .lang button {color:var(--dark-color); background-image:url(../images/common/ico_lang_g.png);}
header.sub .util .menu_btn {background-image:url(../images/common/ico_menu.png);}

.sub_visual {position:relative; margin-top: var(--svisual-mt); }
.sub_visual .bg {width:100%; height:460px; overflow:hidden;}
.sub_visual .bg p {width:100%; height:460px; 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_con {position:absolute; z-index:1; top:48%; left: 50%; color:#fff; transform:translate(-50%, -50%); width: 1460px; padding-left: -730px; }
.sub_visual .txt_con .txt1 {position: relative; padding: 0 0 0 22px; font-weight: 500; animation:fadeup .5s ease .2s forwards; opacity:0;}
.sub_visual .txt_con .txt1::before {content: ""; position: absolute; left: 0; top: 22px; width: 20px; height: 1px; transform: rotate(-45deg); background: rgba(255,255,255,0.3); }
.sub_visual .txt_con .txt2 div {display:flex; overflow:hidden;}
.sub_visual .txt_con .txt2 div span {font-weight:500; font-size:60px; font-family:'Play', 'Noto Sans KR'; font-weight: 600;}
.sub_visual .txt_con .txt2 div .dot {margin:10px 0 0 10px; width: 10px; height: 10px; border-radius: 100px; background: var(--point-red);}
.sub_visual .txt_con p {margin-top:15px; font-size: 18px; animation:fadeup 2s ease 1s forwards; opacity:0;}
.sub_visual .txt_con p br {display: none;}

.sub_visual .sub_tab {position: relative; border-bottom: 1px solid #ddd; z-index:1}
.sub_visual .sub_tab > a {display:none; color:#fff; line-height:50px; padding:0 20px; font-size:16px; font-weight:500; background:var(--point-red) 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 a {position: relative; display:block; color:#333; padding:20px 0; font-size:18px; text-align:center; font-weight:500; background:#fff;}
.sub_visual .sub_tab ul li a::before {content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; transform: translateX(-50%); background: var(--point-red); transition: 0.3s;}
.sub_visual .sub_tab ul li.on a,
.sub_visual .sub_tab ul li a:hover {color:var(--point-red); } 
.sub_visual .sub_tab ul li.on a::before,
.sub_visual .sub_tab ul li a:hover::before {width: 100%;}

:lang(en) .sub_visual .sub_tab ul li a {position: relative; display:block; color:#333; padding:20px 0; font-size:16.5px; text-align:center; font-weight:500; background:#fff;}



@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:80px; font-size:42px; color: #000; text-align:center; font-weight:600; letter-spacing:-0.1rem;}
.contents .sub_title.mb_s {margin-bottom: 90px;}
.contents .sub_title span {display: block; font-size: 18px; color: #666; font-weight: 500;}
.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;}
.contents .info_tit {position: relative; padding-left: 30px; font-size: 23px; color: #000; font-weight: 500; letter-spacing:-0.1rem;}
.contents .info_tit::before {content: ""; position: absolute; top: 12px; left: 0; width: 16px; height: 3px; background: var(--point-red);}

/* 공통 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-red); color: #fff; font-weight: 500; border-left:1px solid #dd6a67;}
.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-red); border-right: 2px solid var(--point-red);}
.tbl_style2 td.bot_line {border-bottom: 2px solid var(--point-red); }
.tbl_style2 .tx_red {color: var(--point-red);}

/* 공통 목차*/
.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 li b {color: #000; font-weight: 500;}
.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 {position: sticky; top: 100px; background: #fff; padding: 10px 0 20px 0 !important; /*padding: 0 !important;*/ z-index: 1;}
.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-red)}

/* 스크롤 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 .pop_con.busbar {display: flex; justify-content: space-between; padding: 40px;}
.popup_wrap .popup .pop_con.busbar .img_box {display: flex; flex-direction: column; width: 42%}
.popup_wrap .popup .pop_con.busbar .info {width: 58%; margin-left: 60px;}
.popup_wrap .popup .pop_con.busbar .info dl {display: flex;}
.popup_wrap .popup .pop_con.busbar .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 .pop_con.busbar .info dl dt span {color: var(--point-darkblue); font-weight: 500;}
.popup_wrap .popup .pop_con.busbar .info dl dd {flex: 1; margin-left: 20px; margin-top: 2px; line-height: 1.5;}
.popup_wrap .popup .pop_con.busbar .info dl + dl {margin-top: 30px;}

/**/

/* 회사소개 > CEO인사말 */
.greeting .pic {display: flex; align-items: center; justify-content: end; width: 100%; height: 360px; background: url(../images/sub/greeting_pic.jpg) no-repeat center;}
.greeting .pic p {padding: 0 30px; font-size: 40px; color: #fff; letter-spacing: -2px;}
.greeting .pic p em {font-weight: 600;}
.greeting .slogan {margin-top: 40px; font-size: 30px; color: #000; letter-spacing: -2px;}
.greeting .slogan em {font-weight: 600;}
.greeting .txt_con { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; margin-top: 40px;}
.greeting .txt_con > div {font-size: 18px; line-height:1.7;}
.greeting .txt_con > div p + p { margin-top: 30px;}
.greeting .sign {margin-top: 20px; text-align: right;}
.greeting .sign span {font-weight: 600;}
.greeting .sign img {margin-left: 10px;}

:lang(en) .greeting .pic p {padding: 0 90px; font-size: 35px; color: #fff; letter-spacing: -2px;}
:lang(en) .greeting .slogan {margin-top: 40px; font-size: 30px; color: #000; letter-spacing: -2px; letter-spacing: 0rem;}

/* 회사소개 > 회사개요 */
.summary .fullname {font-size: 30px; color: #000;}
.summary .fullname b {font-size: 34px; color: var(--point-red); font-weight: 600;}
.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:260px; 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;}


/* 회사소개 > 경영이념 */
.philosophy .phil_tit {text-align: center;}
.philosophy .phil_tit strong {font-size: 26px; color: var(--point-red); 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-red); 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-red);  font-family:'Play'; font-weight: 600;}

/* 회사소개 > 연혁 */
.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: 400px; 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: 190px; background: var(--point-red);  font-size: 36px; color: #fff; font-weight: 600; font-family:'Play','Noto Sans KR'; }
.history .history_con .his_box {position: relative; display: flex; padding: 40px 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-red); 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(207,41,37,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-red); 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: 30px; padding-top: 4px; font-size: 16px; color: #333333; font-weight: 600; font-family:'Play';}
.history .history_con .his_box .his_txt .list dd {flex: 1; font-size: 18px; }
.history .history_con .his_box .his_txt .list .img {margin: 10px 0;}
.history .history_con .his_box .his_txt .list .img img {border-radius: 8px;}
.history .history_con .his_box .his_txt .list.red dt,
.history .history_con .his_box .his_txt .list.red dd{color: var(--point-red);}
.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;}

/* 회사소개 > 사업장 위치 */
.location .location_con {display: flex; align-items: stretch; margin-top: 20px; gap: 20px; }
.location .location_con .img {width: 45%;}
.location .location_con .location_info {width: 100%; max-width: 55%;}
.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: 10px}
.location .location_con .location_info .info .list li + li {margin-top: 6px;}
.location .location_con .location_info .info .list li::before {content: ""; display: block; width: 42px; height: 42px; 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_info .info .list li.area::before {background-image: url(../images/sub/loca_ico_area.png);}
.location .location_con .location_info .info .list li.prod::before {background-image: url(../images/sub/loca_ico_prod.png);}
.location .map {margin-top: 30px;}

/* 제품소개 
.product {margin-top: 50px !important;}
.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;}*/

/* 제품소개 */
.product .row {margin-top: 80px !important; }
.product .row {padding-bottom: 80px; border-bottom: 1px solid #ddd;}
.product .row:last-child {border-bottom: none;}
.product .row > [class*='col_'] .stit {font-size: 34px; color: #000; font-weight: 500; letter-spacing: -0.2rem;}
.product .row > [class*='col_'] .stxt {font-size: 18px;}
.product .stit {font-size: 34px; color: #000; font-weight: 500; letter-spacing: -0.2rem; margin-bottom: 20px;}
.product .desc {font-size: 18px; font-weight: 500;}
.product .desc b {color: var(--point-red); font-weight: unset;}
.product .name {font-size: 22px; color: var(--point-red); font-weight: 600;}
.product .img_grid_box {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.product .num_list ul {display:grid; grid-template-columns:repeat(4, 1fr); gap: 16px; }
.product .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);}
.product .num_list ul li em {color: var(--point-red); font-weight: 600; font-family:'Play', 'Noto Sans KR';}
.product .num_list ul li p {margin-top: 16px; text-align: center; font-size: 18px; color: #333; font-weight: 500;}
.product .num_list ul li p span {color: var(--point-red);}
.product .num_list.aaf ul {grid-template-columns:repeat(8, 1fr);}
.product .num_list.aaf ul li em {color: #949494; font-size: 14px; font-weight: 400; text-align: center;}
.product .num_list.aaf ul li p {font-size: 16px;}

:lang(en) .product .row > [class*='col_'] .stit {font-size: 30px; color: #000; font-weight: 500; letter-spacing: -0.1rem;}

.product .info_con.first {margin-top: 40px;}
.product .info_con + .info_con {margin-top: 40px;}
.product .info_con .info_tit {margin-bottom: 20px;}
.product .info_con .list_ty1 {margin-top: 20px;}
.product .info_con .img_grid_box {margin-top: 20px;}
.product .spec_con {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.product .spec_con .spec_box {background: #f6f6f6; padding: 40px;}
.product .spec_con .spec_box dt {padding-bottom: 16px; font-size: 20px; color: #000; font-weight: 500; border-bottom: 2px solid #000;}
.product .spec_con .spec_box dd {margin-top: 20px;}
.product .spec_con .spec_box strong {color: #333; font-weight: 400;}
.product .install_con {padding: 30px; border: 1px solid #ddd;} /*제품 정착도*/
.product .install_con .install_box {position: relative; display: grid; grid-template-columns: repeat(2, 1fr);}
.product .install_con .install_box::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 36px; background: var(--point-darkblue); border-radius: 18px;}
.product .install_con .install_box dl {position: relative;}
.product .install_con .install_box dl dt {margin-bottom: 20px; height: 36px; color: #fff; display: flex; justify-content: center; align-items: center;}
.product .install_con .install_box dl:first-child dt {background: var(--point-darkblue); border-top-left-radius: 18px; border-bottom-left-radius: 18px;}
.product .install_con .install_box dl:last-child dt {background: var(--point-red); border-radius: 18px;}
.product .install_con .install_box dl dd {text-align: center;}
.product .install_con .install_box + .install_box {margin-top: 40px;}
.product .install_con .txt {margin-top: 20px; color: #000; font-size: 14px; font-weight: 500; text-align: center;}
.product .line_box {padding: 30px; border: 2px solid #ddd;}
.product .merit_con {display: flex; justify-content: space-between; align-items:self-end;}
.product .merit_con .list {width: 54%;}
.product .merit_con .list li {display: flex; align-items: center; 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);}
.product .merit_con .list li span {color: var(--point-red); font-family:'Play', 'Noto Sans KR'; font-weight: 600; margin-right: 20px; }
.product .merit_con .list li + li {margin-top: 10px; }

:lang(en) .product .info_con .info_tit {margin-bottom: 20px; letter-spacing: 0rem;}

.product .prod_grid_con {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.product .prod_grid_con .item {padding: 26px; border: 1px solid #ddd;}
.product .prod_grid_con .item .tit {display: flex; justify-content: center; align-items: center; margin-top: 20px; height: 36px; color: #fff; border-radius: 18px;  background: var(--point-darkblue); }
.product .prod_grid_con .item .info {margin-top: 20px;}
.product .prod_grid_con .item .info > ul > li span {color: #000; font-weight: 500;}
.product .prod_grid_con .item .info > ul > li + li {margin-top: 10px;}

.product .prod_apply {padding: 30px; background: #f6f6f6;}
.product .prod_apply > div { text-align: center;}
.product .prod_apply > div:first-child {padding: 30px;}
.product .prod_apply > div:last-child {padding: 30px; background: #fff;}

.product .tbl_mark {display: flex; justify-content: flex-end; gap: 20px; margin-top: 20px; font-size: 14px;}
.product .tbl_mark span em {display:inline-block; width: 26px; height: 26px; background: #fae9e9; border-radius: 100%; text-align: center; margin-right: 8px; line-height: 22px;}
.product .txt_con {margin-top: 30px;}
.product .txt_con .tx1 {font-size: 20px; color: #666; font-weight: 500;}
.product .tbl_head {display: flex; align-items: center; padding-left: 20px; height: 36px; font-size: 19px; color: #fff; background: var(--point-red);}

.product .img_box_ty2 {display: flex; gap: 18px;}
.product .img_box_ty2 figure figcaption {margin-top: 18px; color: #333; font-size: 20px; font-weight: 500; text-align: center;}

.product .img_box_ty3 {background: #f6f6f6;}
.product .img_box_ty3 .box {padding: 30px 0; text-align: center;}
.product .img_box_ty3 .tbl_head {padding-left:0; justify-content: center;}

.product .img_box_ty4 {display: flex; justify-content: center; align-items: flex-end; padding: 40px 20px; background: #f6f6f6;}
.product .img_box_ty4 .img {position: relative;}
.product .img_box_ty4 .info {margin-left: 20px;}
.product .img_box_ty4 .info p + p {margin-top: 6px;}
.product .img_box_ty4 .info p b {color: var(--point-red); font-weight: 500;}

.product .img_box_ty5 {display: flex; justify-content: center; gap: 40px; padding: 50px 20px; background: #f6f6f6;}
.product .img_box_ty5 .txt {display: flex; justify-content: center; align-items: center; padding: 10px; height: 34px; color: #333; border-radius: 15px; font-size: 16px; background: #fff; text-align: center;}

.product .img_box_ty6 {display: flex; gap: 20px; }
.product .img_box_ty6 figure { padding: 30px; background: #f6f6f6; text-align: center;}
.product .img_box_ty6 figure img {margin-bottom: 20px;}
.product .img_box_ty6 figure:first-child {width: 30%;}
.product .img_box_ty6 figure:last-child {flex: 1;}
.product .img_box_ty6 figure figcaption {display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 6px; font-size: 15px; color: #000; background: #fff;}

.product .car_model {display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; margin-top: 10px;}
.product .car_model .item {display: grid;  border: 1px solid #ddd;}
.product .car_model .item .img {display: flex; justify-content: center; align-items: center; padding: 30px 0;}
.product .car_model .item .model {padding: 10px; background: #f0f0f0; text-align: center;}

.product .bul_list ul {display:grid; grid-template-columns:repeat(2, 1fr); gap: 16px; }
.product .bul_list ul li {display: flex; align-items: center; padding: 26px 20px; background: #fff; box-shadow:0px 5px 21px 0px rgba(0,0,0,0.15);}
.product .bul_list ul li em { width: 18px; height: 18px; background: url(../images/sub/ico_bul_chek.png) no-repeat center;}
.product .bul_list ul li p {flex: 1; margin-left: 10px; font-size: 17px; color: #333; font-weight: 500;}

.product .RCDsensor_box {display: flex; align-items: flex-end; margin-top: 20px; padding: 40px 20px; background: #f6f6f6;}
.product .RCDsensor_box .sequence {position: relative; }
.product .RCDsensor_box .sequence .prod_link {display: block; position: absolute; text-indent: -9999%; left: 50%; top: 50%; }
.product .RCDsensor_box .sequence .prod_link.btn {margin-left: -17.5%; margin-top: -2%; width: 24%; height: 32%; background: rgba(0,0,0,0); }
.product .RCDsensor_box .info {margin-left: 20px;}
.product .RCDsensor_box .info p + p {margin-top: 6px;}
.product .RCDsensor_box .info p b {color: var(--point-red); font-weight: 500;}

.product .car_sequence {position: relative; margin-top: 60px;}
.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.iccu {margin-left: -6%; margin-top: -31.2%; width: 27%; height: 44.6%; background-image: url(../images/sub/prod_busbar_iccu.png);}
.product .car_sequence .prod_link.iccu button {display: block; width: 100%; height: 50%; }
.product .car_sequence .prod_link.fusebox {margin-left: 8.6%; margin-top: -11.8%; width: 41.99%; height: 22.7%; background-image: url(../images/sub/prod_busbar_fusebox.png);}
.product .car_sequence .prod_link.fusebox button {position: absolute; top: 3%; right: 0; width: 60%; height: 95%; }
.product .car_sequence .prod_link.batterypack {margin-left: 2%; margin-top: -2%; width: 32.8%; height: 44.56%; background-image: url(../images/sub/prod_busbar_batterypack.png);}
.product .car_sequence .prod_link.batterypack button {position: absolute; left: 20.56%; top: 51%; width: 78%; height: 50%; }
.product .car_sequence .prod_link.junctionbox {margin-left: -25.5%; margin-top: 1%; width: 27%; height: 48%; background-image: url(../images/sub/prod_busbar_junctionbox.png);}
.product .car_sequence .prod_link.junctionbox button {position: absolute; left: 2%; top: 56%; width: 95%; height: 44%; }
.product .car_sequence .prod_link.epcu {margin-left: -49%; margin-top: -1.8%; width: 38.56%; height: 26%; background-image: url(../images/sub/prod_busbar_epcu.png);}
.product .car_sequence .prod_link.epcu button {position: absolute; left: 2%; top: 20%; width: 64%; height: 76%; }
.product .car_sequence .prod_link.pra {margin-left: -44%; margin-top: -20%; width: 40%; height: 36.56%; background-image: url(../images/sub/prod_busbar_pra.png);}
.product .car_sequence .prod_link.pra button {position: absolute; left: 2%; top: 3%; width: 64%; height: 57%; }

.product .car_sequence .prod_link.esscell {margin-left: -38%; margin-top: 7.8%; width: 10%; height: 29%; background-image: url(../images/sub/prod_essbusbar_cell.png);} 
.product .car_sequence .prod_link.esscell button {position: absolute; left: 1%; top: 40%; width: 100%; height: 58%;}
.product.ess_bg {padding-bottom: 50px; background: #f6f6f6;}
.product.ess_bg p {padding-top: 40px; font-size: 22px; color: #333; font-weight: 600; text-align: center;}

/*지속가능경영*/
.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-red);}
.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-red);}
.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: #fae9e9;}
.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-red); 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 0; 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.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;}
.research .desc {font-size: 18px; font-weight: 500;}
.research .desc b {color: var(--point-red); font-weight: unset;}
.research .name {font-size: 22px; color: var(--point-red); font-weight: 600;}

:lang(en) .research .row > [class*='col_'] .stit {font-size: 34px; color: #000; font-weight: 500; letter-spacing: -0.01rem;}

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

:lang(en) .research .intro_txt .txt1 {font-size: 36px; color: #000; font-weight: 500; letter-spacing: -0.01rem;}

.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: flex; gap: 20px; flex-wrap: wrap;}
.research .equi_list ul li figure { padding: 20px; border: 1px solid #ddd; text-align: center;}
.research .equi_list ul li .txt { margin-top: 10px; color: #000; font-weight: 500;}

.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-red); 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-darkblue); border: 3px solid #fff;}
.research .need_list > ul > li dl dt {padding: 10px 0; font-size: 22px; color: #fff; background: var(--point-darkblue); text-align: center;}
.research .need_list > ul > li dl dd {margin-top: 20px;}
.research .info .txt1 {position: relative; display: inline; padding: 0 30px 0 0; 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-red); 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-red);}
.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: 16px; 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;}

:lang(en) .research .spec_box .left .dia_box ul li p {position: absolute; top: 0; left: 0; width: 130px; padding: 10px 0; font-size: 15px; color: #fff; font-weight: 400; background: var(--point-darkblue); text-align: center;}
:lang(en) .research .spec_box .left::before {content: ""; position: absolute; top: 57%; right: -35px; transform: translateY(-50%); width: 100px; height: 146px; background: url(../images/sub/en_rnd_intell_dia_arr.png) no-repeat center;}
:lang(en) .research .spec_box .left::after {content: "Effects"; position: absolute; top: 57%; right: -5px; transform: translateY(-50%); color: #fff; font-size: 15px; font-weight:500; z-index: 22;}

:lang(cn).research .spec_box .left::after {content: "效果"; position: absolute; top: 50%; right: -9px; transform: translateY(-50%); color: #fff; font-size: 16px; font-weight:500; z-index: 22;}


.research .info_con.first {margin-top: 40px;}
.research .info_con + .info_con {margin-top: 40px;}
.research .info_con .info_tit {margin-bottom: 20px;}
.research .info_con .list_ty1 {margin-top: 20px;}
.research .info_con .img_grid_box {margin-top: 20px;}
.research .bul_list ul {display:grid; grid-template-columns:repeat(2, 1fr); gap: 16px; }
.research .bul_list ul li {display: flex; align-items: center; padding: 26px 20px; background: #fff; box-shadow:0px 5px 21px 0px rgba(0,0,0,0.15);}
.research .bul_list ul li em { width: 18px; height: 18px; background: url(../images/sub/ico_bul_chek.png) no-repeat center;}
.research .bul_list ul li p {flex: 1; margin-left: 10px; font-size: 17px; color: #333; font-weight: 500;}
.research .RCDsensor_box {display: flex; align-items: flex-end; margin-top: 20px; padding: 40px 20px; background: #f6f6f6;}
.research .RCDsensor_box .sequence {position: relative; }
.research .RCDsensor_box .sequence .prod_link {display: block; position: absolute; text-indent: -9999%; left: 50%; top: 50%; }
.research .RCDsensor_box .sequence .prod_link.btn {margin-left: -17.5%; margin-top: -2%; width: 24%; height: 32%; background: rgba(0,0,0,0); }
.research .RCDsensor_box .info {margin-left: 20px;}
.research .RCDsensor_box .info p + p {margin-top: 6px;}
.research .RCDsensor_box .info p b {color: var(--point-red); font-weight: 500;}

/* 제보하기 */
.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-red); 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-red); padding: 12px 36px; color: #fff; font-size: 18px; transition:0.3s;}
.report .btn_primary:hover {background: var(--point-red); }
.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 .txt_con { left: 0; transform:translate(0, -50%); width: auto; padding-left: 40px;}
	.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;}

	/* 회사소개 > CEO인사말 */
	.greeting .pic p {font-size: 36px;}

	/* 회사소개 > 연혁 */
	.history .history_con .his_bg {height: 360px;}
	.history .history_con .his_bg p {font-size: 32px;}
	.history .history_con .his_year .year_box {width: 300px; height: 168px; 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){
	/* 공통 변수 */
	:root {
		--svisual-mt:86px;
	}

	/* 공통  Tab*/
	.tab_con {padding: 10px 16px 20px !important;}

	/* 회사소개 > CEO인사말 */
	.greeting .pic {justify-content: center; height: 280px;}
	.greeting .pic p {font-size: 32px; text-align: center; letter-spacing: -1px;}

	/* 회사소개 > 회사개요 */
	.summary .white_box {margin: 0 100px; padding: 40px 80px;}

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

	/*연구개발 */
	.research .stit {font-size: 28px;}

	/*제보하기*/
	.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 {top: 80px;}
	.tab_con ul {flex-wrap: wrap;}
	.tab_con ul li a {font-size: 16px; height:42px; padding:0 16px; min-width:98px; border-radius:24px; }

	.sub_visual .bg {height:420px;}
	.sub_visual .txt_con { padding-left: 30px;}
	.sub_visual .txt_con .txt2 {margin-top: 4px;}
	.sub_visual .txt_con .txt2 div span {font-size: 40px;}
	.sub_visual .txt_con .txt2 div .dot {width: 8px; height: 8px;}
	.sub_visual .txt_con p {margin-top: 10px; font-size: 16px;}

	.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;}
	.contents .info_tit { padding-left: 28px; font-size: 20px; letter-spacing:-0.1rem;}

	/* 레이어 팝업 */
	.popup_wrap .popup .pop_head {height: 52px;}
	.popup_wrap .popup .pop_head strong {font-size: 18px; font-weight: 400;}

	.popup_wrap .popup .pop_con.busbar {height:unset}
	.popup_wrap .popup .pop_con.busbar .info {margin-left: 30px;}
	.popup_wrap .popup .pop_con.busbar .info dl dt {width: 80px;}

	/* 회사소개 > 인사말 */
	.greeting .pic {margin-top:40px;}

	/* 회사소개 > 회사개요 */
	.summary .fullname {font-size: 26px; }
	.summary .fullname b {font-size: 28px; font-weight: 600;}
	.summary .white_box {margin: 0 100px; padding: 40px 50px;}
	.summary .white_box .tit {font-size: 28px;}

	.summary .white_box .list dl {font-size: 16px;}
	.summary .white_box .list dl dt {width: 40%; }
	.summary .white_box .list dl .add {display: block; margin-bottom: 20px;}
	.summary .white_box .list dl .add strong { height: 50px;}
	.summary .white_box .list dl .add span { display: block; margin-top: 10px;}
	.summary .white_box .list dl .add strong {font-size: 14px; width: 210px; }
    
	:lang(en).summary .white_box .list dl .add strong { width:230px; height: 50px;}

	/* 회사소개 > 경영이념 */
	.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;}

	/* 회사소개 > 오시는 길 */
	.location .location_con .location_info .tit {font-size: 20px;}
	.location .location_con .location_info .info {margin-top: 10px;}
	.location .location_con .location_info .info .list {padding-top: 16px;}
	.location .location_con .location_info .info .list li + li {margin-top: 10px;}

	/*제품소개*/
	.product .row > [class*='col_'] .stit {font-size: 24px; letter-spacing: -0.1rem;}
	.product .row > [class*='col_'] .stxt {font-size: 16px;}
	.product .stit {font-size: 24px; letter-spacing: -0.1rem;}

	.product .merit_con {display:block; }
	.product .merit_con .list {width: 100%;}
	.product .merit_con > div {text-align: right; margin-top: 20px;}

	.product .img_box_ty2 {gap: 12px;}
	.product .img_box_ty2 figure figcaption {font-size: 18px;}

	.product .img_box_ty6 figure:first-child {width: 40%;}

	.product .car_model {gap: 10px;}
	.product .car_model .item .model {font-size: 14px;}

	.product .img_box_ty4 {display: block;  padding: 20px;}
	.product .img_box_ty4 .img {text-align: center;}
	.product .img_box_ty4 .info {margin-left: 0; margin-top: 16px;}

	.product.terminal .num_list ul {grid-template-columns:repeat(2, 1fr); }

	.product .car_sequence {margin-top: 20px;}
	.product.ess_bg p {padding-top: 20px; font-size: 18px;}

	/*지속가능경영*/
	.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 .center_banner {height: 260px;}
	.research .center_banner .pic_txt p {font-size: 24px;}

	.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){
	/* 공통 변수 */
	:root {
		--svisual-mt:68px;
	}
	.dp_mb {display:block;}
	.dp_pc, .dp_tb {display:none;}

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

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

	/* 공통  Tab*/
	.tab_con {top: 68px;}

	.sub_visual .bg {height:320px;}
	.sub_visual .bg p {/*background-position:0;*/}
	.sub_visual .txt_con {top: 45%;  padding-left: 26px;}
	.sub_visual .txt_con .txt2 div span {font-size: 32px;}
	.sub_visual .txt_con p br {display: block;}

	.sub_visual .sub_tab > a {display:block;}
	.sub_visual .sub_tab ul {display:none; position:absolute; z-index:1; left:16px; top:50px; width:calc(100% - 36px); 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 0 0 20px; text-align:left; color:#333; background:#fff; font-size:15px; font-weight:500;}
	.sub_visual .sub_tab ul li a::before {display: none;}
	.sub_visual .sub_tab .wrapper {padding: 0;}

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

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

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

	/* 회사소개 > CEO인사말 */
	.greeting .pic {margin-top:20px;}
	.greeting .pic p {font-size: 24px;}
	.greeting .slogan {font-size: 24px;}
	.greeting .txt_con {display: block; gap: 0;}
	.greeting .txt_con > div {font-size: 16px; line-height: 1.5;}
	.greeting .txt_con > div + div p { margin-top: 30px;}
	.greeting .txt_con > div br {display: none;}

	/* 회사소개 > 회사개요 */
	.summary .pic {margin-top:20px;}
	.summary .white_box {top: -20px; margin: 0 20px; padding: 20px 10px;}
	.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 .row {margin-top: 50px !important; }
	.product .row {padding-bottom: 50px; border-bottom: 1px solid #ddd;}
	.product .row > [class*='col_'] {margin-top: 20px;}
	.product .row > [class*='col_'] .stit {font-size: 21px; font-weight: 500;}
	.product .row > [class*='col_'] .stxt {margin-top: 10px;}
	.product .stit {font-size: 21px; font-weight: 500;}
	.product .desc {font-size: 16px; }
	.product .num_list.aaf ul {grid-template-columns:repeat(3, 1fr);}

	.product .spec_con .spec_box {padding: 20px;}
	.product .spec_con .spec_box dt {padding-bottom: 10px; font-size: 18px;}

	.product .prod_grid_con {grid-template-columns: repeat(2, 1fr); gap: 16px; }
	.product .prod_grid_con .item {padding: 16px;}
	.product .prod_grid_con .item .tit {height: 30px;}
	.product .prod_grid_con .item .info {margin-top: 16px;}

	.product .img_box_ty5 {gap: 10px; padding: 30px 20px; }
	.product .img_box_ty5 .txt {font-size: 14px;}

	.product .tbl_mark span em {width: 22px; height: 22px; line-height: 20px;}
	.product .txt_con .tx1 {font-size: 18px;}
	.product .tbl_head {height: 30px; font-size: 16px;}

	.product .bul_list ul {grid-template-columns:repeat(1, 1fr); gap: 10px; }
	.product .bul_list ul li {padding: 16px;}
	.product .bul_list ul li p {font-size: 16px;}

	.product .RCDsensor_box .img .iccu_btn {left: 30%;}

	.product .car_sequence {margin-top: 10px;}
	.product.ess_bg p {padding-top: 10px; margin-bottom: 10px; font-size: 14px;}

	/*지속가능경영*/
	.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 .desc {font-size: 16px; }

	.research .intro_txt .txt1 {font-size: 24px; line-height: 1.4;}
	.research .intro_txt .txt2 {font-size: 20px;}

	.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 .bul_list ul {grid-template-columns:repeat(1, 1fr); gap: 10px; }
	.research .bul_list ul li {padding: 16px;}
	.research .bul_list ul li p {font-size: 16px;}

	.research .RCDsensor_box .img .iccu_btn {left: 30%;}

	/* 제보하기 */
	.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){
	/* 레이어 팝업 */
	.popup_wrap .popup .pop_con { height: auto; max-height: 86vh; overflow-y: auto;}
	.popup_wrap .popup .pop_head {height: 42px; padding:0 10px 0 20px;}
	.popup_wrap .popup .pop_head strong {font-size: 16px;}

	/* 회사소개 > 회사개요 */
	.summary .fullname {font-size: 22px; }
	.summary .fullname b {font-size: 24px; font-weight: 600;}
	
	/* 회사소개 > 오시는 길 */
	.location .location_con {display: block;}
	.location .location_con .img {width: 100%;}
	.location .location_con .location_info {margin-top: 20px; max-width: 100%;}
	
	/* 회사소개 > 인사말 */
	:lang(en) .greeting .pic p {font-size: 25px; }
	

	/* 제품소개 */
	.product .img_box_ty6 {display: block;}
	.product .img_box_ty6 figure:first-child {width: 100%;}
	.product .img_box_ty6 figure figcaption {font-size: 14px;}
	.product .img_box_ty6 figure br {display: none;}

	.product .RCDsensor_box {display: block;  padding: 20px;}
	.product .RCDsensor_box .info {margin-left: 0; margin-top: 16px;}

	/*지속가능경영*/
	.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 .RCDsensor_box {display: block;  padding: 20px;}
	.research .RCDsensor_box .info {margin-left: 0; margin-top: 16px;}
}

@media all and (max-width:480px){
	.contents .info_tit { padding-left: 24px; font-size: 18px; letter-spacing:-0.05rem;}
	.contents .info_tit::before {top: 10px;}

	/* 공통  Tab*/
	.tab_con ul {gap: 6px;}
	.tab_con ul li {width: 46%}
	.tab_con ul li a {font-size: 14px; height:32px; padding:0 14px; min-width:auto; border-radius:22px; }

	/* 회사소개 > CEO인사말 */
	.greeting .slogan em {display: block;}

	/* 회사소개 > 회사개요 */
	.summary .fullname {font-size: 18px; }
	.summary .fullname b {font-size: 20px;}
	.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 { font-size: 14px;}
	.summary .white_box .list dl .add.cn span {line-height: 1.4;}

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

	/* 제품소개 */
	.product .num_list ul {grid-template-columns:repeat(2, 1fr);}
	.product .num_list ul li p {font-size: 16px;}
	.product .spec_con {grid-template-columns: repeat(1, 1fr); }
	.product .install_con {padding: 20px;}
	.product .install_con .install_box::before {height: 30px;}
	.product .install_con .install_box dl dt {height: 30px;}

	.product .prod_grid_con {grid-template-columns: repeat(1, 1fr); gap: 16px; }

	.product .img_box_ty2 {gap: 10px;}
	.product .img_box_ty2 figure figcaption {margin-top: 14px; font-size: 14px;}

	.product .img_box_ty5 {display: block; text-align: center;}

	.product .car_model {grid-template-columns: repeat(2, 1fr); }

	/*연구개발*/
	.research .equi_list ul {gap: 16px;}
	.research .equi_list ul li {width:47%}
	.research .equi_list ul li:nth-child(5) {width: 100%;}
	.research .equi_list ul li figure {padding: 16px;}

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

@media all and (max-width:360px){
	/* 공통 변수 */
	:root {
		--svisual-mt:60px;
	}
	
}

@media all and (max-width:320px){
	/* 제품소개 */
	.product .img_grid_box {grid-template-columns: repeat(1, 1fr);}
	.product .install_con .install_box {grid-template-columns: repeat(1, 1fr); gap: 20px;}
	.product .install_con .install_box::before {display: none;}
	.product .install_con .install_box dl dt {border-radius: 18px;}

}