@charset "UTF-8";

.sv__wrap {
  text-align: center;
  padding: 80px 0 81px;
  background-repeat: no-repeat;
  background-size: cover;
}

.sv__wrap.K01 {
  background-image: url('/image/common/sv01.jpg');
}

.sv__wrap.K02 {
  background-image: url('/image/common/sv02.jpg');
}

.sv__wrap.K03 {
  background-image: url('/image/common/sv01.jpg');
}

.sv__wrap.K04 {
  background-image: url('/image/common/sv04.jpg');
}

.sv__wrap.K05 {
  background-image: url('/image/common/sv05.jpg');
}

.sv__wrap.K06 {
  background-image: url('/image/common/k06.jpg');
}

.sv__wrap.K07 {
  background-image: url('/image/common/k06.jpg');
}
.sv__wrap.K08 {
  background-image: url('/image/common/sv05.jpg');
}

.sv__wrap.K09 {
  background-image: url('/image/common/sv01.jpg');
}

.sv__wrap .sv__tit {
  font-size: 46px;
  font-weight: 500;
  color: #fff;
  line-height: 1em;
}

.sv__wrap .sv__path {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 19px;
}

.sv__wrap .sv__path>a,
.sv__wrap .sv__path>p {
  font-size: 14px;
  color: #fff;
  line-height: 1em;
}

.sv__wrap .sv__path>a {
  margin-right: 6px;
  padding-right: 14px;
  background-image: url(/image/common/path_arrow.png);
  background-repeat: no-repeat;
  background-position: 100% center;
  background-size: 8px;
}

.lnb__wrap {
  border-bottom: 1px solid #ddd;
}

.lnb__wrap>.inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lnb__wrap>.inner>a {
  font-size: 18px;
  color: #6d6d6d;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  text-align: center;
  padding: 27px 0;
  position: relative;
}

.lnb__wrap>.inner>a.active {
  color: #333;
  font-weight: 600;
}

.lnb__wrap>.inner>a.active::before {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #484848;
  position: absolute;
  bottom: 0;
  left: 0;
}

.sub__tit {
  font-size: 38px;
  font-weight: 600;
  text-align: center;
  line-height: 1em;
  margin-top: 80px;
  margin-bottom: 52px;
  color: #000;
}

.sub__stit {
  font-size: 16px;
  text-align: center;
  line-height: 1.6em;
  color: #656565;
}

/* 이엠텍소개 */
.intro-company .inner {
  padding-top: 76px;
  padding-bottom: 350px;
  /*background-image: url(/image/sub/company_ceo.png);*/
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.intro-company .company__param01 {
  font-size: 30px;
  line-height: 1.5em;
  margin-bottom: 20px;
  word-break: keep-all;
}

.intro-company .company__param02 {
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 40px;
  word-break: keep-all;
}

.intro-company .company__param03 {
  font-size: 16px;
  line-height: 1.5em;
  word-break: keep-all;
}

.intro-company .company__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

/* 연혁 */
.intro-history {
  padding-bottom: 85px;
}

.intro-history .history__tab {
  margin-bottom: 104px;
}

/* 수상내역 */
.intro-award {
  padding-bottom: 85px;
}

.intro-award .sub__tit {
  margin-bottom: 40px;
}

.intro-award .sub__stit {
  margin-bottom: 100px;
}

/* 보도자료 */
.intro-press {
  padding-bottom: 190px;
}

.intro-press .board--style02 {
  margin-top: 50px;
  margin-bottom: 65px;
}

/* 회사로고 */
.intro-logo {
  padding-bottom: 140px;
}

.intro-logo .logo__info>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 56px;
  padding-top: 53px;
  border-bottom: 1px solid #ddd;
}

.intro-logo .logo__info>li:first-child {
  padding-top: 0;
}

.intro-logo .logo__info>li:first-child .info__txt {
  width: 385px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.intro-logo .logo__info>li:last-child {
  border: none;
  padding-bottom: 0;
}

.intro-logo .logo__info .info__txt {
  width: 475px;
}

.intro-logo .logo__info .info__txt p:first-child {
  font-size: 22px;
  position: relative;
  padding-bottom: 20px;
}

.intro-logo .logo__info .info__txt p:first-child::before {
  content: "";
  width: 160px;
  height: 2px;
  background-color: #dc0817;
  position: absolute;
  bottom: 0;
  left: 0;
}

.intro-logo .logo__info .info__txt p:nth-child(2) {
  font-size: 16px;
  color: #8d8d8d;
  line-height: 1.5em;
  margin-top: 45px;
}

.intro-logo .logo__info .info__txt a {
  font-size: 16px;
  line-height: 65px;
  height: 65px;
  border: 1px solid #bfbfbf;
  padding-left: 65px;
  padding-right: 34px;
  display: inline-block;
  background-image: url(/image/sub/download_icon.png);
  background-repeat: no-repeat;
  background-position: 20px center;
}

.intro-logo .logo__info .info__img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* 회사위치 */
.intro-location {
  padding-bottom: 185px;
}

.intro-location .root_daum_roughmap .wrap_controllers,
.intro-location .root_daum_roughmap .wrap_btn_zoom {
  display: none;
}

.intro-location .location__info>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #aaa;
  padding: 12px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.intro-location .location__info>li:last-child .info__tit {
  font-weight: 600;
}

.intro-location .location__info .info__tit {
  width: 160px;
  padding-left: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  position: relative;
}

.intro-location .location__info .info__tit::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #333;
  position: absolute;
  bottom: -13px;
  left: 0;
}

.intro-location .location__info .info__data {
  font-size: 16px;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.intro-location .location__info .data__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.intro-location .location__info .data__list>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 380px;
  margin-bottom: 12px;
}

.intro-location .location__info .data__list>li:nth-child(odd) {
  margin-right: 70px;
}

.intro-location .location__info .data__list>li p:first-child {
  width: 120px;
}

.intro-location .location__info .data__list>li p:last-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 40px;
  height: 40px;
  background-color: #e6eef6;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 25px;
}

