/* common */
#s_visual.visual1{ background: url("/img/common/sv1.jpg") center top no-repeat; }
#s_visual.visual2{ background: url("/img/common/sv2.jpg") center top no-repeat; }
#s_visual.visual3{ background: url("/img/common/sv7.jpg") center top no-repeat; }
#s_visual.visual4{ background: url("/img/common/sv3.jpg") center top no-repeat; }
#s_visual.visual5{ background: url("/img/common/sv4.jpg") center top no-repeat; }
#s_visual.visual6{ background: url("/img/common/sv5.jpg") center top no-repeat; }
#s_visual.visual7{ background: url("/img/common/sv6.jpg") center top no-repeat; }

/* 타이틀 st*/
.title1 {
  line-height: 1;
  color: #1d1d1d;
  font-weight: 500;
  font-size: 19px;
  padding-left: 31px;
  position: relative;
  margin-bottom: 18px;
}
.title1:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border: 5px solid #d70c19;
  content: "";
}
.title2 {
  display: block;
  font-size: 16px;
  color: #244193;
  margin-bottom: 10px;
  line-height: 1.5;
}
.title3 {
  display: block;
  color: #000;
  margin-bottom: 15px;
  line-height: 1.5;
  padding-left: 12px;
  position: relative;
}
.title3:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 5px;
  height: 5px;
  background-color: #d70c19;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

/* 테이블 st */
.tb_st1 {
  border-top: 2px solid #d70c19;
  overflow: hidden;
  font-size: 16px;
}
.tb_st1 table {
  width: 100%;
  margin-left: -1px;
  margin-top: -1px;
}
.tb_st1 table th,
.tb_st1 table td {
  border-top: 1px solid #e5e5e5;
  height: 50px;
  vertical-align: middle;
  padding: 20px 30px;
  font-weight: 300;
  line-height: 1.5;
}

.tb_st1 table th em,
.tb_st1 table td em {
  font-size: 11px !important;
  transform: translateY(-8px);
  display: inline-block;
}

.tb_st1 table thead th {
  position: relative;
  color: #d70c19;
  border-bottom: 1px solid #d3d3d3;
}
.tb_st1 table thead th:after {
  position: absolute;
  width: 1px;
  height: 20px;
  left: 0;
  top: 50%;
  margin-top: -10px;
  background-color: #d6d6d6;
  content: "";
}
.tb_st1 table colgroup col.th{
	width: 180px;
}
.tb_st1 table tbody th {
  background-color: #f2f3f8;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  color: #1d1d1d;
}
.tb_st1 table td {
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

.tb_st1.slim table th,
.tb_st1.slim table td {
  padding: 10px 2%;
  height: auto;
}
.tb_st1.ta-c table th,
.tb_st1.ta-c table td {
  text-align: center;
}

.tb_st1 input {
  border: 1px solid #e2e2e2;
  height: 40px;
  width: 100px;
}
.tb_st1 tr.gray th,
.tb_st1 tr.gray td {
  background-color: #f2f2f2;
  color: #d70c19;
}

.tb_st1.throw table th {
  border-left: 1px solid #d3d3d3;
}
.tb_st1.throw table tr th:first-child:after {
  display: none;
}
.tb_st1.throw table tr:nth-child(1) th:after {
  display: none;
}
.tb_st1.throw table tr:nth-child(2) th {
  border-left: 0;
}
.tb_st1.throw table tr:nth-child(2) th:first-child {
  border-left: 1px solid #d3d3d3;
}

.tb_dt {
  margin-top: 25px;
  line-height: 1.5;
  font-weight: 300;
}
.tb_dt span {
  padding-left: 38px;
}

/* 리스트 st */
.big_lst_st {
  border-top: 2px solid #d70c19;
}
.big_lst_st ul li {
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 16px;
}
.big_lst_st ul li p {
  font-size: 16px;
  font-weight: 300;
  position: relative;
  padding-left: 13px;
  color: #1d1d1d;
  line-height: 1.5;
}
.big_lst_st ul li p:after {
  position: absolute;
  left: 0;
  top: 10px;
  background-color: #a6a6a6;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  content: "";
}

.lst_st ul li {
  padding-left: 14px;
  position: relative;
  font-weight: 300;
  color: #1d1d1d;
  line-height: 1.5;
}
.lst_st ul li:after {
  position: absolute;
  left: 0;
  top: 10px;
  background-color: #a6a6a6;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  content: "";
}

.lst_st2 ul li {
  position: relative;
  padding-left: 10px;
  line-height: 1.8;
  font-weight: 300;
}
.lst_st2 ul li:after {
  position: absolute;
  top: -2px;
  left: 0;
  content: "-";
}

.lst_st2_2 ul li {
  line-height: 1.8;
  font-weight: 400;
  color: #244193;
}

/* 버튼팩 */
.btn_area {
  margin-top: 30px;
}
.btn_pack {
  display: inline-block;
  text-align: center;
  width: 100px;
  height: 40px;
  line-height: 40px;
  background-color: #d70c19;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* 인사말 */
.greetTop {
  position: relative;
  padding-top: 40px;
  padding-bottom: 85px;
}
.greetTop dl dt {
/*  font-size: 32px;*/
	font-size: 22px;
/*  font-weight: 300;*/
	font-weight: 600;
  line-height: 1.4;
  padding-bottom: 30px;
  position: relative;
}
.greetTop dl dt:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 62px;
  height: 1px;
  background-color: #d70c19;
}
.greetTop dl dt strong {
/*  font-weight: 500;*/
	font-weight: 600;
}
.greetTop dl dd {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.8;
  margin-top: 35px;
}
.greetTop .img {
  position: absolute;
  top: 0;
  right: 0;
}
.ceoBot {
  background: url(/img/sub/bg_ceo.jpg) center top no-repeat #fbfbfb;
}
.ceoBot .inBox {
  max-width: 1400px;
  margin: 0 auto;
}
.ceoBot .inBox .ct_inner {
  max-width: 1050px;
  margin-left: 349px;
  padding: 110px 0;
}
.ceoBot .inBox .ct_inner dl {
  padding-left: 90px;
  background: url(/img/sub/ceo_app.png) left top no-repeat;
}
.ceoBot .inBox .ct_inner dl dt {
/*  font-size: 30px;*/
	font-size: 22px;
/*	font-weight: normal;*/
	font-weight: 600;
  line-height: 1.3;
  padding: 35px 0;
}
.ceoBot .inBox .ct_inner dl dt strong {
/*  font-weight: bold;*/
	font-weight: 600;
}
.ceoBot .inBox .ct_inner dl dd {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.8;
}
.ceoBot .inBox .ct_inner dl dd + dd {
	margin-top: 1em;
}
.ceoBot .inBox .ct_inner .ceoSign {
  padding-left: 90px;
  font-size: 18px;
/*  font-weight: 300;*/
  font-weight: 600;
  line-height: 1.6;
  color: #686868;
  margin-top: 60px;
}
.ceoBot .inBox .ct_inner .ceoSign span {
/*  font-size: 24px;*/
	font-size: 20px;
/*  font-weight: normal;*/
	font-weight: 600;
  color: #1d1d1d;
}
.ceoBot .inBox .ct_inner .ceoSign span em {
/*  font-weight: 500;*/
	font-weight: 600;
}

/* 사업영역 */
.busiTop {
  height: 365px;
  background: url(/img/sub/bg_busi.jpg) center top no-repeat;
  text-align: center;
  color: #fff;
  position: relative;
}
.busiTop:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 80px;
  background-color: #d70c19;
}
.busiTop > div {
  display: table;
  width: 100%;
  height: 100%;
}
.busiTop > div p {
  display: table-cell;
  vertical-align: middle;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.4;
  padding-bottom: 70px;
}
.busiTop > div p span {
  font-weight: 500;
}
.busiArea {
  position: relative;
  z-index: 1;
  margin-top: -125px;
  text-align: center;
}
.busiArea ul:after {
  display: block;
  clear: both;
  content: "";
}
.busiArea ul {
  margin-left: -52px;
  display: inline-block;
}
.busiArea ul li {
  width: 290px;
  height: 482px;
  padding: 64px 0;
  float: left;
  text-align: center;
  background-color: #fff;
  border: 5px solid #e0e0e0;
  margin-left: 52px;
  position: relative;
}
.busiArea ul li:after {
  content: "";
  position: absolute;
  left: -45px;
  top: 50%;
  width: 29px;
  height: 29px;
  background: url(/img/sub/busi_plus.png) left top no-repeat;
}
.busiArea ul li:first-child:after {
  display: none;
}
.busiArea ul li dl dt {
  font-size: 24px;
  font-weight: 300;
  color: #d70c19;
  padding-bottom: 132px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.busiArea ul li dl dt br {
  display: none;
}
.busiArea ul li:nth-child(1) dl dt {
  background-image: url(/img/sub/img_busi1.png);
}
.busiArea ul li:nth-child(2) dl dt {
  background-image: url(/img/sub/img_busi2.png);
}
.busiArea ul li:nth-child(3) dl dt {
  background-image: url(/img/sub/img_busi3.png);
}
.busiArea ul li dl dt span {
  color: #404040;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 24px;
  display: block;
}
.busiArea ul li dl dd {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
}

/* 연혁 */
/* tab_st */
.lst_tab {
  text-align: center;
  margin-bottom: 80px;
  border-bottom: 1px solid #d70c19;
}
.lst_tab ul {
}
.lst_tab ul:after {
  display: block;
  clear: both;
  content: "";
}
.lst_tab ul li {
  width: 50%;
  height: 53px;
  float: left;
  position: relative;
}
.lst_tab ul li a {
  display: block;
  text-align: center;
  font-size: 26px;
  font-weight: 300;
  color: #161616;
  padding-bottom: 28px;
}
.lst_tab ul li a span {
  color: #949494;
  font-weight: 500;
}
.lst_tab ul li.on a span {
  color: #d70c19;
}
.lst_tab ul li.on:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8.5px;
  width: 19px;
  height: 19px;
  background: url(/img/sub/tab_on.png) left top no-repeat;
}
.tabCont .cont.on {
  display: block;
}
.tabCont .cont {
  display: none;
}

