@charset "UTF-8";

.sv__wrap {
  text-align: center;
  padding: 60px 0;
  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/sv04.jpg");
}
.sv__wrap.K08 {
  background-image: url("/image/common/sv04.jpg");
}
.sv__wrap.K09 {
  background-image: url("/image/common/sv01.jpg");
}

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

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

.lnb__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10;
  position: relative;
}

.lnb__wrap .lnb__home {
  width: 40px;
}

.lnb__wrap .lnb__home img {
  width: 17px;
}

.lnb__wrap .lnb__depth1,
.lnb__wrap .lnb__depth2 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-left: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.lnb__wrap .lnb__depth1>p,
.lnb__wrap .lnb__depth2>p {
  line-height: 40px;
  position: relative;
  padding-right: 25px;
  padding-left: 12px;
}

.lnb__wrap .lnb__depth1>p::before,
.lnb__wrap .lnb__depth2>p::before {
  content: "";
  width: 9px;
  height: 5px;
  background-image: url(/image/sub/mo_lnb_arrow01.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 19px;
  right: 10px;
}

.lnb__wrap .lnb__depth1>p.active::before,
.lnb__wrap .lnb__depth2>p.active::before {
  background-image: url(/image/sub/mo_lnb_arrow02.png);
}

.lnb__wrap .depth1__list,
.lnb__wrap .depth2__list {
  display: none;
  z-index: 1;
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: -1px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.lnb__wrap .depth1__list>a,
.lnb__wrap .depth2__list>a {
  display: block;
  padding-left: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
}

.sub__tit {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  line-height: 1em;
  margin-top: 40px;
  margin-bottom: 25px;
  color: #000;
}

.sub__stit {
  font-size: 1rem;
  text-align: center;
  line-height: 1.4em;
  color: #656565;
}

/* 이엠텍소개 */
.intro-company .inner {
  padding-top: 45px;
}

.intro-company .company__param01 {
  font-size: 1.2rem;
  line-height: 1.4em;
  margin-bottom: 15px;
  word-break: keep-all;
}

.intro-company .company__param02 {
  margin-bottom: 20px;
  word-break: keep-all;
}

.intro-company .company__ceo {
  margin-top: -100px;
}

/* 연혁 */
.intro-history .history__tab {
  margin-bottom: 40px;
}

/* 수상내역 */
.intro-award .sub__stit {
  margin-bottom: 40px;
}

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

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

.intro-logo .logo__info>li {
  margin-bottom: 45px;
}

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

.intro-logo .logo__info .info__txt p:first-child {
  font-size: 1.1rem;
  position: relative;
  padding-bottom: 7px;
  margin-bottom: 15px;
}

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

.intro-logo .logo__info .info__txt p:nth-child(2) {
  font-size: 1rem;
  color: #8d8d8d;
  line-height: 1.4em;
  word-break: keep-all;
  margin-bottom: 15px;
}

.intro-logo .logo__info li>a {
  font-size: 1rem;
  line-height: 50px;
  height: 50px;
  border: 1px solid #bfbfbf;
  padding-left: 45px;
  padding-right: 15px;
  display: inline-block;
  background-image: url(/image/sub/download_icon.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 20px;
  width: 250px;
  margin: 20px auto 0 auto;
  display: block;
}

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

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

.intro-location .root_daum_roughmap {
  width: 100%;
  height: 250px;
  z-index: 0;
}

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

.intro-location .location__info>li {
  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 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.1rem;
  position: relative;
  font-weight: 600;
  margin-bottom: 5px;
}

.intro-location .location__info .info__data {
  font-size: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.4em;
}

.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;
  margin-bottom: 6px;
  font-size: 0.9rem;
}

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

.intro-location .location__info .data__list>li p:last-child {
  line-height: 35px;
  height: 35px;
  background-color: #e6eef6;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 190px;
  text-align: center;
}

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

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

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

.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: 25px;
}

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

.distributor-view .view__info>li p:first-child {
  font-size: .9rem;
  font-weight: 600;
  width: 80px;
  line-height: 1.4em;
}

.distributor-view .view__info>li p:last-child {
  font-size: .9rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.4em;
}

.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: 25px 0;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

/* 제품리스트 */
.prd-list {
  padding-bottom: 45px;
  position: relative;
}

.prd-list .prd__cate {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 25px;
}

.prd-list .prd__cate select {
  height: 35px;
  line-height: 35px;
  border: 1px solid #ddd;
  font-size: 0.9rem;
}

.prd-list .prd__cate select:disabled {
  background-color: #f1f1f1;
}

.prd-list .prd__cate .cate__depth1 {
  width: 49.5%;
  margin-bottom: 1%;

}

.prd-list .prd__cate .cate__depth2 {
  width: 49.5%;
  margin-bottom: 1%;
}

.prd-list .prd__cate .cate__depth3 {
  width: 100%;
}

.prd-list .prd__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.prd-list .prd__filter .filter__list .list__tit {
  width: 100px;
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f1f1f1;
  font-size: 0.9rem;
  border-bottom: 2px solid #fff;
  line-height: 1.4em;
}

.prd-list .prd__filter .filter__list .list__tit.active {
  background-color: #fff;
}

.prd-list .prd__filter .filter__data {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 20px;
  height: 100%;
  overflow-y: scroll;
}

.prd-list .prd__filter .filter__data>div {
  width: 33.3%;
}

.prd-list .prd__filter .filter__data>div input {
  display: none;
}

.prd-list .prd__filter .filter__data>div input:checked+label {
  color: #dc0817;
}

.prd-list .prd__filter .filter__data>div label {
  font-size: 0.9rem;
  color: #828282;
}

.prd-list .board__search {
  margin-bottom: 15px;
}

.prd-list .prd__checked {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.prd-list .prd__checked>p {
  border-radius: 25px;
  min-width: 60px;
  text-align: center;
  color: #dc0817;
  border: 1px solid #dc0817;
  font-size: 0.9rem;
  line-height: 25px;
  height: 25px;
  margin-bottom: 5px;
  margin-right: 5px;
}

.prd-list .prd__msg {
  margin-top: 8px;
  font-size: 13px;
  color: #a7a7a7;
  border-top: 1px solid #ddd;
  padding-top: 5px;
}

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

.prd__list {
  margin-top: 20px;
}

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

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

.prd__list .list__thumb {
  width: 130px;
  margin-right: 10px;
}

.prd__list .list__info {
  width: calc(100% - 140px);
}

.prd__list .list__info .info__name {
  font-size: 1rem;
  color: #434343;
  font-weight: 500;
  white-space: normal;
  line-height: 1.4em;
  height: 4.2em;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.prd__list .list__spec {
  margin-top: 10px;
  border: 1px solid #efefee;
  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: 10px 12px;
}

.prd__list .list__spec>li {
  font-size: .9rem;
  color: #3e3e6a;
  line-height: 1.4em;
  width: 50%;
}

.prd__list .list__info .info__btn {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.prd__list .list__info .info__btn>a {
  display: block;
  text-align: center;
  line-height: 35px;
  height: 35px;
  font-size: .9rem;
  width: 100px;
  box-sizing: border-box;
}

.prd__list>li .list__info .info__btn .btn01 {
  background-color: #dc0817;
  color: #fff;
  margin-right: 5px;
}

.prd__list>li .list__info .info__btn .btn02 {
  border-color: #aaa;
  color: #555;
  border: 1px solid #aaa;
}

.prd__detail {
  margin-top: 40px;
  /* background-color: #f9f9f9; */
}

.prd__detail .detail__name {
  font-size: 1rem;
  display: block !important;
}

.prd__detail .detail__thumb {
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  margin-top: 15px;
  background-color: #fff;
}

.prd__detail .detail__spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px;
}

.prd__detail .detail__spec>li {
  color: #666666;
  font-size: 0.8rem;
  line-height: 1.4em;
  padding: 2px 0;
  width: 50%;
}



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


.spec_table_wrap {
  overflow-y: scroll;
}

.spec_table {
  width: 550px;
}

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

.spec_table td {
  padding: 10px 0;
  border: 1px solid #ddd;
  font-size: 13px;
  padding-left: 8px;
  line-height: 1.4em;
}


.tab__list {
  position: relative;
}

.tab__list .list__current {
  line-height: 40px;
  height: 40px;
  text-align: center;
  border: 1px solid #ddd;
  background-image: url(/image/sub/mo_lnb_arrow01.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
  background-size: 9px 5px;
}

.tab__list .list__current.active {
  background-image: url(/image/sub/mo_lnb_arrow02.png);
}

.tab__list .list__tab {
  position: absolute;
  z-index: 1;
  top: 40px;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  display: none;
  box-sizing: border-box;
}

.tab__list .list__tab>li {
  padding: 3px 0;
}

.tab__list .list__tab>li>a {
  padding-left: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: .9rem;
}

.tab--style01>li {
  width: 100%;
  font-size: 1.2rem;
  margin-bottom: 7px;
  height: 45px;
  line-height: 41px;
  border: 2px solid #eee;
  text-align: center;
  border-radius: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.tab--style01>li:last-child {
  margin-bottom: 0;
}

.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-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #dc0817;
}

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

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

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

.history--style01 .history__year {
  font-size: 2.2rem;
  font-weight: 600;
  color: #dc0817;
  line-height: 1em;
}

.history--style01 .history__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 45px;
  -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: 20px;
}

.history--style01 .history__wrap .history__event {
  padding-left: 45px;
  -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;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.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;
  left: -30px;
  top: 9px;
}

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

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


.history--style01 .history__wrap .history__event>li p {
	font-weight:600;
  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;
}

.board__msg {
  position: relative;
  font-size: .9rem;
}

.board__msg .red {
  color: #dc0817;
}

.board__msg .msg__cnt {
  font-size: 1.2em;
}

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

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

.board__search select {
  width: 75px;
}

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

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

.board__search button img {
  width: 17px;
}

.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: 12px 0;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

.board--style01>a .board__cate p {
  height: 20px;
  line-height: 20px;
  color: #fff;
  width: 85px;
  text-align: center;
  font-size: 12px;
}

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

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

.board--style01>a .board__cate p.apply {
  background-color: #0096ff;
}

.board--style01>a .board__cate p.win {
  background-color: #dc0817;
}

.board--style01>a .board__cate p.fail {
  background-color: #777777;
}

.board--style01>a .board__subject {
  font-size: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% - 30px);
}

.board--style01>a .board__subject.notice {
  padding-left: 12px;
  background-image: url(/image/board_img/notice.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 9px;
}

.board--style01>a .board__date {
  margin-left: auto;
  color: #666;
  font-size: 13px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1em;
}

.board--style01>a .board__info {
  margin-left: auto;
  color: #666;
  font-size: 13px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1em;
}

.board--style01>a .board__info .info__writer {
  padding-right: 6px;
  margin-right: 4px;
  position: relative;
}

.board--style01>a .board__info .info__writer::before {
  content: "";
  width: 1px;
  height: 11px;
  position: absolute;
  top: 5px;
  right: 0;
  background-color: #ddd;
}

.board--style01>a .board__info .info__period {
  padding-right: 6px;
  margin-right: 4px;
  position: relative;
  color: #dc0817;
}

.board--style01>a .board__info .info__period::before {
  content: "";
  width: 1px;
  height: 11px;
  position: absolute;
  top: 5px;
  right: 0;
  background-color: #ddd;
}

.board--style02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

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

.board--style02>a {
  display: block;
  width: 48%;
  margin-bottom: 25px;
}

.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: 7px;
  font-size: 1rem;
  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: 7px;
  font-size: .9rem;
  color: #7d7d7d;
  line-height: 1em;
}

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

.board--style04>a {
  border: 1px solid #ddd;
  display: block;
  margin-bottom: 10px;
  padding: 12px;
}

.board--style04>a:last-child {
  margin-bottom: 0;
}

.board--style04 .board__div {
  font-size: 0.9em;
  color: #636363;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1em;
}

.board--style04 .board__name {
  color: #dc0817;
  font-weight: 600;
  font-size: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1em;
  margin-top: 12px;
}

.board--style04 .board__tel {
  font-size: 0.8em;
  margin-top: 12px;
  line-height: 1em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 14px;
  background-image: url(/image/sub/mo_tel_icon.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 10px;
}

.board--style04 .board__addr {
  font-size: 0.8em;
  margin-top: 8px;
  line-height: 1em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 14px;
  background-image: url(/image/sub/mo_marker_icon.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 7px;
}

.view__btn {
  width: 135px;
  margin: auto;
  display: block;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 1rem;
  border: none;
  background-color: #434343;
  margin-top: 20px;
}

.apply__btn {
  width: 135px;
  margin: auto;
  display: block;
  height: 40px;
  line-height: 40px;
  color: #dc0817;
  font-size: 1rem;
  border: none;
  background-color: #fff;
  border: 1px solid #dc0817;
  margin-top: 20px;
  text-align: center;
}

/* 다운로드 */
.download_bg {
  padding: 45px 0;
}

.download_bg .download__info {
  width: 200px;
  margin: 0 auto 50px auto;
}

.download_bg .download__para01 {
  margin-bottom: 10px;
}

.download_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.download_icon>a {
  width: 49%;
  margin-bottom: 2%;
}

/* 고객지원 */
/* 고객지원안내 */
.service-info {
  padding-bottom: 45px;
}

.service-info .info_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.service-info .info_cont .cont_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 68px;
}

.service-info .info_cont li {
  width: 49%;
  margin-bottom: 2%;
  border: 1px solid #b5b5b5;
  padding: 10px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

.service-info .info_cont .arrow_btn {
  background-image: url(/image/sub/arrow-btn_off.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
}

.service-info .info_cont .cont_inner img {
  width: 50px;
}

/* 묻고답하기 */
.service-qna {
  padding-bottom: 45px;
}

.service-qna .board__search {
  margin-top: 25px;
}

.service-qna .board--style01>a .board__subject {
  width: calc(100% - 130px);
}

.service-qna .board--style01>a .board__comment {
  width: 30px;
  color: #dc0817;
  font-size: 0.9rem;
}

/* FAQ */
.notice-info,
.notice-list,
.service-faq {
  padding-bottom: 45px;
}

.notice-info .board__search,
.notice-list .board__search,
.service-faq .board__search {
  margin-top: 25px;
}

.notice-info .board--style01>a .board__subject,
.notice-list .board--style01>a .board__subject,
.service-faq .board--style01>a .board__subject {
  width: 100%;
}

.notice-info .board--style01>a .board__info,
.notice-list .board--style01>a .board__info,
.service-faq .board--style01>a .board__info {
  padding-left: 0;
}

/* 이엠텍 정품조회 */
.service-genuine {
  padding-bottom: 45px;
}

.service-genuine .genuine__para01 {
  font-size: 13px;
  text-align: center;
  line-height: 1.4em;
  word-break: keep-all;
}

.service-genuine .search_box {
  width: 100%;
  background-color: #f5f7f7;
  padding: 25px 15px;
  margin-top: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.service-genuine .search_box>p {
  font-size: 0.8rem;
  line-height: 1.4em;
  color: #999;
  margin-top: 10px;
  word-break: keep-all;
}

.service-genuine .search_box .box_form {
  border-bottom: 2px solid #060609;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 3px;
}

.service-genuine .search_box .box_form .form_input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: transparent;
  height: 30px;
  font-size: 1.2rem;
  border: 0;
  color: #dc0817;
}

.service-genuine .search_box .box_form .form_input::-webkit-input-placeholder {
  font-weight: bold;
  color: #dc0817;
}

.service-genuine .search_box .box_form .form_input:-ms-input-placeholder {
  font-weight: bold;
  color: #dc0817;
}

.service-genuine .search_box .box_form .form_input::-ms-input-placeholder {
  font-weight: bold;
  color: #dc0817;
}

.service-genuine .search_box .box_form .form_input::placeholder {
  font-weight: bold;
  color: #dc0817;
}

.service-genuine .search_box .box_form .form_btn {
  width: 25px;
  background: transparent;
  border: 0;
  padding: 0;
}

/* 팝업 */
.genuine-popup {
  background-image: url(/image/sub/popup_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999;
  padding: 50px 0;
  display: none;
  opacity: 0;
}

.genuine-popup .popup-text {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
  line-height: 1.3em;
}

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

.genuine-popup .x_btn {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 13px;
  height: 13px;
  border: none;
  padding: 0;
}

/* 부자재 신청안내 */
.service-material {
  padding-bottom: 45px;
}

.service-material .page-text {
  background-color: #fafafa;
  text-align: center;
  padding: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.service-material .page-text::before {
  content: "";
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  border: 1px solid #ddd;
}

.service-material .page-text .text_lf {
  font-size: 1.2rem;
  color: #333;
  font-weight: 500;
  margin-bottom: 12px;
}

.service-material .page-text .text_sf {
  font-size: .9rem;
  color: #8d8d8d;
  line-height: 1.5em;
  word-break: keep-all;
}

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

.service-material .apply-wrap {
  margin-top: 20px;
}

.service-material .apply-tit {
  font-size: 1.1rem;
  color: #333;
  padding-bottom: 7px;
  font-weight: 500;
  border-bottom: 2px solid #dc0817;
  line-height: 1.4em;
}

.service-material .apply-form {
  margin-bottom: 60px;
  margin-top: 15px;
}

.service-material .apply-form>li {
  margin-bottom: 13px;
}

.service-material .apply-form>li:last-child {
  margin-bottom: 0;
}

.service-material .apply-form>li>div>input {
  margin-top: 5px;
}

.service-material .apply-form>li .isFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.service-material .apply-form>li .isFlex input[type="text"] {
  width: 150px;
}

.service-material .apply-form>li .isFlex button {
  width: 85px;
  background-color: #333;
  color: #fff;
  border: none;
  font-size: 0.9rem;
}

.service-material .apply-form .form-tit {
  margin-bottom: 5px;
}

.service-material .apply-form .form-tit span {
  color: #999999;
  font-size: 0.7em;
}

.service-material .apply-form input[type="text"] {
  width: 100%;
  border: 1px solid #ddd;
  line-height: 35px;
  height: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
  font-size: 0.9rem;
}

.service-material .form-chk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.service-material .form-chk>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px;
}

.service-material .form-chk input[type="radio"] {
  display: none;
}

.service-material .form-chk input[type="radio"]:checked+label>.chk-box {
  background-color: #dc0817;
  background-image: url(/image/sub/chk_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  border-color: #dc0817;
}

.service-material .form-chk label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.9rem;
}

.service-material .form-chk label .chk-box {
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  margin-right: 3px;
}

.service-material .apply-cf-box {
  background-color: #fafafa;
  border: 1px solid #ddd;
  padding: 15px;
}

.service-material .apply-cf-box li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
}

.service-material .apply-cf-box li>div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.9rem;
  line-height: 1.4em;
  color: #8d8d8d;
}

.service-material .apply-cf-box li>div span {
  color: #dc0817;
}

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

/* 원격지원 */
.service-remote {
  padding-bottom: 45px;
}

.service-remote .tab--style03 {
  margin-top: 20px;
}

.service-remote .remote_info {
  margin-top: 25px;
}

.service-remote .remote_info .info_text {
  line-height: 1.4em;
  padding-bottom: 25px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 25px;
}

.service-remote .remote_info .info_text span {
  font-size: 3.5vw;
  color: #f00;
  margin-top: 15px;
  display: block;
}

.service-remote .remote_info h3 {
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.3em;
  margin-bottom: 7px;
}

.service-remote .remote_info .info_cont .info-tit {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 7px;
}

.service-remote .remote_info .info_cont>li {
  margin-bottom: 25px;
}

.number__list>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.number__list span {
  background-color: #dc0817;
  border-radius: 3px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #fff;
  text-align: center;
  font-size: 10px;
  margin-right: 7px;
  margin-top: 2px;
}

.number__list p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #333333;
  font-size: 0.9rem;
  line-height: 1.6em;
}

.number__list .img {
  width: 100%;
  margin-top: 10px;
}

/* 이벤트안내 */
/* 이벤트신청 */
.notice-apply {
  padding-bottom: 45px;
  /* 이벤트신청 상세 */
  /* 이벤트 신청 팝업 */
}

.notice-apply .event-info img {
  margin-bottom: 20px;
}

.notice-apply .event-info .event-text .event_1 {
  font-size: 1.1rem;
  line-height: 1.4em;
  margin-bottom: 7px;
}

.notice-apply .event-info .event-text .event_2 {
  font-size: 16px;
  color: #666666;
  line-height: 1.4em;
  font-size: 0.9rem;
}

.notice-apply .event-info .event-text a,
.notice-apply .event-info .event-text span {
  color: #dc0817;
}

.notice-apply .event-wrap {
  margin-top: 40px;
}

.notice-apply .event-cont {
  margin-top: 20px;
}

.notice-apply .event-cont li {
  margin-bottom: 25px;
}
.notice-apply .event-cont .none{
  display: none;
}

.notice-apply .event-cont li:last-child {
  margin-bottom: 0;
}

.notice-apply .event-img {
  border: 1px solid #cbcbcb;
  position: relative;
}

.notice-apply .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: 1.2rem;
  color: #fff;
  text-align: center;
  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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.notice-apply .event-cont h3 {
  font-size: 1.1rem;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  line-height: 1.4em;
  height: 2.8em;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 7px;
}

.notice-apply .event-cont .event_ts {
  color: #848484;
  font-size: .9rem;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  line-height: 1.4em;
  height: 2.8em;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.notice-apply .cont_date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #848484;
  font-size: .9rem;
  margin-top: 7px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.notice-apply .cont_date .d-day {
  width: 45px;
  height: 20px;
  line-height: 20px;
  border-radius: 20px;
  background-color: #dc0817;
  color: #fff;
  text-align: center;
  margin-right: 7px;
  font-size: 0.8rem;
}

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

.notice-apply .event-tit {
  padding: 12px 5px;
  color: #333;
  line-height: 1.4em;
  border-bottom: 1px solid #e1e1e1;
  font-size: 1.1rem;
  position: relative;
  border-top: 2px solid #7c7c7c;
  font-weight: 500;
}

.notice-apply .event-view {
  margin-top:5px;
}

.notice-apply .event-apply-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}

.notice-apply .event-apply-btn li {
  text-align: center;
  margin: 0 4px;
  cursor: pointer;
  width: 90px;
  padding: 3px 0;
}

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

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

.notice-apply .event_popup {
  background: #fff;
  width: 300px;
  height: 400px;
  margin: 0 auto;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999;
  overflow: auto;
  display: none;
}

.notice-apply .event_popup .title {
  background: #dc0817;
  color: #fff;
  font-weight: 500;
  padding: 10px;
  font-size: 1.1rem;
}

.notice-apply .event_popup .cont {
  padding: 10px;
}

.notice-apply .event_popup .agree_wrap {
  border-bottom: 1px solid #ddd;
  padding-bottom: 11px;
  margin-bottom: 10px;
}

.notice-apply .event_popup .agree_wrap li {
  font-size: 16px;
  position: relative;
  margin-bottom: 5px;
  letter-spacing: -0.5px;
  line-height: 1.3em;
}

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

.notice-apply .event_apply>li .apply__header {
  background-color: #fafafa;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 3px;
}

.notice-apply .event_apply>li .apply__data {
  padding: 7px 3px;
}

.notice-apply .event_apply>li input[type="text"] {
  width: 100%;
  border: 1px solid #ddd;
  line-height: 30px;
  height: 30px;
}

.notice-apply .event_apply>li select {
  width: 100%;
  border: 1px solid #ddd;
  line-height: 30px;
  height: 30px;
}

.notice-apply .event_apply .ok_btn {
  background: #333;
  color: #fff;
  font-size: 12px;
  padding: 0 7px;
  border-radius: 3px;
  margin-top: 3px;
  display: block;
  width: 98px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.notice-apply .event_apply .fz12 {
  line-height: 1.4em;
  margin-top: 5px;
}

.notice-apply .event_apply_btn a {
  displaY: block;
  width: 120px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: #000;
  margin: 0 auto;
}

.notice-apply .serial_wrap {
  width: 400px;
  height: 400px;
  margin: 0 auto;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9991;
  overflow: auto;
  display: none;
}

.notice-apply .serial_wrap>img {
  width: 300px;
}

.my-event-page {
  padding-bottom: 45px;
}

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

.btn--style01 {
  width: 120px;
  line-height: 40px;
  height: 40px;
  color: #fff;
  background-color: #000;
  display: block;
  margin: 25px auto 0 auto;
  text-align: center;
}

.board-wrapper {
  padding-bottom: 45px;
}

.share_btn {
  display: flex;
  padding-left: 4.6875%;
  padding-right: 4.6875%;
  height: 30px;
  margin-top: 10px;
  justify-content: flex-end;
}

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

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


.mobile_scroll{
  overflow-x: scroll;
}


.btn__wrap{
  display: flex;
  justify-content: center;
  margin-top: 25px;
}

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


.terms-agree .agree__top{
  padding-bottom: 7px;
  border-bottom: 2px solid #464646;
}

.terms-agree .agree__top .top__tit{
  font-size: 24px;
  font-weight: 600;
  line-height: 1em;
}
.terms-agree .agree__top .top__step{
  display: flex;
  font-size: 14px;
  color: #c0c0c0;
  margin-top: 15px;
}

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

.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: 30px 15px;
  margin-top: 25px;
}

.terms-agree .agree__container img{
  margin: auto;
  display: block;
  width: 100px;
}


.terms-agree .agree__container .txt__wrap p{
  font-size: 15px;
  line-height: 1.6em;
  letter-spacing: -.02em;
  word-break: keep-all;
  text-align: center;
  margin-top: 15px;
}

.terms-agree .agree__container .txt__wrap a{
  margin: 20px auto 0 auto;
  height: 45px;
  line-height: 45px;
  width: 150px;
  background-color: #dc0817;
  display: block;
  color: #fff;
  padding-left: 50px;
  font-size: 15px;
  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{
  margin-bottom: 20px;
}