/* 총판 안내 */
.intro-distributor {
  padding-bottom: 185px;
}

.intro-distributor .board__msg {
  margin-top: 35px;
  margin-bottom: 10px;
}

.intro-distributor .board-pager {
  margin-top: 65px;
}

.intro-distributor .board__search {
  margin-top: 57px;
}

/* 총판 안내 VIEW */
.distributor-view {
  padding-bottom: 250px;
}

.distributor-view .root_daum_roughmap .wrap_controllers,
.distributor-view .root_daum_roughmap .wrap_btn_zoom {
  display: none;
}

.distributor-view .view__info {
  border-top: 2px solid #7c7c7c;
  border-bottom: 1px solid #7d7d7d;
  margin-bottom: 80px;
}

.distributor-view .view__info>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #c8c8c8;
  line-height: 55px;
  height: 55px;
}

.distributor-view .view__info>li p:first-child {
  font-size: 16px;
  font-weight: 600;
  width: 210px;
  text-align: center;
}

.distributor-view .view__info>li p:last-child {
  font-size: 16px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.distributor-view .view__info>li p.info__div {
  color: #636363;
}

.distributor-view .view__info>li p.info__name {
  color: #dc0817;
}

.distributor-view .view__info>li:last-child {
  padding: 40px 45px;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* 이엠텍 관련 영상 */
.intro-video {
  padding-bottom: 140px;
}

.intro-video .board--style02 {
  margin-top: 75px;
}

.intro-video .board-pager {
  margin-top: 65px;
}

.intro-video .board__search {
  margin-top: 57px;
}

/* 제품리스트 */
.prd-list {
  padding-top: 55px;
  padding-bottom: 175px;
  min-height: 1000px;
  position: relative;
}

.prd-list .prd__cate {
  width: 210px;
  position: absolute;
  top: 55px;
  left: auto !important;
}

.prd-list .prd__cate.isFixed {
  position: fixed;
}

.prd-list .prd__cate .cate__param01 {
  font-size: 13px;
  font-weight: 600;
  color: #7e7e7e;
  margin-bottom: 12px;
}

.prd-list .prd__cate>div {
  margin-bottom: 30px;
}

.prd-list .prd__cate>div:last-child {
  margin-bottom: 0;
}

.prd-list .prd__cate .cate__depth1 {
  font-size: 22px;
  font-weight: 600;
  cursor: pointer;
  transition: all ease .3s;
}

.prd-list .prd__cate .cate__depth1.active {
  transform: scale(1.04);
}

.prd-list .prd__cate .cate__depth2 {
  margin-top: 25px;
  display: none;
}

.prd-list .prd__cate .cate__depth2>a {
  display: block;
  color: #a5a5a5;
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 20px;
  position: relative;
}

.prd-list .prd__cate .cate__depth2>a>p {
  position: relative;
  z-index: 1;
}

.prd-list .prd__cate .cate__depth2>a:last-child {
  margin-bottom: 0;
}

.prd-list .prd__cate .cate__depth2>a.active,
.prd-list .prd__cate .cate__depth2>a:hover {
  color: #000;
}

.prd-list .prd__cate .cate__depth2>a.active::before,
.prd-list .prd__cate .cate__depth2>a:hover::before {
  content: "";
  width: 100%;
  height: 10px;
  background-color: #f6f6f6;
  position: absolute;
  bottom: -5px;
  left: 0;
  z-index: 0;
}

.prd-list .prd__main {
  padding-left: 285px;
}

.prd-list .prd__brand {
  display: flex;
  flex-wrap: wrap;
  margin-top: -1px;
}

.prd-list .prd__brand .brand__cate01 {
  width: 20%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 15px;
  box-sizing: border-box;
  cursor: pointer;
  background-image: url(/image/sub/filter_arrow02.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
}

.prd-list .prd__brand .brand__cate01:first-child {
  border-left: 1px solid #ddd;
}

.prd-list .prd__brand .brand__cate01.active {
  background-color: #ebebeb;
  background-image: url(/image/sub/filter_arrow01.png);
}

.prd-list .prd__brand .brand__cate02 {
  width: 100%;
  margin-top: -1px;
  border: 1px solid #ddd;
  background-color: #ebebeb;
  padding: 15px;
  display: none;
}

.prd-list .prd__brand .brand__cate02--wrap {
  display: flex;
  flex-wrap: wrap;
}

.prd-list .prd__brand .brand__cate02--wrap>p {
  width: 25%;
  margin-bottom: 12px;
  padding-left: 9px;
  box-sizing: border-box;
  position: relative;
}

.prd-list .prd__brand .brand__cate02--wrap>p::before {
  content: "";
  width: 5px;
  height: 2px;
  background-color: #f34444;
  position: absolute;
  top: 13px;
  left: 0;
}

.prd-list .prd__brand .brand__cate02--wrap>p:nth-last-child(-n + 4) {
  margin-bottom: 0;
}


.prd-list .prd__filter {
  margin-top: 25px;
}

.prd-list .prd__filter .filter__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.prd-list .prd__filter .filter__top .filter__param01 {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  background-color: #5f6373;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 40px;
  height: 40px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.prd-list .prd__filter .filter__top .filter__btn {
  background-color: #4a4d55;
  line-height: 40px;
  height: 40px;
  padding-left: 25px;
  padding-right: 40px;
  font-size: 14px;
  color: #fff;
  background-image: url(/image/sub/filter_icon.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  cursor: pointer;
  border: none;
}

.prd-list .prd__filter .filter__list>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  overflow: hidden;
  margin-top: -1px;
}

.prd-list .prd__filter .filter__list>li.isOverflow {
  cursor: pointer;
}

.prd-list .prd__filter .filter__list>li.isOverflow .list__tit {
  background-image: url(/image/sub/filter_cate.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 11px;
}

.prd-list .prd__filter .filter__list>li.isOverflow.active {
  height: auto;
}

.prd-list .prd__filter .filter__list>li.isOverflow.active .list__tit {
  background-image: url(/image/sub/filter_cate02.png);
}

.prd-list .prd__filter .filter__list .list__tit {
  width: 155px;
  border: 1px solid #ddd;
  padding: 4.5px 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fafafa;
}

.prd-list .prd__filter .filter__list .list__cate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #ddd;
  margin-left: -1px;
  padding: 4.5px 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.prd-list .prd__filter .filter__list .list__cate>li {
  width: 20%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px;
  color: #828282;
}

.prd-list .prd__filter .filter__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 23px;
  border: 1px solid #b5b5b5;
  margin-top: -1px;
  position: relative;
  z-index: 1;
}

.prd-list .prd__filter .filter__search button {
  background-color: #5f6373;
  color: #fff;
  font-size: 14px;
  border: none;
  line-height: 35px;
  height: 35px;
  padding-left: 45px;
  padding-right: 25px;
  background-repeat: no-repeat;
  background-position: 18px center;
}

.prd-list .prd__filter .filter__search .search__field {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 15px;
}

.prd-list .prd__filter .filter__search .search__btn01 {
  background-image: url(/image/sub/search_icon02.png);
  margin-right: 5px;
}

.prd-list .prd__filter .filter__search .search__btn02 {
  background-image: url(/image/sub/reset_icon.png);
}

.prd-list .prd__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
}

.prd-list .prd__top .top__gallery {
  margin-right: 14px;
  cursor: pointer;
}

.prd-list .prd__top .top__list {
  cursor: pointer;
}

.prd-list .prd__top .top__cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  font-size: 14px;
  color: #c6c6c6;
}

.prd-list .prd__top .top__cnt select {
  width: 95px;
  border: 1px solid #ddd;
  margin-left: 5px;
  line-height: 30px;
  height: 30px;
  padding-left: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
}

.prd-list .prd__msg {
  margin-top: 8px;
  font-size: 14px;
  color: #a7a7a7;
}

.prd-list .prd__msg span {
  color: #595959;
}

.prd-list .prd__detail .detail__name {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.4;
  padding-bottom: 20px;
  border-bottom: 2px solid #333;
}

.prd-list .prd__detail .detail__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 62px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 45px;
}

.prd-list .prd__detail .detail__info .info__thumb {
  width: 430px;
}

.prd-list .prd__detail .detail__info .info__spec {
  width: 430px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}

.prd-list .prd__detail .detail__info .info__spec>li {
  color: #3e3e6a;
  font-size: 14px;
  margin-bottom: 10px;
  width: 50%;
}

.prd-list .prd__detail .detail__info .info__spec>li:last-child {
  margin-bottom: 0;
}


/*.prd-list .prd__detail .detail__info .info__link {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}*/

.prd-list .prd__detail .detail__info .info__link>a {
  border: 1px solid #000;
  border-radius: 3px;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  background-color: #f1f1f1;
   margin-top:10px;
}

.prd-list .prd__detail .detail__info .info__btn {
  display: block;
  margin-left: auto;
  margin-top: 15px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  background-color: #333;
  text-align: center;
}

.prd-list .prd__detail .detail__img {
  margin-top: 60px;
}

.prd-list .board-pager {
  margin-top: 65px;
}

.prod_type {
  margin-top: 40px;
}

.prd__list_g .img {
  border: 1px solid #ddd;
  height: 280px;
  margin-bottom: 10px;
  position: relative;
  padding: 10px;
  text-align: center;
}

.prd__list_g .img::before {
  content: "";
  width: 100%;
  height: 100%;
  border: 3px solid #dc0817;
  display: none;
  position: absolute;
  top: -3px;
  left: -3px;
}

.prd__list_g .img:hover::before {
  display: block;
}

.prd__list_g .img img {
  width: auto;
  height: 100%;
}

.prd__list_g .txt {
  font-size: 18px;
  line-height: 1.5em;
  height: 4.5em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.prd__list_g {
  margin: 0 -15px;
}

.prd__list_g li {
  width: 33.333%;
  margin-bottom: 40px;
}

.prd__list_g li>a {
  display: block;
  margin: 0 15px;
}

.prd__list.list>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 55px;
}

.prd__list.list>li:last-child {
  margin-bottom: 0;
}

.prd__list.list>li:hover .list__thumb {
  position: relative;
}

.prd__list.list>li:hover .list__thumb::before {
  content: "";
  width: 100%;
  height: 100%;
  border: 3px solid #dc0817;
  position: absolute;
  top: 0;
  left: 0;
}

.prd__list.list>li:hover .list__info .info__btn .btn01 {
  background-color: #dc0817;
}

.prd__list.list>li:hover .list__info .info__btn .btn02 {
  border-color: #dc0817;
  color: #dc0817;
}

.prd__list.list>li:hover .list__info .info__btn .btn03 {
  border-color: #dc0817;
  color: #dc0817;
  background-image: url(/image/sub/download_icon03.png);
}

.prd__list.list .list__thumb {
  width: 325px;
  margin-right: 45px;
}

.prd__list.list .list__info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.prd__list.list .list__info .info__name {
  font-size: 23px;
  color: #434343;
  font-weight: 500;
  white-space: normal;
  line-height: 1.4em;
  height: 2.8em;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.prd__list.list .list__info .info__spec {
  margin-top: 14px;
  border: 1px solid #efefee;
  height: 70px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 12px;
}

.prd__list.list .list__info .info__spec>li {
  line-height: 70px;
  font-size: 14px;
  color: #3e3e6a;
  margin-right: 8px;
}

.prd__list.list .list__info .info__btn {
  margin-top: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.prd__list.list .list__info .info__btn>a {
  display: block;
  width: 175px;
  text-align: center;
  line-height: 55px;
  height: 55px;
  font-size: 16px;
}

.prd__list.list .list__info .info__btn .btn01 {
  background-color: #616161;
  color: #fff;
}

.prd__list.list .list__info .info__btn .btn02 {
  border: 1px solid #616161;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.prd__list.list .list__info .info__btn .btn03 {
  border: 1px solid #616161;
  background-image: url(/image/sub/download_icon02.png);
  background-repeat: no-repeat;
  background-position: 25px center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tab--style01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tab--style01>li {
  font-size: 20px;
  margin: 0 9px;
  width: 240px;
  height: 60px;
  line-height: 60px;
  border: 3px solid #eee;
  text-align: center;
  border-radius: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.tab--style01>li.active {
  border-color: #f00;
  font-weight: 600;
  color: #dc0817;
}

.tab--style02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
}

.tab--style02>li {
  padding: 0 25px;
  line-height: 55px;
  height: 55px;
  font-size: 16px;
  position: relative;
  cursor: pointer;
}

.tab--style02>li p {
  z-index: 2;
  position: relative;
}

.tab--style02>li.active::before {
  content: "";
  width: 100%;
  height: 70px;
  background-color: #dc0817;
  position: absolute;
  top: -7.5px;
  left: 0;
  z-index: 1;
}

.tab--style02>li.active p {
  color: #fff;
}

.tab--style03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ddd;
}

.tab--style03>li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  cursor: pointer;
  line-height: 60px;
  height: 60px;
  font-size: 18px;
  border-right: 1px solid #ddd;
}

.tab--style03>li:last-child {
  border-right: none;
}

.tab--style03>li.active {
  background-color: #dc0817;
  color: #fff;
}

.history--style01 .history__year {
  font-size: 61px;
  color: #dc0817;
  line-height: 1em;
  text-align: center;
}

.history--style01 .history__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 20px;
  margin-bottom: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.history--style01 .history__wrap::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #d2d2d2;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.history--style01 .history__wrap .history__event {
  width: 50%;
  text-align: right;
  padding-right: 65px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 15px;
  padding-bottom: 15px;
}

.history--style01 .history__wrap .history__event>li {
  margin-bottom: 20px;
  position: relative;
  font-weight:600;
}

.history--style01 .history__wrap .history__event>li::before {
  content: "";
  width: 9px;
  height: 11px;
  background-image: url(/image/sub/history_marker.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: -69px;
  top: 9px;
}

.history--style01 .history__wrap .history__event>li:last-child {
  margin-bottom: 0;
}


.history--style01 .history__wrap .history__event>li span {
  font-size: 16px;
  font-weight: 600;
}

.history--style01 .history__wrap .history__event>li p {
  font-size: 16px;
}

.history--style01 .history__wrap .history__img {
  width: 50%;
  padding-left: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.history--style01 .history__wrap .history__img img {
  display: block;
}

.history--style01 .history__wrap.even .history__img {
  padding-right: 70px;
  padding-left: 0;
}

.history--style01 .history__wrap.even .history__img img {
  margin-left: auto;
}

.history--style01 .history__wrap.even .history__event {
  text-align: left;
  padding-right: 0;
  padding-left: 65px;
}

.history--style01 .history__wrap.even .history__event>li {
  margin-bottom: 20px;
}

.history--style01 .history__wrap.even .history__event>li::before {
  right: auto;
  left: -70px;
}

.history--style01 .history__wrap.even .history__event>li:last-child {
  margin-bottom: 0;
}


.board__msg {
  position: relative;
  padding-left: 15px;
  font-size: 16px;
}

.board__msg::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 12px;
}

.board__msg .red {
  color: #dc0817;
}

.board__msg .msg__cnt {
  font-size: 20px;
}

.board__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 710px;
  margin: auto;
}

.board__search select,
.board__search input {
  height: 60px;
  line-height: 60px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 12px;
  font-size: 18px;
}

.board__search select {
  width: 190px;
}

.board__search input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: -1px;
}