.hisCont {
  position: relative;
}
.hisCont .tabCont .cont {
  position: relative;
}
.hisCont .yearTit {
  font-size: 32px;
  font-weight: 500;
  position: absolute;
  left: 0;
  top: 0;
}
.hisCont .yearTit span {
  display: block;
  font-size: 26px;
  line-height: 1.3;
  color: #cfcfcf;
  font-weight: 300;
  margin-top: 40px;
  padding-top: 30px;
  position: relative;
}
.hisCont .yearTit span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 1px;
  background-color: #d70c19;
}
.hisCont .lst_his {
  margin-left: 277px;
  position: relative;
}
.hisCont .lst_his:after {
  content: "";
  position: absolute;
  left: 80px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #dadada;
}
.hisCont .lst_his ul li {
  position: relative;
  padding-left: 110px;
}
.hisCont .lst_his ul li dl {
  line-height: 1.8;
  margin-top: 40px;
}
.hisCont .lst_his ul li:first-child dl {
  margin-top: 0;
}
.hisCont .lst_his ul li dl dt {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 500;
  font-size: 21px;
  padding-right: 33px;
  margin-right: 30px;
}
.hisCont .lst_his ul li dl dt:after {
  content: "";
  position: absolute;
  right: -3px;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background-color: #d70c19;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  z-index: 5;
}
.hisCont .lst_his ul li dl dd {
  font-size: 18px;
  font-weight: 300;
  position: relative;
  padding-left: 30px;
  margin-top: 5px;
}
.hisCont .lst_his ul li dl dd span {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 300;
  color: #3b579c;
  font-style: italic;
}

/* 조직도 */
.organWrap {
  background: url(/img/sub/bg_organ.jpg) center 193px no-repeat;
}
.organWrap dl dt {
  margin: 0 auto;
  width: 193px;
  height: 193px;
  margin-bottom: 144px;
  background-color: #fbe6e8;
  padding: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: relative;
}
.organWrap dl dt:after {
  content: "";
  position: absolute;
  bottom: -70px;
  left: 50%;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  background-color: #d70c19;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.organWrap dl dt strong {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 38% 0;
  font-size: 22px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  background-color: #d70c19;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.organWrap dl dt strong em {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.organWrap dl dd ul:after {
  display: block;
  clear: both;
  content: "";
}
.organWrap dl dd ul {
  margin-left: -23px;
}
.organWrap dl dd ul li {
  float: left;
  width: calc(20% - 23px);
  height: 250px;
  margin-left: 23px;
  padding: 40px 10px 30px;
  border: 5px solid #e0e0e0;
  text-align: center;
  background-color: #fcfcfc;
  background-repeat: no-repeat;
  background-position: center bottom 28px;
}
.organWrap dl dd ul li p {
  font-size: 22px;
  color: #d70c19;
  font-weight: 300;
  padding-bottom: 20px;
  position: relative;
  margin-bottom: 13px;
}
.organWrap dl dd ul li p:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -10px;
  width: 20px;
  height: 1px;
  background-color: #d70c19;
}
.organWrap dl dd ul li span {
  font-size: 14px;
  line-height: 1.25;
  font-weight: bold;
  color: #bababa;
  display: block;
  text-transform: uppercase;
}
.organWrap dl dd ul li:nth-child(1) {
  background-image: url(/img/sub/picto_organ1.png);
}
.organWrap dl dd ul li:nth-child(2) {
  background-image: url(/img/sub/picto_organ2.png);
}
.organWrap dl dd ul li:nth-child(3) {
  background-image: url(/img/sub/picto_organ3.png);
}
.organWrap dl dd ul li:nth-child(4) {
  background-image: url(/img/sub/picto_organ4.png);
}
.organWrap dl dd ul li:nth-child(5) {
  background-image: url(/img/sub/picto_organ5.png);
}

/* 제품 인트로 */
.introStep {
  box-shadow: 2px 2px 5px #bfbfbf;
}
.introStep ul:after {
  display: block;
  clear: both;
  content: "";
}
.introStep ul li {
  float: left;
  width: 25%;
  height: 95px;
  color: #273b7c;
  font-size: 18px;
  line-height: 1.5;
  background-repeat: no-repeat;
  background-position: 85% 80%;
  position: relative;
}
.introStep ul li:after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #e6eff9;
  border-bottom: 10px solid transparent;
  z-index: 10;
}
.introStep ul li div {
  display: table;
  width: 100%;
  height: 100%;
}
.introStep ul li p {
  display: table-cell;
  vertical-align: top;
  padding: 13% 30px;
}
.introStep ul li span {
  font-weight: 300;
  font-size: 16px;
  color: #4542ad;
  display: block;
  margin-right: 15px;
  float: left;
}
.introStep ul li:nth-child(1) {
  background-color: #e6eff9;
  background-image: url(/img/sub/introStep1.png);
}
.introStep ul li:nth-child(2) {
  background-color: #d1e0f0;
  background-image: url(/img/sub/introStep2.png);
}
.introStep ul li:nth-child(3) {
  background-color: #c3cfe5;
  background-image: url(/img/sub/introStep3.png);
}
.introStep ul li:nth-child(4) {
  background-color: #c2c0de;
  background-image: url(/img/sub/introStep4.png);
}
.introStep ul li:nth-child(2):after {
  border-left-color: #d1e0f0;
}
.introStep ul li:nth-child(3):after {
  border-left-color: #c3cfe5;
}
.introStep ul li:nth-child(4):after {
  display: none;
}
.prdCate {
  margin-top: 66px;
  margin-bottom: 55px;
}
.prdCate:after {
  display: block;
  clear: both;
  content: "";
}
.prdCate .bigTit {
  float: left;
  font-size: 40px;
  font-weight: bold;
  color: #1d1d1d;
  padding-top: 40px;
  line-height: 1.2;
  position: relative;
  text-transform: uppercase;
}
.prdCate .bigTit:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 9px;
  background-color: #d70c19;
}
.prdCate .bigTit span {
  color: #888;
  display: block;
}
.prdCate .lst_cate {
  width: 69.9%;
  float: right;
  border-top: 1px solid #d70c19;
}
.prdCate .lst_cate ul li {
  padding: 36px 0;
  border-bottom: 1px solid #dcdcdc;
}
.prdCate .lst_cate ul li dl {
  position: relative;
  padding-left: 50%;
  line-height: 1.3;
}
.prdCate .lst_cate ul li dt {
  font-size: 21px;
  color: #232323;
  position: absolute;
  left: 0;
}
.prdCate .lst_cate ul li dd {
  font-size: 18px;
  margin-top: 15px;
}
.prdCate .lst_cate ul li dd:nth-child(2) {
  margin-top: 0;
}
.prdCate .lst_cate ul li dd a {
  color: #1d1d1d;
  font-weight: 300;
}
.prdCate .lst_cate ul li dd a sub,
.prdCate .lst_cate ul li dd a sup{
	font-size: x-small;
}
.prdCate .lst_cate ul li dd a sub{
	vertical-align: sub;
}
.prdCate .lst_cate ul li dd a sup{
	vertical-align: super;
}
.introBot {
  background-color: #f2f2f2;
  border: 7px solid #e9e9e9;
  text-align: center;
  padding: 55px 15px;
}
.introBot p {
  font-size: 24px;
  color: #383838;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 33px;
}
.introBot p span {
  font-weight: 500;
}
.introBot .btn a {
  display: inline-block;
  width: 140px;
  height: 45px;
  line-height: 45px;
  margin: 0 5px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #515151;
}
.introBot .btn a.red {
  background-color: #d70c19;
}