.board__search button {
  width: 65px;
  background-color: #434343;
  border: none;
  margin: 0;
}

.board--style01 {
  border-top: 1px solid #000000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.board--style01>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #dddddd;
  padding: 30px 12px 27px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.board--style01>a:hover {
  background-color: #faf9f9;
}

.board--style01>a .board__cate {
  margin-right: 18px;
}

.board--style01>a .board__cate p {
  height: 25px;
  line-height: 25px;
  color: #fff;
  width: 75px;
  text-align: center;
}

.board--style01>a .board__cate p.notice {
  background-color: #000;
}

.board--style01>a .board__cate p.event {
  background-color: #fe131d;
}

.board--style01>a .board__subject {
  margin-right: 50px;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.board--style01>a .board__date {
  margin-left: auto;
  color: #666;
  font-size: 16px;
}

.board--style02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #000;
}

.board--style02.video .board__thumb {
  padding-top: 61%;
}

.board--style02>a {
  display: block;
  width: 31%;
  margin-right: 3.5%;
  margin-bottom: 65px;
}

.board--style02>a:nth-child(3n) {
  margin-right: 0;
}

.board--style02 .board__thumb {
  border: 1px solid #ddd;
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 51%;
}

.board--style02 .board__thumb img {
  position: absolute;
  top: 0;
  left: 0;
}

.board--style02 .board__subject {
  margin-top: 40px;
  font-size: 20px;
  line-height: 1.4em;
  white-space: normal;
  line-height: 1.4em;
  height: 2.8em;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.board--style02 .board__date {
  margin-top: 20px;
  font-size: 14px;
  color: #7d7d7d;
}

.board--style03 {
  border-bottom: 1px solid #7c7c7c;
}

.board--style03 .board__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f7f7f7;
  border-bottom: 1px solid #7c7c7c;
  border-top: 2px solid #7c7c7c;
}

.board--style03 .board__header p {
  text-align: center;
  font-weight: 600;
  color: #000;
  font-size: 16px;
  line-height: 55px;
  height: 55px;
}

.board--style03>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  border-bottom: 1px solid #c8c8c8;
}