/* 제품 공통 */
.summary {
  padding-bottom: 60px;
}
.summary.no_pb {
  padding-bottom: 0;
}
.summary .tit {
  margin-bottom: 28px;
}
.summary .tit span {
  display: inline-block;
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 28px;
  color: #d70c19;
  text-transform: uppercase;
  position: relative;
  padding-right: 20px;
}
.summary .tit span:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 1px;
  background-color: #d70c19;
}
.summary .txt {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.8;
}
.summary .txt strong{ 
	font-weight: 700;
}
.summary .txt sub{
	font-size: xx-small;
	vertical-align: sub;
}

.prdDetail {
  background: url(/img/sub/bg_dash.png) left top repeat-x;
  padding-top: 60px;
}
.prdDetail .group {
  margin-top: 70px;
  position: relative;
}
.prdDetail .group:first-child {
  margin-top: 0;
}
.prdDetail .group .lft {
  float: left;
}
.prdDetail .group .rgh {
  float: right;
}

.lst_feature {
}
.lst_feature > ul:after {
  content: "";
  display: block;
  clear: both;
}
.lst_feature.n2 > ul {
  margin-left: -50px;
}
.lst_feature.n2 > ul > li {
  letter-spacing: -1px;
  width: calc(50% - 50px);
  float: left;
  margin-left: 50px;
}

.lst_feature > ul > li > dl:not(:first-child) {
  margin-top: 37px;
}
.lst_feature > ul > li > dl dd {
  font-weight: 300;
  line-height: 1.8;
}
.lst_feature .imgBx {
  position: absolute;
  right: 0;
  top: 0;
  width: 56.23%;
}
.lst_feature .imgBx .img {
  text-align: center;
}

.touchScreen {
  margin-top: 35px;
}
.touchScreen p.tit {
  margin-bottom: 15px;
  padding-left: 15px;
  position: relative;
}
.touchScreen p.tit:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #d70c19;
}
.touchScreen ul {
  margin-left: -12px;
}
.touchScreen ul:after {
  display: block;
  clear: both;
  content: "";
}
.touchScreen ul li {
  float: left;
  width: calc(25% - 12px);
  margin-left: 12px;
}
.touchScreen span {
  display: block;
  font-size: 14px;
  color: #676767;
  margin-top: 15px;
  font-weight: 300;
}

.principle .img {
  padding: 35px 10px;
  text-align: center;
  background-color: #f7f7f8;
  border: 1px solid #d1d1d1;
}
.principle.white .img {
  background-color: #fff;
}
.prd2_4 .principle .img {
  background-color: #f3ede4;
  max-width: 400px;
}
.lst_img {
  background-color: #f7f7f8;
  padding: 45px 15px;
  border: 1px solid #d1d1d1;
}
.lst_img ul:after {
  display: block;
  clear: both;
  content: "";
}
.lst_img ul li {
  width: 50%;
  float: left;
  border-left: 1px solid #d1d1d1;
}
.lst_img ul li:first-child {
  border-left: 0;
}

.lst_img2 ul:after {
  display: block;
  clear: both;
  content: "";
}
.lst_img2 ul li {
  float: left;
  width: 50%;
  text-align: center;
}
.lst_img2 ul li p {
  margin-top: 10px;
}

.effect .lst > ul:after {
  display: block;
  clear: both;
  content: "";
}
.effect .lst > ul > li {
  width: 50%;
  float: left;
}
.effect .graph {
  padding: 25px 10px 25px 10px;
  margin-top: 40px;
  border: 1px solid #d1d1d1;
  text-align: center;
}
.effect .graph ul:after {
  display: block;
  clear: both;
  content: "";
}
.effect .graph ul li {
  float: left;
  width: 50%;
  padding: 0 2%;
}
.effect .graph ul li p {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
}
.effect .graph ul li p span {
  display: inline-block;
  margin: 0 10px;
  line-height: 1.5;
}

.problem {
  margin-top: 40px;
}
.problem .lst.n2 > ul:after {
  display: block;
  clear: both;
  content: "";
}
.problem .lst.n2 > ul {
  margin-left: -30px;
}
.problem .lst.n2 > ul > li {
  float: left;
  width: calc(50% - 30px);
  margin-left: 30px;
}
.problem > dl {
  display: table;
  width: 100%;
  padding: 30px 0;
  border-top: 1px solid #ebebeb;
  line-height: 1.8;
}
.problem > dl:first-child {
  border-top: none;
  padding-top: 0;
}
.problem > dl:last-child {
  padding-bottom: 0;
}
.problem > dl > dt {
  color: #d70c19;
  font-weight: 500;
  display: table-cell;
  width: 20%;
  vertical-align: top;
}
.problem > dl > dd {
  display: table-cell;
  font-weight: 300;
  vertical-align: top;
}
.problem > dl > dd p {
  margin-bottom: 30px;
}

.partner .lst_partner {
  border: 1px solid #cdcdcd;
  padding: 14px 2%;
  overflow: hidden;
}
.partner .lst_partner ul:after {
  display: block;
  clear: both;
  content: "";
}
.partner .lst_partner ul li:first-child {
  border-left: 0;
}
.partner .lst_partner ul li {
  float: left;
  width: 25%;
  border-left: 1px dashed #dfdfdf;
  padding: 20px 3%;
  text-align: center;
}

.lst_step ul {
  margin-top: -14px;
  margin-left: -29px;
}
.lst_step ul:after {
  display: block;
  clear: both;
  content: "";
}
.lst_step ul li {
  width: 156px;
  height: 116px;
  margin-left: 29px;
  margin-top: 14px;
  float: left;
  background-color: #fbfbfb;
  border: 1px solid #cdcdcd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
  position: relative;
}
.lst_step ul li:after {
  content: "";
  position: absolute;
  right: -23px;
  top: 50%;
  margin-top: -8px;
  width: 17px;
  height: 16px;
  background: url(/img/sub/step_arr.jpg) left top no-repeat;
}
.lst_step ul li strong {
  color: #bababa;
  font-size: 16px;
  font-weight: 900;
  display: inline-block;
  margin-bottom: 9px;
}
.lst_step ul li p {
  font-size: 15px;
  line-height: 1.3;
}
.lst_step ul li:last-child:after {
  display: none;
}

.lst_drawing ul:after {
  display: block;
  clear: both;
  content: "";
}
.lst_drawing ul {
  margin-left: -10px;
}
.lst_drawing ul li {
  float: left;
  width: calc(50% - 10px);
  margin-left: 10px;
}
.lst_drawing ul li .img {
  border: 1px solid #ddd;
  text-align: center;
}

/* //제품 공통 */

/* 제품 공통아님 */
.prd1_2 .tb_st1 td span {
  margin: 0 5px;
}
.prd2_1 .summary .txt {
  position: relative;
  padding-right: 48%;
}
.prd2_1 .summary .img {
  position: absolute;
  top: 0;
  right: 0;
}
.prd2_1 .grpBox.lft {
}
.prd2_1 .grpBox.rgh {
  width: 56.76%;
}
.prd2_1 .lst_st2.n3 ul:after {
  display: block;
  clear: both;
  content: "";
}
.prd2_1 .lst_st2.n3 ul li {
  width: 33.33%;
  float: left;
}
.prd2_1 .effect .graph {
  margin-top: 20px;
}

.prd2_3 .pwmInverter {
  margin: 30px 0;
}
.prd2_3 .pwmInverter:after {
  display: block;
  clear: both;
  content: "";
}
.prd2_3 .pwmInverter .lft {
  width: 60%;
}
.prd2_3 .pwmInverter .lft p {
  text-align: center;
  margin-top: 15px;
}
.prd2_3 .pwmInverter .rgh {
  width: 38.28%;
}
.prd2_3 .pwmInverter .rgh p {
  margin-top: 15px;
}
.prd2_3 .pwmInverter .img {
  border: 1px solid #000;
  padding: 13px;
}

.prd2_3 .effect .tit_graph {
  padding-left: 15px;
  position: relative;
  margin-top: 40px;
}
.prd2_3 .effect .tit_graph:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  background-color: #d70c19;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.prd2_3 .effect .graph {
  margin-top: 10px;
}

.prd2_4 .effect {
  position: relative;
  padding-right: 400px;
  padding-bottom: 10%;
}
.prd2_4 .effect .img {
  position: absolute;
  right: 0;
  top: 0;
}
.prd2_4 .problem .pb_step dl dt {
  font-weight: 500;
  color: #000;
  padding-left: 13px;
  position: relative;
}
.prd2_4 .problem .pb_step dl dt:after {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 5px;
  height: 5px;
  background-color: #d70c19;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.prd2_4 .problem .pb_step dl dd {
  padding-left: 13px;
}

.prd3_2 .principle .img {
  border-width: 5px;
}
.prd3_2 .effect dl {
  margin-top: 25px;
}

.prd3_3 .effect:after {
  display: block;
  clear: both;
  content: "";
}
.prd3_3 .effect .lst_st2 {
  float: left;
  width: 50%;
}
.prd3_3 .effect .graph {
  float: right;
  width: 50%;
  border: 0;
  padding: 0;
  margin-top: 0;
}

.prd3_4 .feature p.txt {
  line-height: 1.8;
}
.prd3_4 .effect p.txt {
  line-height: 1.8;
  font-weight: 300;
}