.board--style03>a:last-child {
  border-bottom: none;
}

.board--style03>a:hover {
  background-color: #faf9f9;
}

.board--style03>a:hover .board__addr {
  background-image: url(/image/sub/more_icon02.png);
}

.board--style03>a p {
  line-height: 65px;
  height: 65px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.board--style03>a .board__addr {
  padding-right: 80px;
  background-image: url(/image/sub/more_icon01.png);
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: calc(100% - 25px) center;
}

.board--style03 .board__div {
  width: 240px;
  text-align: center;
}

.board--style03 .board__name {
  width: 170px;
  text-align: center;
  color: #dc0817;
}

.board--style03 .board__tel {
  width: 230px;
  text-align: center;
}

.board--style03 .board__addr {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.view__btn {
  width: 135px;
  margin: auto;
  display: block;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 18px;
  border: none;
  background-color: #434343;
}

/* 다운로드 */
.download_bg {
  background: #fbfbfb;
  padding: 70px 0 60px;
}

.download_icon li {
  margin: 0 5px;
}

.download_icon li a {
  position: relative;
  display: block;
  width: 166px;
  height: 52px;
}

.download_icon li a img {
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}

.download_icon li a img:last-child {
  opacity: 0;
}

.download_icon li a:hover img:first-child {
  opacity: 0;
}

.download_icon li a:hover img:last-child {
  opacity: 1;
}

.down_search {
  position: relative;
  margin-top: 20px;
}

.down_search input {
  border: 1px solid #b5b5b5;
  height: 50px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 60px 0 20px;
  font-size: 16px;
  background: #fff;
}

.down_search>a {
  position: absolute;
  right: 15px;
  top: 0;
  height: 50px;
  box-sizing: border-box;
  padding: 9px 0px;
}

.down_check li {
  position: relative;
  width: 200px;
  margin-right: 20px;
}

.down_check li:after {
  content: '';
  display: block;
  background: url('/image/sub/down_arw.png') no-repeat;
  width: 7px;
  height: 14px;
  position: absolute;
  top: 45%;
  right: -15px;
}

.down_check li>div {
  box-sizing: border-box;
  border: 1px solid #b5b5b5;
  height: 240px;
  padding: 10px;
  overflow: auto;
}

.down_check li a {
  display: block;
  color: #999999;
  line-height: 25px;
  padding: 0 5px;
}

.down_check li a.on {
  color: #dc0817;
  background: #f9f9f9;
}

.down_check li.big {
  width: 540px;
  margin-right: 0;
}

.down_check li.big:after {
  displaY: none;
}

.down_check_ok {
  background: #f7f7f7;
  padding: 0 20px;
  margin-top: 15px;
  line-height: 55px;
  position: relative;
  color: #8d8d8d;
}

.down_check_ok .step span.black {
  color: #000;
}

.down_check_ok .down_btn {
  position: absolute;
  top: 0;
  right: 0;
}

.down_check_ok .down_btn a {
  background: #dc0817;
  color: #fff;
  text-align: center;
  font-size: 16px;
  width: 270px;
  display: block;
}

.down_check_ok .down_btn a img {
  margin-right: 20px;
}

.down_board {
  font-sizE: 0;
  margin-bottom: 150px;
}

.down_board .box {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  font-size: 15px;
}

.down_board .box .bg {
  margin-top: 15px;
  background: #fbfbfb;
  padding: 15px;
}

.down_board .box .bg p {
  margin: 5px 0;
  position: relative;
}

.down_board .box .bg p a {
  color: #999999;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 90px;
}

.down_board .box .bg p a span {
  position: absolute;
  right: 0;
  top: 0;
}

/* 다운로드 view */
.down_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 330px;
}

.down_txt {
  padding-left: 370px;
  min-height: 280px;
}

.down_txt .fz23 {
  line-height: 1.3;
  font-weight: 500;
}

.down_txt .box {
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px 10px;
  margin-top: 15px;
}

.down_txt .box span {
  font-size: 14px;
  color: #3e3e6a;
  margin-right: 5px;
  display: inline-block;
  width: 49%;
}

.down_txt .box span:before {
  content: '·';
  display: inline-block;
  color: #ddd;
  padding-right: 5px;
}

.gray_btn {
  background: #848484;
  height: 55px;
  color: #fff;
  font-size: 16px;
  width: 215px;
}

.down_sel {
  min-width: 250px;
  border: 1px solid #dc0817;
  color: #dc0817;
  font-size: 16px;
  height: 55px;
  background: url('/image/sub/sel_red.png') no-repeat center right 30px;
  padding: 0 65px 0 15px;
  margin-top: 20px;
}

.down_table_tit {
  font-weight: 500;
}

.down_table_tit img {
  vertical-align: top;
  margin-top: -5px;
  margin-right: 5px;
}

.down_table {
  width: 100%;
}

.down_table th {
  color: #fff;
  font-weight: 500;
  background: #5f6373;
  padding: 10px 0;
}

.down_table td {
  padding: 20px 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.down_table td.bg {
  background: #fafafa;
  border-left: 1px solid #ddd;
}

.down_table td.align-l {
  padding: 0 20px;
  line-height: 1.4em;
}

.down_table td:last-child {
  border-right: 1px solid #ddd;
}

.down_table td a {
  display: inline-block;
  color: #fff;
  background: #dc0817;
  padding: 0 15px;
  line-height: 30px;
}

.down_view {
  padding: 75px 0 150px;
}

.spec_table_tit {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}

.spec_table {
  width: 100%;
  margin-bottom: 45px;
}

.spec_table {
  width: 100%;
  margin-bottom: 45px;
}

.spec_table th {
  color: #000;
  font-weight: 500;
  padding: 10px 0;
  background: #fafafa;
  border: 1px solid #ddd;
}

.spec_table td {
  padding: 10px 0;
  border: 1px solid #ddd;
  padding-left: 12px;
}


* {
  box-sizing: border-box;
}

.inner-wrap {
  width: 1200px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
}

/* 고객지원 */
/* 고객지원안내 */

.page-tit {
  text-align: center;
  color: #000;
  font-size: 38px;
  font-weight: bold;
  padding: 80px 0;
}

.service-info {
  background-image: url(/image/sub/service_intro.png);
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  padding: 80px 0;
}

.service-info_cont {
  display: flex;
  flex-wrap: wrap;
  margin-top: 80px;
  margin-bottom: 200px;
}

.service-info_cont li {
  width: 32%;
  margin-bottom: 2%;
  margin-right: 2%;
  border: 1px solid #b5b5b5;
  padding: 40px 20px 20px 30px;
  cursor: pointer;
}

.service-info_cont li a {
  display: block;
}

.service-info_cont li:nth-child(3n) {
  margin-right: 0;
}

.service-info_cont li p {
  font-size: 26px;
  color: #1a2527;
  font-weight: bold;
}

.service-info_cont .arrow_btn {
  background-image: url(/image/sub/arrow-btn_off.png);
  background-repeat: no-repeat;
  width: 74px;
  height: 69px;
  transition: all ease 0.3s;
  margin-top: 30px;
  display: inline-block;
}

.service-info_cont li:hover .arrow_btn {
  background-image: url(/image/sub/arrow-btn_on.png);
  background-repeat: no-repeat;
  width: 74px;
  height: 69px;
  margin-top: 30px;
  display: inline-block;
}

.service-info_cont .cont_inner img {
  margin-left: auto;
  vertical-align: top;
  display: inline-block;
  float: right;
  margin-top: 20px;
}



.service-info_cont li:hover p {
  color: #dc0817;
}

.serive-info-view {
  background-image: url(/image/sub/sv_view.jpg);
  background-repeat: no-repeat;
  background-position: center;
  height: 900px;
}

.one-btn {
  display: block;
  border: 1px solid #dc0817;
  width: 175px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  color: #dc0817;
  margin: 0 auto;
}

.service-img {
  padding-bottom: 60px;
}

/* 묻고답하기 */
.tab-btn_wrap {
  display: flex;
  flex-wrap: nowrap;
  border: 1px solid #e5e5e5;
  text-align: center;
  height: 60px;
  line-height: 60px;
  margin-bottom: 30px;
  font-size: 16px;
}

.tab-btn_wrap li {
  flex: 1;
  background-color: #f9f9f9;
  color: #434343;
  border-right: 1px solid #e5e5e5;
  cursor: pointer;
}

.tab-btn_wrap li:last-child {
  border-right: 0;
}

.tab-btn_wrap li.on {
  background-color: #dc0817;
  color: #fff;
}

.category.q {
  width: 85px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  background-color: #000;
  display: inline-block;
  font-size: 12px;
  margin-right: 10px;
}

.category.a {
  width: 70px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #999;
  background-color: #f0f0f0;
  display: inline-block;
  font-size: 12px;
  margin-right: 10px;
}

.board-list tbody tr:hover a {
  color: #dc0817;
}

.list-tit .board_answer {
  color: #999;
}


/* 이엠텍 정품조회 */

.sv_genuine {
  background-image: url(/image/sub/sv_genuine.jpg);
  background-repeat: no-repeat;
  height: 260px;
}

.genuine_text {
  text-align: center;
}

.page-tit.pb0 {
  padding-top: 80px;
  padding-bottom: 0;
}

.genuine_text p {
  padding-top: 30px;
}

.search_box {
  width: 100%;
  background-color: #f5f7f7;
  /* text-align: center; */
  padding: 60px 50px;
  margin-top: 30px;
}

button {
  background: transparent;
  border: 0;
}

.input_wrap {
  border-bottom: 4px solid #060609;
}

.input_wrap .genuin_input {
  width: 90%;
  background: transparent;
  height: 30px;
  padding-left: 10px;
  font-size: 20px;
  border: 0;
}

.input_wrap .genuin_search_btn {
  margin-left: 50px;
}

.search_box p {
  color: #999;
  margin-top: 10px;
}

.genuin_input::placeholder {
  font-weight: bold;
  color: #dc0817;
}

/* 팝업 */
.genuine-popup {
  background-image: url(/image/sub/popup_bg.jpg);
  background-repeat: no-repeat;
  width: 587px;
  height: 277px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  display: none;
}

.genuine-popup .popup-text {
  text-align: center;
  font-size: 38px;
  font-weight: bold;
  color: #000;
  line-height: 1.3em;
  padding-top: 90px;
}

.genuine-popup .popup-text span {
  color: #dc0817;
}

.genuine-popup .x_btn {
  position: absolute;
  right: 15px;
  top: 15px;
}


/* 부자재 신청안내 */
.page-text {
  background-image: url(/image/sub/material_intro.jpg);
  background-repeat: no-repeat;
  text-align: center;
  padding: 50px 0;
}

.page-text .text_lf {
  font-size: 20px;
  color: #333;
  padding-bottom: 10px;
}

.page-text .text_sf {
  font-size: 16px;
  color: #8d8d8d;
}

.page-text .text_sf span {
  color: #333;
}

.apply-wrap {
  margin-top: 80px;
}

.section-tit {
  font-size: 22px;
  color: #333;
  padding-bottom: 20px;
  border-bottom: 2px solid #dc0817;
}

.apply-form {
  margin-bottom: 60px;
  font-size: 16px;
  /* border:1px solid #ddd; */
}

.form-cont {
  display: flex;
  border-bottom: 1px solid #ddd;
}

.form-cont li {
  border-right: 1px solid #ddd;
  /* height: 60px; */
  line-height: 60px;
  padding: 15px;
}

.apply-form .form_tit {
  background-color: #fafafa;
  width: 50%;
  border-left: 1px solid #ddd;
}

.apply-form .form_tit.none {
  border-left: 0;
}

.apply-form .form_input {
  width: 50%;
}

.apply-form .form_input input {
  width: 90%;
  height: 40px;
  padding-left: 5px;
  border: 0;
  background: transparent;
}

.apply-form .form_input textarea{
  width: 100%;
  height: 200px;
  resize: none;
}

.apply-form .form_tit.long {
  background-color: #fafafa;
  width: 25%;
}

.apply-form .form_input.long {
  width: 75%;
}

.apply-form .form_input.cb {
  display: flex;
}

.apply-form .form_input input::placeholder {
  color: #a5a5a5;
}

.apply-form .form_input.cb input {
  width: 15px;
  height: 15px;
  border-radius: 0;
}

.apply-form .form_input.cb p {
  padding-left: 30px;
  color: #a5a5a5;
}

.apply-form .form_font {
  color: #7d7d7d;
}


.form_input.cb input.custom[type='checkbox'] {
  display: none;
}

.form_input.cb input.custom[type='checkbox']+label {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border: 1px solid #7d7d7d;
  margin-bottom: 3px;
  color: #7d7d7d;
}

.form_input.cb input.custom[type='checkbox']:checked+label {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border: 1px solid #7d7d7d;
  margin-bottom: 3px;
  background-image: url(/image/sub/wrong.png);
  background-size: cover;
}

.apply-cf {
  margin-bottom: 40px;
}

.apply-cf-box {
  background-color: #fafafa;
  border: 1px solid #ddd;
  padding: 30px 30px 20px 30px;
}

.apply-cf-box li {
  display: flex;
  padding-bottom: 10px;
}

.num {
  background-color: #dc0817;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  margin-right: 10px;
  margin-top: 5px;
  display: inline-block;
}

.apply-cf-box span {
  color: #dc0817;
}


/* 원격지원 */
.remote-bg {
  margin-bottom: 80px;
  font-size: 16px;
  background-color: #f4f2f1;
  padding: 52px 0;
}

.remote_cont {
  width: 1200px;
  display: flex;
  margin: 0 auto;
  align-items: center;
}

.remote-bg .remote_text {
  margin-left: 52px;
  color: #000;
}

.remote-bg .remote_text h2 {
  font-size: 42px;
  line-height: 40px;
  padding-bottom: 20px;
}

.remote_cont button {
  width: 240px;
  height: 70px;
  border-radius: 5px;
  background-color: #dc0817;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 70px;
  margin-left: 232px;
  margin-top: 20px;
}

.remote_cont button img {
  margin-left: 3px;
  margin-top: -3px;
  vertical-align: middle;
}

.remote-service .remote-tab {
  display: flex;
  font-size: 18px;
  margin-bottom: 80px;
  justify-content: center;
}

.remote-service .remote-tab li {
  width: 320px;
  height: 76px;
  line-height: 76px;
  text-align: center;
  border: 1px solid #ddd;
  cursor: pointer;
}

.remote-service .remote-tab li.on {
  color: #fff;
  background: #dc0817;
  border: 0;
}

.service_info h3 {
  font-weight: bold;
  font-size: 32px;
  line-height: 1.3em;
  padding-bottom: 20px;
}


.service_info_cont .info-tit {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}


.service_info_cont>li {
  padding-bottom: 60px;
}

/* 이벤트안내 */
/* 이벤트신청 */
.event-info {
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}

.event-info img {
  margin-bottom: 10px;
  width: 250px;
}

.event-info .event-text {
  padding-left: 30px;
}

.event-info .event-text .event_1 {
  font-size: 24px;
  padding-bottom: 10px;
}

.event-info .event-text .event_2 {
  font-size: 16px;
}

.event-info .event-text span {
  color: #dc0817;
}

.event-wrap_btn {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #ddd;
}

.event-wrap_btn .event-btn {
  width: 155px;
  height: 46px;
  line-height: 46px;
  border-radius: 5px 5px 0 0;
  /* border:1px solid #cbcbcb; */
  text-align: center;
  cursor: pointer;
  transform: translateY(1px);
  color: #888;
}

.event-wrap_btn .event-btn.on {
  border-top: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  border-bottom: 0;
  background-color: #fff;
  color: #000;
}

.event-cont {
  /* border-top: 1px solid #cbcbcb; */
}

.event-cont {
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
}

.event-cont li {
  width: 48%;
  margin-right: 2%;
  margin-bottom: 3%;
}

.event-cont .none{
  display: none;
}

.event-img {
  background-image: url(/image/sub/envet_img.png);
  background-repeat: no-repeat;
  height: 285px;
  border: 1px solid #cbcbcb;
  position: relative;
}

/*.event-cont li.end .event-img:after {*/
.event-cont.end li .event-img:after {
  content: '마감된 이벤트 입니다.';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(69, 69, 69, 0.8);
  font-size: 23px;
  color: #fff;
  text-align: center;
  line-height: 285px;
}

.event-cont h3 {
  font-size: 20px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  height: 2.5em;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 20px;
}

.event-cont .event_ts {
  color: #848484;
  font-size: 14px;
  line-height: 1.4em;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cont_date {
  display: flex;
  color: #848484;
  font-size: 14px;
}

.cont_date .d-day {
  width: 60px;
  height: 26px;
  line-height: 26px;
  border-radius: 30px;
  background-color: #dc0817;
  color: #fff;
  text-align: center;
  margin-right: 10px;
}

.cont_date .d-day.end {
  background-color: #b4b4b4;
}

/* 이벤트신청 상세 */
.event-tit {
  padding: 15px 0;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 20px;
}

.event-view {
  margin-top:20px;
}

.event-apply-btn {
  display: flex;
  justify-content: center;
}

.event-apply-btn li {
  width: 112px;
  height: 112px;
  border-radius: 50%;
  /*box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.3);*/
  text-align: center;
  padding-top: 20px;
  margin-right: 30px;
  cursor: pointer;
  transition: all 0.3s;
}

.event-apply-btn li:hover{
  box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.3);
}

.event-apply-btn li:last-child {
  margin-right: 0;
}

.event-apply-btn li a {
  color: #fff;
  display: block;
}

/* 이벤트 신청 팝업 */
.event_popup {
  background: #fff;
  width: 820px;
  margin: 0 auto;
  position: fixed;
  left: 0;
  right: 0;
  top: 30px;
  z-index: 999;
  height: 94vh;
  overflow: auto;
  display: none;
}

.event_popup .title {
  background: #dc0817;
  color: #fff;
  font-weight: 500;
  padding: 20px 35px;
  font-size: 26px;
}

.event_popup .cont {
  padding: 25px 35px;
}

.event_popup .agree_wrap {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.event_popup .agree_wrap li {
  font-size: 16px;
  position: relative;
  padding-right: 50px;
  margin-bottom: 5px;
  letter-spacing: -0.5px;
}

.event_popup .agree_wrap li .right {
  position: absolute;
  right: 0;
  top: 0;
}

.event_apply {
  width: 100%;
  border-top: 2px solid #dc0817;
}

.event_apply th,
.event_apply td {
  border: 1px solid #ddd;
  font-size: 16px;
  padding: 15px;
}

.event_apply th {
  background: #fafafa;
  color: #666;
  width: 240px;
  text-align: left;
  font-weight: normal;
}

.event_apply td input {
  height: 35px;
  width: 240px;
  border: 1px solid #ddd;
  padding-left: 10px;
}
.event_apply td select {
  height: 35px;
  width: 400px;
  border: 1px solid #ddd;
}
.event_apply td input.big {
  width: 300px;
}

.event_apply td .ok_btn {
  background: #333;
  color: #fff;
  font-size: 14px;
  padding: 0 15px;
  line-height: 35px;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  margin-left: 3px;
}

.event_apply_btn a {
  displaY: block;
  width: 180px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background: #000;
  margin: 0 auto;
}

.serial_wrap {
  width: 890px;
  margin: 0 auto;
  text-align: center;
  position: fixed;
  left: 0;
  right: 0;
  top: 30px;
  z-index: 9991;
  height: 94vh;
  overflow: auto;
  display: none;
}

.btn__wrap{
  display: flex;
  justify-content: center;
}

.btn__wrap > a {
  margin: 0 5px;
}

.serial_wrap a {
  display: block;
  position: fixed;
  right: 50%;
  top: 30px;
  margin-right: -515px;
}

.address_area > input,button{
	margin:3px 0px;
}
/* 마이페이지 - 이벤트신청내역 */
.my_event td {
  color: #000;
}

.my_event td.dh_red {
  color: #dc0817;
}

.state {
  width: 85px;
  line-height: 35px;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  font-size: 15px;
  margin: 0 auto;
}

.state.blue {
  background: #0096ff;
}

.state.red {
  background: #dc0817;
}

.state.gray {
  background: #777777;
}

.apply_detail_btn a {
  background: #000;
  color: #fff;
  font-size: 14px;
  width: 150px;
  line-height: 40px;
  display: block;
  text-align: center;
}

/* 원격지원 - 프로그램 실행안내 */
.service_info .col02 {
  margin: 0 -15px;
}

.service_info .col02 li {
  width: 50%;
}

.service_info .col02 li>div {
  margin: 0 15px 55px;
}

.service_info .col02 li .fz13 {
  display: inline-block;
  margin-right: 5px;
  background: #dc0817;
  color: #fff;
  width: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
}

/* 검사 결과 페이지 */
.ser_tit {
  font-size: 20px;
  border-bottom: 3px solid #333;
  margin: 90px 0 35px;
  padding-bottom: 10px;
}

.ser_btn {
  margin: 40px 0 150px;
  text-align: center;
}

.ser_btn>a {
  display: inline-block;
  font-size: 17px;
  text-align: center;
  width: 275px;
  line-height: 58px;
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

.ser_btn>a.wt {
  color: #000;
  border: 1px solid #ddd;
  background: #fff;
  margin-right: 10px;
}

.share_btn {
  display: flex;
  margin-top: 25px;
}

.share_btn>a {
  margin: 0 3px;
}

.share_btn>a>img {
  width: 55px;
}


.terms-agree .agree__top{
  display: flex;
  padding-bottom: 15px;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 3px solid #464646;
}

.terms-agree .agree__top .top__tit{
  font-size: 30px;
  font-weight: 600;
  line-height: 1em;
}
.terms-agree .agree__top .top__step{
  display: flex;
  font-size: 16px;
  font-weight: 600;
  color: #c0c0c0;
}

.terms-agree .agree__top .top__step span{
  padding-right: 30px;
  background-image: url(/image/sub/terms_arrow02.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
}

.terms-agree .agree__top .top__step .active{
  color: #222;
  background-image: url(/image/sub/terms_arrow01.png);
}

.terms-agree .agree__container{
  border: 1px solid #ddd;
  padding: 35px 30px;
  margin-top: 70px;
  display: flex;
  align-items: center;
}

.terms-agree .agree__container img{
  margin-right: 34px;
}


.terms-agree .agree__container .txt__wrap p{
  font-size: 17px;
  line-height: 1.6em;
  letter-spacing: -.02em;
}

.terms-agree .agree__container .txt__wrap a{
  margin-top: 20px;
  height: 50px;
  line-height: 50px;
  width: 215px;
  background-color: #dc0817;
  display: block;
  color: #fff;
  padding-left: 50px;
  font-size: 16px;
  position: relative;
}

.terms-agree .agree__container .txt__wrap a::before{
  content: "";
  width: 14px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 20px;
  top: 51%;
  transform: translateY(-50%);
}

/*사업분야*/
.card_section .card_img{
  width: 1200px;
  height: 340px;
  margin-bottom: 40px;
  text-align: center;
}

.card_section2{
  margin-top: 40px;
  width: 100%;
}

.card_section2 .card_title{
  display: inline-block;
  width: 20%;
  line-height: normal;
  margin-right: 4%;
  float: left;
}

.card_section2 .card_title h3{
  font-size: 42px;
  font-weight: bold;
}

.card_section2 .card_list{
  display:inline-block; width: 76%;
}

.card_section2 .card_list li{
  float: left;
}

.card_section2 .card_list li:nth-child(2){
  margin: 0 36px;
}