.prd5_1 .prdDetail {
  padding-top: 0;
  background: none;
}
.prd5_1 .group dl {
  margin-top: 30px;
}

/* 엔지니어링 */
.enginCont .lst_step ul li {
  width: 136px;
  height: 96px;
}
.enginCont .toolBox {
  border: 1px solid #d1d1d1;
  padding: 28px;
}
.enginCont .toolBox p {
  margin-bottom: 30px;
  font-weight: 300;
}
.enginCont .toolBox .img {
  text-align: center;
}
.enginCont .toolBox .img > img {
  padding: 5%;
}
.enginCont .engin_result .resultBox {
  background-color: #f8f8f8;
  margin-top: 20px;
  padding: 35px 40px;
}
.enginCont .engin_result .resultBox .lst > ul:after {
  display: block;
  clear: both;
  content: "";
}
.enginCont .engin_result .resultBox .lst > ul {
  margin-left: -80px;
}
.enginCont .engin_result .resultBox .lst > ul > li {
  float: left;
  width: calc(50% - 80px);
  margin-left: 80px;
}

/* 연구실적 */
.achieveCont > article {
  margin-top: 55px;
}
.achieveCont > article:first-child {
  margin-top: 0;
}
.laboratory {
  position: relative;
}
.laboratory .lst_big {
  margin-bottom: 2%;
}
.laboratory .lst_big ul li p {
  height: 0;
  padding-bottom: 63%;
  position: relative;
}
.laboratory .lst_big ul li p img {
  position: absolute;
  top: -9999px;
  right: -9999px;
  bottom: -9999px;
  left: -9999px;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.laboratory .lst_sm ul li {
  margin: 0 4px;
}
.laboratory .lst_sm ul li p {
  height: 0;
  padding-bottom: 60%;
  position: relative;
}
.laboratory .lst_sm ul li p img {
  position: absolute;
  top: -9999px;
  right: -9999px;
  bottom: -9999px;
  left: -9999px;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.laboratory .lst_sm ul li.slick-current p img {
  border: 2px solid #d70c19;
}
.laboratory .slick-arrow {
  position: absolute;
  top: 50%;
  width: 21px;
  height: 35px;
  z-index: 200;
  text-indent: -9999px;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.laboratory .slick-prev {
  left: 5%;
  background-image: url(/img/sub/btn_labor_prev.png);
}
.laboratory .slick-next {
  right: 5%;
  background-image: url(/img/sub/btn_labor_next.png);
}

/* 특허인증 */
.lst_certificate ul:after {
  display: block;
  clear: both;
  content: "";
}
.lst_certificate ul {
  margin-left: -24px;
  margin-top: -40px;
}
.lst_certificate ul li {
  float: left;
  width: calc(25% - 24px);
  margin-left: 24px;
  margin-top: 40px;
}
.lst_certificate ul li .img {
  border: 1px solid #c0c0c0;
  text-align: center;
}
.lst_certificate ul li .img img {
  width: 100%;
}
.lst_certificate ul li > p {
  margin-top: 18px;
  line-height: 1.3;
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 300;
  padding-left: 10px;
  position: relative;
  word-break: break-all;
}
.lst_certificate ul li > p:after {
  position: absolute;
  left: 0;
  top: 3px;
  width: 3px;
  height: 16px;
  background-color: #d70c19;
  content: "";
}

/* 오시는 길 */
.locaCont {
}
.locaCont .comp_info {
  margin-top: 30px;
}
.locaCont .comp_info:after {
  display: block;
  clear: both;
  content: "";
}
.locaCont .comp_info .title {
  float: left;
  font-size: 26px;
  color: #1d1d1d;
  font-weight: 500;
  line-height: 1.2;
  position: relative;
  padding-top: 39px;
}
.locaCont .comp_info .title span {
  color: #d70c19;
  display: block;
}
.locaCont .comp_info .title:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 10px;
  border: 5px solid #d70c19;
}
.locaCont .comp_info > ul {
  float: right;
  width: 65.71%;
}
.locaCont .comp_info > ul > li {
  border-bottom: 1px dashed #d7d7d7;
  padding: 33px 39px;
}
.locaCont .comp_info > ul > li:first-child {
  padding-top: 0;
}
.locaCont .comp_info > ul > li dl {
  padding-left: 80px;
  background-repeat: no-repeat;
  background-position: 0 5px;
}
.locaCont .comp_info > ul > li:nth-child(1) dl {
  background-image: url(/img/sub/ico_loca1.png);
}
.locaCont .comp_info > ul > li:nth-child(2) dl {
  background-image: url(/img/sub/ico_loca2.png);
}
.locaCont .comp_info > ul > li:nth-child(3) dl {
  background-image: url(/img/sub/ico_loca3.png);
}
.locaCont .comp_info > ul > li dl dt {
  font-size: 21px;
  color: #1d1d1d;
  margin-bottom: 10px;
  font-weight: 500;
}
.locaCont .comp_info > ul > li dl dd {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
}
.locaCont .comp_info > ul > li dl dd span {
  color: #314baa;
}
.locaCont .comp_info > ul > li:nth-child(2) dl dd span {
  margin-right: 20px;
}

@media screen and (max-width: 1200px) {
  /* 인사말 */
  .greetTop {
    padding-top: 0;
  }
  .greetTop .img {
    width: 45%;
  }
  .ceoBot {
    background-position: right center;
  }
  .ceoBot .inBox {
    max-width: inherit;
  }
  .ceoBot .inBox .ct_inner {
    max-width: inherit;
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  /* 사업영역 */
  .busiArea ul {
    margin-left: -20px;
  }
  .busiArea ul li {
    margin-left: 20px;
  }
  .busiArea ul li:after {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .lst_certificate ul li {
    width: calc(33.33% - 24px);
  }

  /* 인사말 */
  .greetTop {
    padding-top: 0;
    padding-bottom: 50px;
  }
  .greetTop .img {
    width: auto;
    position: relative;
    top: inherit;
    right: inherit;
    text-align: center;
  }
  .greetTop dl {
    margin-top: 30px;
  }
  .greetTop dl dt {
    font-size: 28px;
    padding-bottom: 20px;
  }
  .greetTop dl dt br {
    display: none;
  }
  .greetTop dl dt strong br {
    display: block;
  }
  .greetTop dl dd {
    font-size: 16px;
    margin-top: 20px;
  }
  .greetTop dl dd br {
    display: none;
  }
  .ceoBot .inBox .ct_inner {
    padding: 50px 15px;
  }
  .ceoBot .inBox .ct_inner dl {
    padding-left: 50px;
    -webkit-background-size: 40px;
    background-size: 40px;
  }
  .ceoBot .inBox .ct_inner dl dt {
    font-size: 25px;
    padding: 20px 0;
  }
  .ceoBot .inBox .ct_inner dl dt br {
    display: none;
  }
  .ceoBot .inBox .ct_inner dl dd {
    font-size: 16px;
  }
  .ceoBot .inBox .ct_inner .ceoSign {
    padding-left: 50px;
    margin-top: 30px;
    font-size: 16px;
  }
  .ceoBot .inBox .ct_inner .ceoSign span {
    font-size: 22px;
  }

  /* 사업영역 */
  .busiTop {
    height: 285px;
  }
  .busiTop:after {
    height: 50px;
  }
  .busiTop > div p {
    padding: 0 10px;
    font-size: 28px;
  }
  .busiArea {
    margin-top: 40px;
  }
  .busiArea ul {
    margin-left: -10px;
    display: block;
  }
  .busiArea ul li {
    margin-left: 10px;
    width: calc(33.33% - 10px);
    margin-top: 20px;
    border-width: 3px;
    padding: 40px 0;
  }
  .busiArea ul li:after {
    display: none;
  }
  .busiArea ul li dl dt {
    font-size: 20px;
  }
  .busiArea ul li dl dt br {
    display: block;
  }
  .busiArea ul li dl dd {
    font-size: 16px;
  }

  /* 연혁 */
  .hisCont .yearTit {
    position: relative;
    left: inherit;
    top: inherit;
    text-align: center;
    font-size: 28px;
  }
  .hisCont .yearTit span {
    margin-top: 25px;
    padding-top: 20px;
    font-size: 22px;
  }
  .hisCont .yearTit span:after {
    left: 50%;
  }
  .hisCont .yearTit span br {
    display: none;
  }
  .hisCont .lst_his {
    margin-left: 0;
    margin-top: 30px;
  }
  .hisCont .lst_his:after {
    left: 64px;
  }
  .hisCont .lst_his ul li {
    padding-left: 90px;
  }
  .hisCont .lst_his ul li dl dt {
    font-size: 18px;
    padding-right: 24px;
    margin-right: 0;
  }
  .hisCont .lst_his ul li dl dd {
    font-size: 16px;
  }
  .lst_tab ul li {
    height: auto;
  }
  .lst_tab ul li a {
    line-height: 1.3;
    font-size: 22px;
    padding-bottom: 20px;
  }
  .lst_tab ul li a span {
    display: block;
  }

  /* 조직도 */
  .organWrap {
    background: none;
  }
  .organWrap dl {
    position: relative;
  }
  .organWrap dl dt {
    margin-bottom: 50px;
    position: relative;
    z-index: 2;
  }
  .organWrap dl dt:after {
    display: none;
  }
  .organWrap dl dd {
    position: relative;
    z-index: 2;
  }
  .organWrap dl dd ul {
    margin-left: -10px;
    position: relative;
  }
  .organWrap dl dd ul li {
    margin-left: 10px;
    width: calc(20% - 10px);
    -webkit-background-size: 55px;
    background-size: 55px;
  }
  .organWrap dl dd ul li p {
    font-size: 20px;
  }
  .organWrap dl dd ul li span {
    font-size: 11px;
  }

  /* 제품 인트로 */
  .introStep ul li {
    height: 120px;
    font-size: 18px;
  }
  .introStep ul li p {
    padding: 8% 23px;
  }
  .prdCate .bigTit {
    font-size: 36px;
    float: none;
    padding-top: 30px;
  }
  .prdCate .bigTit span {
    display: inline-block;
  }
  .prdCate .bigTit:after {
    height: 5px;
  }
  .prdCate .lst_cate {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .prdCate .lst_cate ul li dl {
    padding-left: 40%;
  }
  .prdCate .lst_cate ul li dt {
    font-size: 18px;
  }
  .prdCate .lst_cate ul li dd {
    font-size: 16px;
  }
  .introBot {
    border-width: 5px;
    padding: 35px 15px;
  }
  .introBot p {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 20px;
  }

  .lst_drawing ul {
    margin-left: 0;
    margin-top: 0;
  }
  .lst_drawing ul li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }

  /* 제품 공통아님 */
  .prd1_2 .tb_st1 td span {
    margin: 0 2px;
  }
  .prd2_1 .summary .txt {
    padding-right: 0;
  }
  .prd2_1 .summary .img {
    display: block;
    position: relative;
    margin-top: 20px;
    text-align: center;
  }

  .prdCont .group .lft {
    float: none;
  }
  .prd2_1 .grpBox.rgh {
    width: 100%;
    float: none;
    margin-top: 70px;
  }
  .prd2_3 .pwmInverter .lft {
    width: 100%;
    float: none;
  }
  .prd2_3 .pwmInverter .rgh {
    width: 100%;
    float: none;
    text-align: center;
    margin-top: 20px;
  }

  .prd2_4 .principle .img {
    max-width: inherit;
  }
  .prd2_4 .effect {
    padding-right: 0;
    padding-bottom: 0;
  }
  .prd2_4 .effect .img {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }

  .lst_feature .imgBx {
    position: relative;
    width: 100%;
    margin-top: 40px;
  }
  .lst_feature .imgBx .img img {
    width: 28%;
  }

  /* 오시는 길 */
  .locaCont .comp_info .title {
    float: none;
  }
  .locaCont .comp_info > ul {
    float: none;
    width: 100%;
    margin-top: 50px;
  }
  .locaCont .comp_info > ul > li {
    padding: 23px 3%;
  }
}

@media screen and (max-width: 720px) {
  /* 사업영역 */

  .busiArea ul {
    margin-left: 0;
  }
  .busiArea ul li {
    float: none;
    width: 100%;
    margin-left: 0;
    height: auto;
    border-width: 5px;
  }
  .busiArea ul li dl dt br {
    display: none;
  }

  .organWrap dl dd ul {
    margin-left: 0;
    margin-top: -10px;
  }
  .organWrap dl dd ul li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
}

@media screen and (max-width: 640px) {
  body {
    font-size: 14px;
  }

  /* 타이틀 st*/
  .title1 {
    font-size: 17px;
    padding-left: 20px;
  }
  .title1:after {
    top: 3px;
    width: 6px;
    height: 6px;
    border-width: 4px;
  }
  .title2 {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .title3:after {
    width: 4px;
    height: 4px;
  }

  .tb_st1 {
    font-size: 13px;
  }
  .tb_st1 table th,
  .tb_st1 table td {
    padding: 13px 2%;
  }

  .big_lst_st ul li {
    padding: 15px 10px;
  }
  .big_lst_st ul li p {
    font-size: 14px;
  }
  .big_lst_st ul li p:after {
    top: 8px;
  }
  .lst_st ul li {
    font-size: 14px;
  }

  .achieveCont > article {
    margin-top: 35px;
  }

  /* 인사말 */
  .greetTop dl dt {
    font-size: 24px;
  }
  .greetTop dl dd {
    font-size: 15px;
  }
  .ceoBot .inBox .ct_inner dl {
    padding-left: 30px;
    -webkit-background-size: 25px;
    background-size: 25px;
  }
  .ceoBot .inBox .ct_inner dl dt {
    font-size: 22px;
  }
  .ceoBot .inBox .ct_inner dl dd {
    font-size: 14px;
  }
  .ceoBot .inBox .ct_inner dl dd > br {
	display: none;
  }
  .ceoBot .inBox .ct_inner .ceoSign {
    padding-left: 30px;
    font-size: 14px;
  }

  /* 사업영역 */
  .busiTop {
    height: 225px;
  }
  .busiTop > div p {
    font-size: 24px;
  }

  /* 연혁 */
  .lst_tab {
    margin-bottom: 50px;
  }
  .hisCont .yearTit {
    font-size: 25px;
  }
  .hisCont .yearTit span {
    font-size: 18px;
  }
  .hisCont .lst_his:after {
    left: 49px;
  }
  .hisCont .lst_his ul li {
    padding-left: 60px;
  }
  .hisCont .lst_his ul li dl dt {
    font-size: 16px;
    padding-right: 13px;
  }
  .hisCont .lst_his ul li dl dd {
    font-size: 14px;
  }
  .lst_tab ul li a {
    font-size: 20px;
  }

  /* 제품 인트로 */
  .introStep ul li {
    height: 120px;
    font-size: 15px;
    -webkit-background-size: 25px;
    background-size: 25px;
    background-position: 95% 90%;
  }
  .introStep ul li p {
    padding: 15% 15px;
  }
  .introStep ul li span {
    font-size: 14px;
  }
  .prdCate .bigTit {
    font-size: 32px;
    padding-top: 20px;
  }
  .prdCate .bigTit:after {
    width: 40px;
    height: 4px;
  }
  .prdCate .lst_cate ul li {
    padding: 26px 0;
  }
  .prdCate .lst_cate ul li dl {
    padding-left: 0;
  }
  .prdCate .lst_cate ul li dt {
    position: relative;
    margin-bottom: 20px;
  }
  .prdCate .lst_cate ul li dd {
    font-size: 14px;
    margin-top: 10px;
  }
  .introBot p {
    font-size: 18px;
  }
  .introBot .btn a {
    font-size: 14px;
    margin: 0;
  }

  /* 제품 공통 */
  .summary {
    padding-bottom: 30px;
  }
  .summary .tit {
    margin-bottom: 20px;
  }
  .summary .tit span {
    font-size: 23px;
  }
  .summary .txt {
    font-size: 14px;
  }

  .prdCont .prdDetail {
    padding-top: 50px;
  }
  .prdCont .group {
    margin-top: 45px;
  }
  .lst_feature > ul {
    margin-left: 0;
  }
  .lst_feature > ul > li {
    margin-left: 0;
    width: 100%;
    float: none;
  }
  .lst_feature > ul > li > dl {
    margin-top: 25px;
  }

  .touchScreen p.tit {
    padding-left: 10px;
  }
  .touchScreen p.tit:after {
    width: 3px;
    height: 3px;
  }
  .touchScreen ul {
    margin-top: -10px;
  }
  .touchScreen ul li {
    width: calc(50% - 12px);
    text-align: center;
    margin-top: 10px;
  }

  .lst_img {
    padding: 20px 10px;
  }
  .lst_img ul li {
    float: none;
    width: 100%;
    text-align: center;
    border-left: 0;
    border-top: 1px solid #d1d1d1;
    padding: 20px 0;
  }
  .lst_img ul li:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .lst_img ul li:last-child {
    padding-bottom: 0;
  }
  .lst_img2 ul li {
    float: none;
    width: 100%;
    margin-top: 15px;
  }

  .effect .lst > ul > li {
    float: none;
    width: 100%;
  }
  .effect .graph {
    padding: 10px;
  }
  .effect .graph ul {
    margin-top: -20px;
  }
  .effect .graph ul li {
    float: none;
    width: 100%;
    margin-top: 20px;
  }

  .problem .lst.n2 > ul {
    margin-left: 0;
  }
  .problem .lst.n2 > ul > li {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .problem > dl {
    display: block;
  }
  .problem > dl > dt {
    display: block;
    width: 100%;
  }
  .problem > dl > dd {
    display: block;
    margin-top: 10px;
  }
  .problem > dl > dd p {
    margin-bottom: 15px;
  }

  .partner .lst_partner {
    padding: 0 10px;
  }
  .partner .lst_partner ul li {
    width: 100%;
    border-left: 0;
    border-top: 1px dashed #dfdfdf;
  }
  .partner .lst_partner ul li:first-child {
    border-top: 0;
  }

  .lst_step ul {
    margin-left: -10px;
  }
  .lst_step ul li {
    width: calc(50% - 10px);
    margin-left: 10px;
  }
  .lst_step ul li:after {
    display: none;
  }
  .lst_step ul li strong {
    margin-bottom: 10px;
  }
  .lst_step ul li p {
    font-size: 14px;
  }

  /* //제품 공통 */

  /* 제품 공통아님 */
  .prd1_2 .tb_st1 td span {
    margin: 0;
    display: block;
  }
  .prd2_1 .lst_st2.n3 ul li {
    float: none;
    width: 100%;
  }
  .prd2_3 .effect .tit_graph {
    padding-left: 10px;
  }
  .prd2_3 .effect .tit_graph img {
    width: 20px;
  }
  .prd2_3 .effect .tit_graph:after {
    width: 3px;
    height: 3px;
  }
  .prd2_4 .problem .pb_step dl dt:after {
    top: 10px;
    width: 4px;
    height: 4px;
  }
  .prd3_3 .effect .lst_st2 {
    float: none;
  }
  .prd3_3 .effect .graph {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .prd3_3 .effect .graph ul li {
    float: left;
    width: 50%;
  }
  .prd5_1 .group dl {
    margin-top: 15px;
  }

  /* 엔지니어링 */
  .enginCont .lst_step ul li {
    width: calc(50% - 10px);
  }
  .enginCont .toolBox {
    padding: 20px;
  }
  .enginCont .toolBox p {
    line-height: 1.3;
  }
  .enginCont .engin_result .resultBox {
    padding: 20px;
  }
  .enginCont .engin_result .resultBox .lst > ul {
    margin-left: 0;
  }
  .enginCont .engin_result .resultBox .lst > ul > li {
    width: 100%;
    float: none;
    margin-left: 0;
  }

  .lst_certificate ul {
    margin-left: -15px;
  }
  .lst_certificate ul li {
    width: calc(50% - 15px);
    margin-left: 15px;
  }
  .lst_certificate ul li p {
    font-size: 14px;
  }
  .lst_certificate ul li p:after {
    height: 12px;
  }

  /* 오시는 길 */
  .locaCont .comp_info .title {
    font-size: 22px;
    padding-top: 25px;
  }
  .locaCont .comp_info .title:after {
    top: 3px;
    width: 6px;
    height: 6px;
    border-width: 4px;
  }
  .locaCont .comp_info > ul {
    margin-top: 30px;
  }
  .locaCont .comp_info > ul > li dl {
    padding-left: 60px;
  }
  .locaCont .comp_info > ul > li dl dt {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .locaCont .comp_info > ul > li dl dd {
    font-size: 14px;
  }
}

@media screen and (max-width: 520px) {
}

@media screen and (max-width: 420px) {
}

/* 2021-05-13 이효섭 작업*/
.img_st1 {
  margin-top: 46px;
}
.img_st1 ul {
  display: flex;
}
.img_st1 ul li:not(:last-child) {
  margin-right: 17px;
}

.lst_step.tpye2 ul {
  margin-left: 0;
}
.lst_step.tpye2 ul li {
  margin-left: 0;
  margin-right: 6.42857142857%;
}
.lst_step.tpye2 ul li:after {
  right: -28%;
}
.lst_step.tpye2 ul li:nth-child(5n) {
  margin-right: 0;
}
.lst_step.tpye2 ul li:nth-child(5n):after {
  display: none;
}

.flex {
  display: flex;
}
.flex.center{ align-items: center; }
.flex .half{ width: calc((100% - 20px) / 2); margin-right: 20px; }
.flex .half:nth-of-type(2n){ margin-right: 0; }
.flex.w50p > * {
  width: 47.61904761905%;
}
.flex.w50p > *:not(:last-child) {
  margin-right: 4.7619047619%;
}

.flex.w50p .lst > ul > li {
  width: 100%;
  flex: none;
}
.lst_feature_s2 ul:not(:last-child) {
  margin-right: 100px;
}
.lst_feature_s2 ul li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 12px;
}
.lst_feature_s2 ul li::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}
.lst_feature_s2 .cate {
  color: #244193;
  margin-bottom: 12px;
}

/* prd1_1 */
.prd1_1 .border{ border: 1px solid #d1d1d1; }
.prd1_1 figure{ display: flex; justify-content: center; align-items: center; padding: 20px 30px; }

/* prd2_1 */
.prd2_1_new .grpBox {
  width: 47.61904761905%;
}
.prd2_1_new .grpBox:not(:last-child) {
  margin-right: 4.7619047619%;
}

.prd2_1_new .install .graph li {
  margin-bottom: 0;
  padding: 0;
}
.prd2_1_new .install .graph li:not(:last-child) {
  margin-right: 38px;
}
.prd2_1_new .install .graph {
  height: 280px;
}
.prd2_1_new .install .circuit {
  height: 422px;
}

.prd2_1_new .graph {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.effect.type2 .graph {
  margin-top: 24px;
  padding: 0;
}

.effect.type2 .graph ul li p span {
  color: #222;
}
/* 6.66666666667 % */

.tb_group > section:not(:last-child) {
  margin-bottom: 40px;
}
.tb_group > section .tit {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}

.partnerList {
  border: 1px solid #cdcdcd;
  padding: 16px 0;
}
.partnerList li:not(:last-child) {
  border-right: 1px dashed #cdcdcd;
}

.mgt60 {
  margin-top: 60px;
}

.mgt60_b {
  margin-bottom: 40px;
}

.lst_st3 {
  margin-top: 26px;
  line-height: 1.4;
}
.lst_st3 ul {
  border-top: 1px solid #d70c19;
}
.lst_st3 ul li {
  border-bottom: 1px solid #cdcdcd;
  padding: 20px 0;
  display: flex;
  align-items: center;
}
.lst_st3 ul li span {
  width: 120px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
  color: #d70c19;
  font-weight: 500;
}

.lst_st3 ul li p {
  margin-left: 16px;
  flex: 1 1 0%;
  position: relative;
  padding-left: 12px;
}
.lst_st3 ul li p:after {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

.lst_feature > div > ul dl {
  margin-bottom: 26px;
}

.controls_box {
  margin-bottom: 26px;
  border: 1px solid #cdcdcd;
  padding: 26px;
}
.controls_box .hmi dl {
  display: flex;
  align-items: center;
}
.controls_box .hmi dl dt {
  width: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  height: 82px;
  font-size: 20px;
  color: #fff;
  background: #d70c19;
  border-radius: 50%;
}

.controls_box .hmi dl dd {
  flex: 1 1 0%;
  color: #d70c19;
  line-height: 1.5;
  margin-left: 14px;
}

.controls_box > .flex {
  align-items: center;
}
.controls_box > .flex > * {
  width: 50%;
  padding-right: 10px;
}

.img_li {
  margin-bottom: 30px;
}
.img_li > li:not(:last-child) {
  margin-right: 20px;
}

.lst_feature.type2 .flex > ul > li {
  width: 100%;
}
.lst_feature.type2 .flex > ul:not(:last-child) {
  margin-right: 44px;
}

.tit_s2 {
  margin-bottom: 34px;
  line-height: 1.4;
}
.tit_s2 dt {
  font-weight: 500;
  color: #d70c19;
  margin-bottom: 16px;
}

.txt_right {
  text-align: right;
}

.table.tb_s3 {
  overflow-x: auto;
}
.table.tb_s3 th {
  background: #666;
  color: #fff;
}
.table.tb_s3 th,
.table.tb_s3 td {
  text-transform: uppercase;
  font-size: 13px;
  padding: 8px 6px;
  border: 1px solid #999;
  border-left: none;
}
.table.tb_s3 td {
  color: #222;
}

.table.tb_s3 th:last-child,
.table.tb_s3 td:last-child {
  border-right: none;
}

.table.tb_s3 {
  padding: 0 35px 35px;
}
.table.tb_s3 table {
  max-width: 430px;
}

.performance_wrap {
  border: 1px solid #cdcdcd;
}

.table.tb_s3 td.red_border_top {
  border-top: 2px solid #d70c19;
}
.table.tb_s3 td.red_border_right {
  border-right: 2px solid #d70c19;
}
.table.tb_s3 td.red_border_left {
  border-left: 2px solid #d70c19;
}
.table.tb_s3 td.red_border_bottom {
  border-bottom: 2px solid #d70c19;
}

.table.tb_s3 td.blue_border_top {
  border-top: 2px solid #004db5;
}
.table.tb_s3 td.blue_border_right {
  border-right: 2px solid #004db5;
}
.table.tb_s3 td.blue_border_left {
  border-left: 2px solid #004db5;
}
.table.tb_s3 td.blue_border_bottom {
  border-bottom: 2px solid #004db5;
}


/* 동적 무효전력 보상장치 (SVG, STATCOM) - HV-SVG 동적 무효전력 보상장치 */
.prd6_1 .prdDetail{ background: none; padding-top: 0; }
.prd6_1 .title1{ margin-bottom: 35px; }
.prd6_1 .border{ border: 1px solid #d1d1d1; text-align: center; padding: 40px; }
.prd6_1 .pblock0{ padding-block: 0 !important; }
.prd6_1 .blue{ margin-top: 20px; font-weight: 500; color: #244193; line-height: 1.3; text-align: center; }
.prd6_1 .pb30{ padding-bottom: 30px; }

.prd6_1 .half{ display: flex; flex-direction: column; }
.prd6_1 .half figure{ flex: 1 0 auto; display: flex; justify-content: center; align-items: center; }

.prd6_1 .img_li li{ width: calc((100% - 40px) / 3); }
.prd6_1 .img_li .border{ padding: 0 !important; }

.prd6_1 .half-box{ display: flex; justify-content: center; }
.prd6_1 .half-box > div{ max-width: calc((100% - 80px) / 2); }
.prd6_1 .half-box > div:not(:last-of-type){ margin-right: 80px; }


/* 동적 무효전력 보상장치 (SVG, STATCOM) - PQ-STATCOMH (SVG) */
.prd6_3 .prdDetail{ background: none; padding-top: 0; }
.prd6_3 .title1{ margin-bottom: 30px; }
.prd6_3 .border{ border: 1px solid #D1D1D1; text-align: center; box-sizing: border-box; }
.prd6_3 .border + p{ font-size: 16px; font-weight: 500; color: #244193; line-height: 1.3; text-align: center; margin-top: 10px; }
.prd6_3 sub,
.prd6_3 sup{ font-size: 9px !important; }
.prd6_3 sub{ vertical-align: sub; }
.prd6_3 sup{ vertical-align: super; }

.prd6_3 .dl-box dl:not(:last-of-type){ margin-bottom: 20px; }
.prd6_3 .dl-box dl > *{ padding-left: 16px; }
.prd6_3 .dl-box dl dt{ font-size: 16px; font-weight: 400; color: #262626; line-height: 1.3; margin-bottom: 10px; position: relative; }
.prd6_3 .dl-box dl dt::before{ content: "-"; line-height: inherit; position: absolute; top: 0; left: 0; }
.prd6_3 .dl-box dl dd{ font-size: 14px; font-weight: 300; color: #555; line-height: 1.6; word-break: break-all; }
.prd6_3 .dl-box.dot dl > *{ padding-left: 14px; }
.prd6_3 .dl-box.dot dl dt::before{ content: ""; width: 4px; height: 4px; background: #D70C19; }

.prd6_3 table{ table-layout: fixed; width: 100%; }
.prd6_3 table colgroup col{ width: 100%; }
.prd6_3 table colgroup col.l{ width: 300px; }
.prd6_3 table colgroup col.m{ width: 100px; }
.prd6_3 table colgroup col.s{ width: 80px; }
.prd6_3 table th,
.prd6_3 table td{ border: 1px solid #DDD; line-height: 1.8; padding: 10px 20px; vertical-align: middle; }
.prd6_3 table th{ text-align: center; }
.prd6_3 table thead th{ background: #F5F5F5; font-size: 16px; font-weight: 500; }
.prd6_3 table tbody th,
.prd6_3 table tbody td{ font-size: 15px; color: #262626; }
.prd6_3 table tbody th{ font-weight: 400; }
.prd6_3 table tbody td{ font-weight: 300; }

.prd6_3 .grid-table{ display: grid; grid-template-columns: repeat(2, 50%); margin: -10px; }
.prd6_3 .grid-table > *{ margin: 10px; }
.prd6_3 .grid-table table thead tr.bg th{ background: #3A485F; border-color: #3A485F; color: #FFF; }
.prd6_3 .grid-table table th,
.prd6_3 .grid-table table td{ padding-inline: 10px; text-align: center; } 
.prd6_3 .grid-table table td{ padding-block: 15px; }
.prd6_3 .grid-table table ul li:not(:last-of-type){ margin-bottom: 8px; }
.prd6_3 .grid-table br.m{ display: none; }

.prd6_3 .grid-gallery ul{ display: grid; grid-template-columns: repeat(2, 50%); margin: -15px -10px; }
.prd6_3 .grid-gallery ul li{ margin: 15px 10px; }
.prd6_3 .grid-gallery .border{ padding: 20px; }
.prd6_3 .grid-gallery .block{ grid-column: auto / span 2; }

.prd6_3 .group01 .border{ padding: 0 40px; }

.prd6_3 .group03 ul{ display: flex; flex-wrap: wrap; margin-bottom: -30px; }
.prd6_3 .group03 ul li{ width: calc((100% - 60px) / 3); margin-right: 30px; margin-bottom: 30px; }
.prd6_3 .group03 ul li:nth-of-type(3n){ margin-right: 0; }
.prd6_3 .group03 ul li:last-of-type{ margin-right: 0; }
.prd6_3 .group03 ul li.half{ width: calc((100% - 30px) / 2); }
.prd6_3 .group03 ul li figure{ padding: 20px; }

.prd6_3 .group04 .border ul{ display: grid; grid-template-columns: repeat(4, 25%); padding: 18px 20px; margin: -4px; }
.prd6_3 .group04 .border ul > *{ margin: 4px; }
.prd6_3 .group04 .p{ font-size: 14px; font-weight: 300; color: #262626; line-height: 1.3; text-align: center; margin-top: 10px; }



/* 응용분야 - 응용분야 */
.applyCont *{ line-height: 1.3; }
.applyCont .flex-box{ display: flex; flex-wrap: wrap; margin-bottom: -15px; }
.applyCont .item{ width: calc((100% - 30px) / 3); background: #fbfbfb; border: 1px solid #cdcdcd; border-radius: 5px; margin-right: 15px; margin-bottom: 15px; position: relative; }
.applyCont .item:nth-of-type(3n){ margin-right: 0; }
.applyCont .item dl{ padding: 30px; padding-right: 15px; }
.applyCont .item dl *{ font-size: 16px; }
.applyCont .item dl dt{ font-size: 17px; font-weight: 700; color: #244193; margin-bottom: 10px; }
.applyCont .item dl dt span{ font-weight: 900; color: #bababa; margin-right: 10px; }
.applyCont .item dl dd{ font-weight: 300; color: #1d1d1d; letter-spacing: -0.02em; line-height: 1.75; padding-left: 10px; position: relative; }
.applyCont .item dl dd::before{ content: "-"; line-height: inherit; position: absolute; top: 0; left: 0; }
.applyCont .item .icon{ position: absolute; bottom: 30px; right: 30px; }


/* 응용분야 - IEEE Std. 519-2014 */
.ieeeCont *{ line-height: 1.3; }
.ieeeCont .sec:not(:last-of-type){ margin-bottom: 70px; }
.ieeeCont .title1{ line-height: 1; margin-bottom: 30px; }
.ieeeCont .point{ color: #d70c19 !important; }
.ieeeCont > p{ font-weight: 400; margin-bottom: 25px; }
.ieeeCont sub,
.ieeeCont sup{ font-size: x-small; }
.ieeeCont sub{ vertical-align: sub; }
.ieeeCont sup{ vertical-align: super; }

.ieeeCont .table.scroll{ overflow-x: auto; overflow-y: clip; }
.ieeeCont .table table{ width: 100%; text-align: center; table-layout: fixed; }
.ieeeCont .table table th,
.ieeeCont .table table td{ font-weight: 300; color: #1d1d1d; padding: 15px; border: 1px solid #d3d3d3; border-left: none; }
.ieeeCont .table table tr > *:last-of-type{ border-right: none; }
.ieeeCont .table table thead tr:first-of-type{ border-top: 2px solid #1d1d1d; }
.ieeeCont .table table thead tr:last-of-type{ border-bottom: 2px solid #d3d3d3; }
.ieeeCont .table .bold{ font-weight: 500; }

.ieeeCont .footnote{  font-weight: 300; color: #1d1d1d; padding: 15px 0; border-bottom: 1px solid #d3d3d3; }
.ieeeCont .footnote ul li{ line-height: 1.75; }

.ieeeCont .add{ font-weight: 300; color: #1d1d1d; margin-top: 30px; }
.ieeeCont .add dl dt{ font-weight: 700; margin-bottom: 25px; }
.ieeeCont .add dl dd{ line-height: 1.75; }
.ieeeCont .add dl dd:not(:last-child){ margin-bottom: 10px; }
.ieeeCont .add strong{ font-weight: 700; }

.ieeeCont .dl *{ font-weight: 300; color: #1d1d1d; }
.ieeeCont .dl dl:not(:last-of-type){ margin-bottom: 30px; }
.ieeeCont .dl dl dt{ font-weight: 700; margin-bottom: 5px; }
.ieeeCont .dl dl dd,
.ieeeCont .dl dl dd *{ line-height: 1.75; }
.ieeeCont .dl dl dd:not(:last-of-type){ margin-bottom: 10px; }


/* 응용분야 - 전기에너지 손실 저감 계산법 */
.calCont *{ line-height: 1.3; }
.calCont .sec:not(:last-of-type){ margin-bottom: 70px; }
.calCont .title1{ line-height: 1; margin-bottom: 35px; }
.calCont .p-box{ font-weight: 300; color: #1d1d1d; }
.calCont .p-box, 
.calCont .p-box *{ line-height: 1.75; }
.calCont .dot{ font-weight: 300; color: #1d1d1d; padding-left: 13px; position: relative; }
.calCont .dot::before{ content: ""; width: 5px; height: 5px; background: #d70c19; border-radius: 50%; position: absolute; top: calc(1.3em / 2); left: 0; transform: translateY(-50%); }

.calCont .formula{ display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 40px; }
.calCont .formula .flex{ margin-right: 20px; }
.calCont .formula .flex > div{ display: flex; align-items: center; }
.calCont .formula .flex > div p:not(:last-of-type){ margin-right: 7px; }
.calCont .formula .flex > div p{ display: flex; flex-direction: column; text-align: center; position: relative; }
.calCont .formula .flex > div .c::before, 
.calCont .formula .flex > div .c::after{ content: ""; width: 50%; height: 100%; position: absolute; top: 0; border-radius: 50%; }
.calCont .formula .flex > div .c::before{ left: 5%; border: 1px solid red; }
.calCont .formula .flex > div .c::after{ right: 5%; border: 1px solid blue; }
.calCont .formula .flex > div p span{ display: block; padding: 5px; }
.calCont .formula .flex > div p span:first-of-type{ padding-top: 0; }
.calCont .formula .flex > div p span:last-of-type{ padding-bottom: 0; }
.calCont .formula .flex > div p span:not(:last-of-type){ border-bottom: 1px solid #1d1d1d; }
.calCont .formula .flex > div p sup{ font-size: xx-small; vertical-align: super; margin-left: 2px; }
.calCont .formula .img{ width: 175px; }
.calCont .formula figure{ display: block; margin: 0; text-align: center; }
.calCont .formula .text{ width: calc(100% - 175px); }
.calCont .formula p{ font-weight: 300; color: #1d1d1d; line-height: 1.75; }

.calCont .graph{ font-weight: 300; color: #1d1d1d; }
.calCont .graph .border{ border: 1px solid #d1d1d1; padding: 20px; }
.calCont .graph .inner{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px 40px; width: 100%; margin: 0 auto; }
.calCont .graph .blue{ font-weight: 400; color: #244193; }
.calCont .graph .text{ align-content: center; }
.calCont .graph figure{ text-align: center; }
.calCont .graph figure figcaption{ font-weight: 300; color: #1d1d1d; letter-spacing: -0.02em; margin-top: 15px; }

.calCont .graph01 .inner{ max-width: 840px; }
.calCont .graph01 .text{ flex: 1 0 auto; }

.calCont .graph02 .border{ margin: 40px 0 15px; }
.calCont .graph02 .inner > div{ max-width: calc((100% - 40px) / 2); }
.calCont .graph02 > p{ line-height: 1.75; margin-bottom: 40px; }
.calCont .graph02 .text p{ line-height: 1.6; text-align: left; }
.calCont .graph02 .text br{ display: block; }
.calCont .graph02 .text sub{ font-size: xx-small; vertical-align: sub; }

.calCont dl dt{ font-weight: 400; color: #244193; margin-bottom: 5px; }
.calCont dl dd{ font-weight: 300; color: #1d1d1d; letter-spacing: -0.02em; }
.calCont dl dd:not(:last-of-type){ margin-bottom: 20px; }
.calCont dl dd,
.calCont dl dd *{ line-height: 1.75; }
.calCont dl dd div{ margin-top: 10px; }
.calCont dl a{ color: #0659ca; text-decoration: underline; text-underline-position: under; }

.calCont .dl dl:not(:last-of-type){ margin-bottom: 25px; }

.calCont ul.hyphen li{ padding-left: 12px; position: relative; }
.calCont ul.hyphen li::before{ content: "-"; line-height: inherit; position: absolute; top: 0; left: 0; }

/* 20251117 */
.summary .txt b { font-weight: 700; }
.prd6_2_n .prdDetail { padding-top: 0; background: none; }
.prd6_2_n .title1 { margin-bottom: 30px; }
.prd6_2_n .flex .half .border { border: 1px solid #D1D1D1; }
.prd6_2_n .prd6_3 .grid-gallery .border { padding: 0; }
.prd6_2_n .prd6_3 .grid-gallery ul { grid-template-rows: 1fr 1fr; grid-template-columns: 54.6% calc(45.4% - 30px); gap: 28px 30px; margin: 0; }
.prd6_2_n .prd6_3 .grid-gallery ul li { margin: 0; }
.prd6_2_n .prd6_3 .grid-gallery ul li:nth-child(1) { grid-row: 1 / span 2; }
.prd6_3 .dl-box dl dd sub { font-size: 0.642em; vertical-align: sub; }
.dl-box.box-type { display: flex; flex-wrap:wrap; gap:30px; }
.dl-box.box-type dl { width: calc(50% - 15px); border: 1px solid #D1D1D1; padding: 40px 50px; }
.dl-box.box-type dt { font-size: 16px; color: #D70C19; }
.dl-box.box-type dd { margin-top: 20px; font-size: 14px; font-weight: 300; line-height: 1.8; color: #555; }
.img-box-red { border-top:2px solid #D70C19; }
.img-box-red + .img-box-red { margin-top: 30px; }
.img-box-red > .title { padding: 15px 10px; font-size: 16px; line-height: 1.3; font-weight: 500; color: #D70C19; text-align: center; }
.img-box-red > .title > span { margin-right: 20px; }
.img-box-red > .title > sub { font-size: 0.625em; vertical-align:sub; }
.img-box-red figure { padding: 50px; border: 1px solid #D1D1D1; }
.img-box-red figure img { border: 1px solid #222222; }
.img-box-red figure.flex { flex-wrap:wrap; justify-content:center; gap:40px; }
.img-box-red figure.flex img { width: calc((100% - 80px)/3); }
.img-box-red > .text { margin-top: 20px; font-size: 14px; line-height: 1.3; font-weight: 300; color: #555; text-align: center; }
.img-box-red > .text > sub { font-size: 0.642em; }
.prd6_2_n .prd6_3 table tbody th, .prd6_2_n .prd6_3 table tbody td { height: 60px; font-size: 14px; padding: 3px 20px; }
.prd6_2_n .tb_st1 { border-top:none; }
.prd6_2_n .tb_st1 table th, .prd6_2_n .tb_st1 table td { padding: 10px 1%; font-size: 14px; }
.table-scroll { overflow-x:auto; padding: 1px; }
.table-scroll table { min-width:600px; }
.tb_st1 .tb-title { border-top:2px solid #D70C19; padding: 14px 10px; font-size: 16px; font-weight: 500; line-height: 1.3; color: #D70C19; text-align: center }
.tb_st1 .img-box { padding: 50px; border: 1px solid #D1D1D1; }
.tb_st1 .img-box img { border: 1px solid #222222; }

@media screen and (max-width: 1024px) {
	.prd6_2_n .title1 { margin-bottom: 18px; }
	.prd6_2_n .prd6_3 .grid-gallery ul { gap:20px 30px; }
	.dl-box.box-type dl { padding: 20px 30px; }
	.dl-box.box-type dt { font-size: 15px; }
	.dl-box.box-type dd { margin-top: 15px; }
	.tb_st1 .img-box { padding: 30px; }
	.img-box-red figure { padding: 30px; }
	.img-box-red figure.flex { gap:20px; }
	.img-box-red figure.flex img { width: calc((100% - 40px) / 3); }
}
@media (max-width: 960px) {
	.prd6_2_n .prd6_3 table tbody th, .prd6_2_n .prd6_3 table tbody td { height: 40px; padding: 3px 10px; }
}
@media screen and (max-width: 640px) {
	.dl-box.box-type dl { padding: 20px; }
	.prd6_2_n .prd6_3 .grid-gallery ul { grid-template-rows: 1fr; grid-template-columns: 1fr; gap:30px; }
	.dl-box.box-type { gap:20px; }
	.dl-box.box-type dl { width: 100%; }
	.tb_st1 .img-box { padding: 20px; }
	.img-box-red > .title { font-size: 14px; padding: 14px 10px; }
	.img-box-red > .title > span { margin-right: 15px; }
	.img-box-red figure { padding: 20px; }
	.img-box-red figure.flex { gap:10px; }
	.img-box-red figure.flex img { width: calc((100% - 20px) / 3); }
	.tb_st1 .tb-title { font-size: 14px; }
	.prd6_2_n .tb_st1 table th, .prd6_2_n .tb_st1 table td { height: 40px; font-size: 13px; }
	.prd6_2_n .tb_st1.module colgroup col { width: 27% !important; }
	.prd6_2_n .tb_st1.module colgroup col:nth-child(1) { width: 19% !important; }
}