/* PC 반응형 */

body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
ul,
li,
dl,
dt,
dd,
p,
span {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:root {
  --primary: #00a9ba;
  --k-font: "Pretendard";
  --e-font: "Kode Mono";
}

#mainVisual {
  overflow: hidden;
  position: relative;
  width: 100%;
  font-family: var(--k-font);
  height: 100vh;
}
#mainVisual .main_slide {
  position: relative;
}
/* #mainVisual .main_slide:before {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 85px solid #fff;
  border-left: 85px solid transparent;
} */
/* #mainVisual .main_slide:after {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 85px solid #fff;
  border-right: 85px solid transparent;
} */

/* 텍스트 */
#mainVisual .main_txt {
  width: 85%;
  opacity: 0;
  display: flex;
  flex-flow: column;
  position: absolute;
  left: 8%;
  top: 50%;
  z-index: 10; /* 버튼이 위에 있어야 함 */
  color: #fff;
  transform: translateY(-50%);
  overflow: visible !important;
  position: relative;
  z-index: 10;
  pointer-events: auto;
}

#closeModalBtn {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 36px;
  color: white;
  cursor: pointer;
}

#certModal img {
  max-width: 90%;
  max-height: 90%;
}

#openModalBtn {
  position: relative;
  z-index: 20;
  pointer-events: auto;
}

#mainVisual .main_txt-2 {
  opacity: 0;
  display: flex;
  flex-flow: column;
  position: absolute;
  left: 30% !important;
  top: 45% !important;
  z-index: 2;
  color: #fff;
  transform: translateY(-50%);
}

#mainVisual .main_txt-3 {
  opacity: 0;
  display: flex;
  flex-flow: column;
  position: absolute;
  left: 65% !important;
  top: 50%;
  z-index: 2;
  color: #fff;
  text-align: center !important;
  transform: translateY(-50%);
}

#mainVisual .b_txt {
  margin: 0 auto;
  margin-bottom: 30px;
  font-family: var(--e-font);
}

#mainVisual .b_txt-2 {
  display: flex;
  flex-flow: column;
  position: relative;

  margin-bottom: 30px;
  font-family: var(--e-font);
}

.b_txt-p {
  margin-top: 6% !important;
}

#mainVisual .b_txt-3 {
  display: flex;
  flex-flow: column;
  position: relative;
  left: 0% !important;
  top: 25% !important;
  margin-bottom: 30px;
  font-family: var(--e-font);
}

#mainVisual .r_txt {
  margin-left: 100px;
}
#mainVisual .main_txt p {
  white-space: pre-line;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  word-break: keep-all;
}
#mainVisual .main_txt .txt {
  font-size: 20px;
  opacity: 0.7;
  line-height: 1.5;
  white-space: pre-line;
  word-break: keep-all;
}

#mainVisual .main_txt .pl-text-2 {
  font-size: 20px;
  opacity: 0.7;
  line-height: 1.5;
  white-space: pre-line;
  word-break: keep-all;
  position: relative;
  left: 0% !important;
}

#mainVisual .main_txt .pl-text-3 {
  font-size: 20px;
  opacity: 0.7;
  line-height: 1.5;
  white-space: pre-line;
  word-break: keep-all;
  position: relative;
  left: 0% !important;
}

#mainVisual .main_txt-2 .txt {
  font-size: 20px;
  opacity: 0.7;
  line-height: 1.5;
  white-space: pre-line;
  word-break: keep-all;
}

#mainVisual .controls {
  position: absolute;
  align-items: center;
  left: 48%;
  bottom: 20px;
  z-index: 2;
  display: flex;
}
#mainVisual .controls > span {
  display: flex;
  opacity: 0.5;
  cursor: pointer;
  color: #fff;
  transition: all 0.2s;
}
#mainVisual .controls > span + span {
  margin-left: 6px;
}
#mainVisual .controls > span svg {
  width: 20px;
  height: 20px;
  stroke-width: 1.5px;
}
#mainVisual .controls > span:hover {
  opacity: 1;
}
#mainVisual .controls .pager {
  padding: 0 20px;
  font-weight: 700;
  color: #fff;
  font-family: var(--e-font);
}

.main_txt-3 {
  opacity: 0;
  display: flex;
  flex-flow: column;
  position: absolute;
  left: 40%;
  top: 50%;
  z-index: 2;
}

.b_txt_3 {
  margin: 0 auto;
  text-align: center;
}
/* 배경이미지 */
#mainVisual ul:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none !important;
  z-index: 1 !important;
}
#mainVisual ul li {
  height: 953px;
}
#mainVisual ul li .bg {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: 120%;
  height: 120%;
  background: center no-repeat;
  background-size: cover;
  transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* .bg01 {
  background-image: url("/img/main23-text.jpg");
}
.bg02 {
  background-image: url("../img/main22-text2.jpg");
}
#mainVisual ul li .bg03 {
  background-image: url("/img/main26-text2.jpg");
} */
#mainVisual ul li.on .bg {
  width: 101%;
  height: 101%;
  opacity: 1;
}

.bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1 !important;
  pointer-events: none !important;
}

.bg02 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1 !important;
  pointer-events: none !important;
}

.body {
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#company_img {
  width: 800px;
  height: 500px;
  left: 12%;
  position: absolute;
  top: 85%;
  background-image: url(/img/952063610.jpg);
  background-size: cover;
}

#company_txt {
  padding: 35px;
  width: 34%;
  height: auto;
  /* margin-top: -80px; */
  /* float: right; */
  border: 1px solid gray;
  background-color: white;
  text-align: start;
  position: absolute;
  top: 105%;
  left: 50%;
}

#company_mp {
  width: 100%;
  height: 500px;
  margin-top: 280px;
}

.company_mp2 {
  width: 95%;
  height: 600px;
  margin: 50px auto;
  margin-top: 50px;
}

.menu-m a {
  font-family: "paybooc-bold";
  font-size: 18px;
  color: #132151;
}

/* CEO 인사말 */

#ceo-txt {
  width: 18%;
}

#cw1::after {
  background-color: #85c3e8;
}

.organization-top {
  margin-top: 300px;
}

.organization-bg-img {
  background-image: url(/img/organization-bg-img.png);
}

.con_wrap {
  width: 85%;
  height: 1030px;
  margin-bottom: 100px;
  margin: 0 auto;
}

.con_wrap_company {
  width: 85%;
  height: 1230px !important;
  margin-bottom: 100px;
  margin: 0 auto;
}

/* 연혁 */

.history-body {
  height: auto;
}

.history-bg {
  background-image: url(/img/history-bg.png);
}

.body .container p {
  font-size: 14px !important;
}

.history_wrap {
  width: 85%;
  height: 8000px;
  background-image: url(/img/history-bg-2.png);
  margin: 0 auto;
  margin-top: 200px;
}

.history_year {
  width: 70%;
  height: auto;
  margin-top: 500px;
  margin: 0 auto 30px auto;
}

.cw-history-text {
  width: 130px !important;
  display: block;
  margin-top: 30px;
  cursor: pointer;
}

.cw-line {
  margin: 0 auto;
  width: 85%;
  margin-top: 57px;
}

.history-body-year-t-m {
  color: #85c3e8;
  font-family: "paybooc";
  font-weight: 800;
}

.history-line {
  position: absolute;
  left: 50%;
  top: 50;
  width: 4px;
  height: 650%;
  transform: translateX(-50%);
  background-color: #dfdfdf;
}

.history-year-line-box {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 52%;
  align-items: center;
}
.history-left-line {
}

.history-month-box {
  display: flex;
  flex-direction: row;
}

/* .history-body-year-t-m::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #dfdfdf;
    margin-top: 30px;
    margin-bottom: 20px;
  } */

/* 인증현황 */

.ctbody {
  height: auto;
}

.cw-t {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}

.cw-certification-text {
  width: 150px !important;
  display: block;
  margin-top: 30px;
  cursor: pointer;
}

.cw-t span {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  font-family: "paybooc-bold";
  color: #132151;
}

.cw-t span::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #333333;
  font-family: "paybooc-bold";
  margin-top: 10px;
}

.cw-t span:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #85c3e8;
  font-family: "paybooc-bold";
  margin-top: 10px;
}

.cw-t > span.selected::after {
  background-color: #85c3e8;
}

.certification_wrap {
  width: 90%;
  height: auto;
  margin: 140px auto 0 auto;
  text-align: center;
}

.certification_wrap h1 {
  font-size: 50px;
  font-weight: 900;
  color: #85c3e8;
}

.body .container .certification_wrap > p {
  font-size: 15px;
}

.cc-wrap {
  width: 90%;
  margin: 100px auto;
}

.cc-row {
  width: 100%;
  height: 380px;
  display: flex;
}

.cc-row .cc-bg {
  width: 20%;
  height: 100%;
  background-image: url(../img/ss.png);
  background-size: contain;
}

.cc-row .cc-bg img {
  width: 66%;
  margin: 17px auto;
}

.cc-bg-no {
  width: 15%;
  height: 100%;
  background-image: url(../img/ss-no.png);
  background-size: contain;
}

.cc-row .cc-bg img:hover {
  transform: scale(1.1);
  transition: ease 0.5s;
}

#cc2 {
  display: none;
}

.text-color-blue {
  color: #85c3e8;
}

.text-color-d-gray {
  color: #666666;
}

.text-color-bitlight {
  color: #58d3ff;
}

/* CI 소개 */

.body-ci {
  margin-top: 50px;
  height: 3600px;
}

.con_wrap-ci {
  width: 85%;
  height: auto !important;
  margin-bottom: 100px;
  margin: 0 auto;
  margin-top: 10%;
}

.ci-top-img {
}

.ci-bottom-img {
}

.ci-down-icon {
  width: 16px;
}

.ci-middle-box {
  height: 100px;
  flex-direction: row;
  justify-content: center;
}

.ci-download-ai {
  width: 100%;
  height: 58%;
  margin-top: 20px;
  border: 1px solid #4f4f4f;
  cursor: pointer;
  justify-content: center;
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: white;
}

.ci-download-jpg {
  width: 100%;
  height: 58%;
  margin-top: 20px;
  border: 1px solid #4f4f4f;
  cursor: pointer;
  justify-content: center;
  padding-top: 15px;
  padding-left: 13px;
  padding-right: 13px;
  margin-left: 10px;
  background-color: white;
}

/* 정보통신공사 cctv*/

.cctv-wrap-camera-m {
  width: 90%;
  height: 930px;
  margin: 0 auto;
  margin-top: 180px;
}

.download-span {
  margin-right: 10px;
  font-size: 16px !important;
}

/* 오시는길 */

.wtcbody {
  height: 1800px;
}

.waytocome_wrap,
.waytocome_wrap iframe {
  margin-top: 100px;
}

.waytocome_wrap a {
  color: black;
}

.cw-waytocome-text {
  width: 170px !important;
}

#waycome-info2 {
  display: none;
}

#waycome-info3 {
  display: none;
}

.iframe-map-box {
  width: 80%;
  margin: 0 auto;
}

.section-contact {
  font-family: "paybooc";
}

.section-contact-item {
  width: 15%;
}

#jssor2_wrapper {
  top: 60px;
}

.text-family-business-text {
}

.more-text-hover:hover {
  color: white;
}

.swiper-button-prev {
  color: white !important;
}

.swiper-button-next {
  color: white !important;
}

.swiper-pagination-bullet {
  background-color: white !important;
}

.swiper-pagination-bullet-active {
  background-color: white !important;
}

/* 사업분야 */

.back_img-business {
  width: 100%;
  height: 380px;
  background-image: url("/img/1432271739.jpg");
  background-size: cover;
  background-position: center;
}

#menu2 > .container > #menu {
  width: 85% !important;
  display: flex;
  justify-content: space-evenly;
}

#menu2 > .container > #menu > ul {
  width: 19%;
  background-color: #d0e7f6;
}

#menu2 > .container > #menu > ul > li {
  width: 100%;
  text-align: center;
}

.text-color-gray {
  color: #a8a8a8 !important;
}

.text-color-navy {
  color: #132151 !important;
}

.cw-info-cctv-line {
  width: 90%;
  background-color: #333333;
  height: 2px;
}

/* 정보통신공사 */

#ic1 {
  width: 85px;
}

#ic2 {
  width: 135px;
}

.info_comu_wrap {
  margin: 0 auto;
  width: 85%;
  height: 2000px;
}

#info_comu > span {
  margin-top: 30px;
}

.cw-network-text {
  width: 180px !important;
  display: block;
  margin-top: 30px;
  cursor: pointer;
  text-align: center;
}

/* cctv */

.info-cctv-body {
  height: 4000px;
}
.cctv-wrap {
  width: 100%;
  height: 500px;
  display: flex;
}

.cctv-wrap2 {
  width: 100%;
  height: 500px;
  margin: 130px 0 130px 0;
  display: flex;
}

.cctv-wrap-camera {
  width: 100%;
  height: 500px;
  display: flex;
}

.cctv1 {
  width: 65%;
}

#cctv-left {
  background-image: url(/img/511060194.jpg);
  background-size: cover;
}

#network-left {
  background-image: url(/img/1389142155.jpg);
  background-size: cover;
}

#cctv-right,
#network-right {
  width: 50%;
}

#Cw2 {
  width: 100%;
  height: auto !important;
  display: block;
}

#Cw2 > h1 {
  font-weight: 700;
  font-size: 30px;
  margin: 50px 0 30px 0;
}

.cctv2 {
  width: 100%;
  height: auto;
  display: flex;
  margin-bottom: 10%;
  justify-content: space-between;
}

.cctv2-content {
  width: 49%;
  height: 500px;
}

.cctv2-pic {
  width: 100%;
  height: 500px;
  margin-top: 20px;
  background-color: #8cb9f9;
}

.cctv2-pic2 {
  width: 100%;
  height: 500px;
  background-color: #8cb9f9;
}

#cw3 {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 150px;
}

#cw3 > h1 {
  font-weight: 700;
  font-size: 30px;
  margin: 0 0 30px 0;
}

.cctv3 {
  width: 100%;
}

.cctv3-content {
  width: 100%;
  height: 1300px;
}

.cctv3-content .cctv3-pic {
  width: 39%;
  height: 400px;
}

.cctv3-content .cctv3-Txt {
  width: 100%;
  height: 330px;
}

.cctv3-txt {
  width: 100%;
  margin-bottom: 30px;
  background-color: #85c3e8;
}

.cctv3-txt-border {
  width: 100%;
  margin-bottom: 30px;
  border: 3px solid #3167ff;
  height: 70%;
}

.cctv3-txt-border-white {
  margin-bottom: 30px;
  border: none;
  height: 70%;
}

.cctv3-txt-bg-whtie {
  background-color: white;
}

.cctv3-txt:nth-child(1) {
  height: 72%;
}

.cctv3-txt:nth-child(2) {
  height: 72%;
}

.cctv3-txt:nth-child(3) {
  height: 72%;
}

.cctv3-txt:nth-child(4) {
  height: 72%;
}

.cctv3-Txt2 {
  width: 100%;
  height: 300px;
}

.cctv3-txt2 {
  width: 100%;
  height: 50%;
  margin-bottom: 30px;
}

.cw-cctv-text {
  width: 150px !important;
  display: block;
  cursor: pointer;
  text-align: center;
}

/* 네트워크 카메라 성능 이미지 */

.img-net {
  background-image: url(/img/net1.png);
  background-size: cover;
  height: 82%;
  border-radius: 7% 7% 0% 0%;
}

.img-net2 {
  background-image: url(/img/net2.png);
  background-size: cover;
  height: 84%;
  border-radius: 7% 7% 0% 0%;
}

.img-net3 {
  background-image: url(/img/net3.jpg);
  background-size: cover;
  height: 82%;
  border-radius: 7% 7% 0% 0%;
}

.img-net4 {
  background-image: url(/img/net4.png);
  background-size: cover;
  height: 84%;
  border-radius: 7% 7% 0% 0%;
}

.img-net5 {
  background-image: url(/img/net6.png);
  background-size: cover;
  height: 84%;
  border-radius: 7% 7% 0% 0%;
}

.img-net6 {
  background-image: url(/img/net5.png);
  background-size: cover;
  height: 81%;
  border-radius: 7% 7% 0% 0%;
}

.img-net7 {
  background-image: url(/img/net7.jpg);
  background-size: cover;
  height: 83%;
  border-radius: 7% 7% 0% 0%;
}

.img-net8 {
  background-image: url(/img/net8.png);
  background-size: cover;
  height: 83%;
  border-radius: 7% 7% 0% 0%;
}

.img-net9 {
  background-image: url(/img/net9.PNG);
  background-size: cover;
  height: 83%;
  border-radius: 7% 7% 0% 0%;
}

.img-net10 {
  background-image: url(/img/net10.PNG);
  background-size: cover;
  height: 83%;
  border-radius: 7% 7% 0% 0%;
}

.img-net11 {
  background-image: url(/img/net11.PNG);
  background-size: cover;
  height: 83%;
  border-radius: 7% 7% 0% 0%;
}

.img-net12 {
  background-image: url(/img/net12.PNG);
  background-size: cover;
  height: 83%;
  border-radius: 7% 7% 0% 0%;
}

.img-net13 {
  background-image: url(/img/net13.PNG);
  background-size: cover;
  height: 83%;
  border-radius: 7% 7% 0% 0%;
}

.img-net14 {
  background-image: url(/img/net14.PNG);
  background-size: cover;
  height: 83%;
  border-radius: 7% 7% 0% 0%;
}

.img-net15 {
  background-image: url(/img/net15.PNG);
  background-size: cover;
  height: 83%;
  border-radius: 7% 7% 0% 0%;
}

.img-net16 {
  background-image: url(/img/net16.PNG);
  background-size: cover;
  height: 83%;
  border-radius: 7% 7% 0% 0%;
}

/*네트워크 카메라 성능 이미지 */

/* 네트워크 */

.info-network-body {
  height: 1300px;
}

#icw2 {
  height: 500px;
  display: none;
  margin-top: 50px;
}

.network-wrap {
  width: 100%;
  height: 500px;
  margin-bottom: 50px;
  width: 100%;
  height: 500px;
  margin: 130px 0 130px 0;
  display: flex;
}

#nw1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.network1 {
  width: 49%;
  background-color: #3167ff;
}

#nw2 {
  width: 100%;
  height: 500px;
}

#nw2 h1 {
  font-weight: 700;
}

#nw2 p {
  margin-top: 30px;
}

.network2 {
  width: 100%;
  height: 500px;
  margin-top: 20px;
}

/* 소프트웨어 개발 */

#sw1::after {
  background-color: #85c3e8;
}

/* 소프트웨어1 */

.info-software-body {
  height: auto;
}

#software {
  width: 100%;
}

#software > span {
  margin-top: 30px;
  width: 180px;
}

#sww1 {
  width: 85%;
  height: auto;
}

#ssw1 {
  width: 100%;
  height: auto;
}

.software1 {
  width: 95%;
  background-image: url(/img/software-img1.jpg);
  background-size: cover;
}

#ssw2 {
  width: 100%;
  height: 500px;
  margin-top: 200px;
}

#ssw2 > h1 {
  font-weight: 700;
}

.software2 {
  width: 40%;
  height: auto;
  margin-top: 20px;
}

.cw-software-text {
  width: 290px !important;
  display: block;
  margin-top: 30px;
  cursor: pointer;
  text-align: center;
}

.software-shape {
  border-radius: 25% 25% 0% 25%;
}

/* 소프트웨어2 */

#sww2 {
  width: 100%;
  height: 700px;
  margin-bottom: 5%;
  margin-top: 10%;
}

#ssw1-1 {
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: space-evenly;
}

#ssw1-2 {
  width: 100%;
  height: 370px;
  display: flex;
  justify-content: space-evenly;
}

.software3 {
  width: 45%;
}

#sww2-2 {
  margin-top: 10%;
}

#ssw2-1 {
  width: 100%;
  height: 500px;
  margin-top: 50px;
}

#ssw2-1 > h1 {
  font-weight: 700;
}

#ssw2-1 p {
  margin-top: 30px;
}

.software4 {
  width: 100%;
  height: 500px;
  margin-top: 20px;
}

/* 빛드로우 */

#software-btn-wrap {
  width: 500px;
  height: 70px;
  position: relative;
}

.software-btn-wrap2 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#bitlight-btn {
  width: 45%;
  height: 100%;
}

#bitdraw-btn {
  width: 45%;
  height: 100%;
}

#dynamic-btn {
  width: 45%;
  height: 100%;
}

#bitdraw-wrap {
  display: none;
}

.software2-3 {
  background-color: #f0f0f0;
}

.software2-3 img {
  width: 50%;
}

.software2-3 p {
  color: black;
}

.bdww {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

#bd-1,
#bd-2,
#bd-3,
#bd-4 {
  width: 20%;
}

.bdww img {
  width: 85%;
  margin: 0 auto;
}

/* 빛드로우 */

#software-btn-wrap {
  width: 500px;
  height: 70px;
  position: relative;
}

.software-btn-wrap2 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#bitlight-btn {
  width: 45%;
  height: 100%;
}

#bitdraw-btn {
  width: 45%;
  height: 100%;
}

#bitlight-btn > p,
#bitdraw-btn > p {
  font-size: 20px;
}

#bitdraw-wrap {
  display: none;
}

.software2-3 {
  background-color: #f0f0f0;
}

.software2-3 img {
  width: 50%;
}

.software2-3 p {
  color: black;
}

.bdww {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

#bd-1,
#bd-2,
#bd-3,
#bd-4 {
  width: 20%;
}

.bdww img {
  width: 85%;
  margin: 0 auto;
}

/* 다이나믹밸런스 */

.software-dynamic-shape {
  border-radius: 25% 25% 0% 25%;
  height: 550px !important;
}

/* 전산·유지보수 */

#maintenance {
  width: 100%;
}

#maintenance > span {
  margin-top: 30px;
  width: 210px;
}

#mt::after {
  background-color: #85c3e8;
}

#mtw1 {
  width: 85%;
  height: 700px;
}

#Mtw1 {
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: space-between;
}

.maintenance-body {
  height: 3000px;
}

.maintenance1 {
  width: 65%;
  background-image: url(/img/1131198189.jpg);
  background-size: cover;
}

.maintenance-wrap {
  width: 100%;
  height: 500px;
  margin: 150px 0 150px 0;
  margin: 0 auto;
  display: flex;
}

#maintenance-right {
  width: 50%;
}

#mtw2 {
  width: 100%;
}

#mtw2 > h1 {
  font-weight: 700;
}

.maintenance2 {
  width: 100%;
  height: 500px;
  margin-top: 20px;
}

.maintenance-wrap2 {
  width: 85%;
  height: 730px;
  margin: 0 auto;
  margin-top: 5%;
  display: flex;
}

.maintenance-wrap3 {
  width: 85%;
  height: 800px;
  margin: 0 auto;
  margin-top: 5%;
  display: flex;
}

.cw-maintenance-text {
  width: 280px !important;
  display: block;
  margin-top: 30px;
  cursor: pointer;
  text-align: center;
}

/* 기자재 */

/*빔프로젝터*/

#equipment {
  width: 100%;
}

.equipment-beam-body {
  height: 7350px !important;
}

#equipment-wrap-beam-fuction {
  height: auto;
  margin-top: 10%;
}

#equipment > span {
  margin-top: 30px;
  width: 120px;
}

.equipment-wrap {
  width: 100%;
  margin: 0 auto;
  margin-top: 9%;
  height: auto;
}

.led-wrap {
  width: 100%;
  margin: 0 auto;
  margin-top: 9%;
  height: auto;
}

.equipment-wrap-margin-top {
  margin-top: 15% !important;
}

#eqw1 {
  width: 85%;
  height: 700px;
  margin: 0 auto;
}

#Did-w3 {
  width: 85%;
  height: 700px;
  margin: 0 auto;
  margin-top: 9%;
}

#Eqw1 {
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: space-between;
}

#Did-w3 {
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: space-between;
}

.equipment1 {
  width: 50%;
}

#equipment-left {
  width: 65%;
  background-image: url(/img/kiosk-main-img.png);
  background-size: cover;
}

#board-left {
  width: 94%;
  background-image: url(/img/dynamicbalance-img-main.jpg);
  background-size: cover;
}

#Eqw2 {
  width: 100%;
  height: 500px;
  margin-top: 9%;
}

#Eqw2 > h1 {
  font-weight: 700;
}

.equipment2 {
  width: 100%;
  height: 500px;
  margin-top: 20px;
}

.cw-equipment-text {
  width: 280px !important;
  display: block;
  margin-top: 30px;
  cursor: pointer;
  text-align: center;
}

.beam-text1-p {
  position: absolute;
}

.beam-back-img-1 {
  background-image: url("/img/beam-img-function1.png");
  background-size: cover;
}

.beam-back-img-2 {
  background-image: url("/img/beam-img-function2.jpg");
  background-size: cover;
}

.beam-back-img-3 {
  background-image: url("/img/beam-img-function3.png");
  background-size: cover;
}

.beam-back-img-4 {
  background-image: url("/img/beam-img-function4.png");
  background-size: cover;
}

.beam-back-img-5 {
  background-image: url("/img/beam-img-function5.png");
  background-size: cover;
}

.beam-back-img-6 {
  background-image: url("/img/beam-img-function6.png");
  background-size: cover;
}

.beam-back-img-1 {
  background-image: url("/img/beam-img-function1.png");
  background-size: cover;
}

.beam-back-img-1 {
  background-image: url("/img/beam-img-function1.png");
  background-size: cover;
}

.beam-back-img-1 {
  background-image: url("/img/beam-img-function1.png");
  background-size: cover;
}

.beam-back-img-1 {
  background-image: url("/img/beam-img-function1.png");
  background-size: cover;
}

/* 전자칠판 */

#eqw2 {
  width: 85%;
  height: 700px;
  margin-top: 10%;
  margin: 0 auto;
}

#eqw2 {
  display: none;
}

#Eqw1-1 {
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: space-between;
}

.equipment3 {
  width: 49%;
  background-color: rgb(205, 50, 166);
}

#Eqw2-1 {
  width: 100%;
  height: 500px;
  margin-top: 50px;
}

#Eqw2-1 > h1 {
  font-weight: 700;
}

.equipment4 {
  width: 100%;
  height: 500px;
  margin-top: 20px;
}

.cw-led-text {
  width: 130px !important;
  display: block;
  margin-top: 30px;
  cursor: pointer;
  text-align: center;
}

.cw-led-text2 {
  width: 180px !important;
  display: block;
  margin-top: 30px;
  cursor: pointer;
  text-align: center;
}

.cw-equipment-beam-line {
  width: 90%;
  background-color: #333333;
  height: 2px;
}

.iwb-hand-box-st {
  border: 2px solid #3167ff;
  width: 100%;
  height: 200px;
  border-radius: 15px;
}

.text-border-radius {
  border-radius: 7px;
  width: 100%;
  height: 45px;
  line-height: 45px;
}

.iwb-distinct-img1 {
  width: 45%;
}

/* led */

.led-led-body {
  height: auto;
  margin-bottom: 5%;
}

#led {
  width: 100%;
}

#led > span {
  margin-top: 30px;
  width: 75px;
}

#led > span.selected::after {
  background-color: #85c3e8;
}

.led_wrap {
  width: 85%;
  margin: 0 auto;
}

#ledw1 {
  width: 85%;
  height: auto;
  margin-top: 130px;
}

#Led-w1 {
  height: 500px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 130px;
}

.Led1 {
  width: 50%;
}

#led-left {
  background-image: url(/img/q2345356.jpg);
  background-size: cover;
  background-position: bottom;
  width: 75%;
  height: 500px;
}

.dip-box-border {
  border-radius: 7px;
}

.indoor-ex {
  margin: 0 auto;
  margin-top: 10%;
  margin-bottom: 5%;
}

.led-indoor-ex-img-mm {
  height: 450px;
  margin: 0 auto;
}

/* did */
#Didw2 {
  width: 85%;
  height: auto;
  margin-top: 130px;
  display: none;
}

#Did-w1 {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

#Didw2 > h1 {
  font-weight: 700;
}

/* .Did1 {
    width: 50%;
  } */

#did-left {
  width: 65%;
  height: 400px;
}

/* 제품소개 */

.back_img-product {
  width: 100%;
  height: 380px;
  background-image: url("/img/1267130038.jpg");
  background-size: cover;
}

#menu2 > .container > #menu {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

#menu2 > .container > #menu > ul {
  width: 33%;
  background-color: #d0e7f6;
}

#menu2 > .container > #menu > ul > li {
  width: 100%;
  text-align: center;
}

/* CCTV */

.cctv1-product-title-text-mm {
  display: none;
}

.cctv-pro-body {
  height: 2100px !important;
}

.body > .container {
  padding-bottom: 50px;
}
.body > .container > h1 {
  text-align: center;
  font-weight: 900;
  padding: 30px 0 30px 0;
}

.product-sec {
  width: 85%;
  height: 310px !important;
  margin-bottom: 50px;
  display: flex;
  margin: 0 auto;
  justify-content: space-evenly;
}

.pro-pic {
  width: 100%;
  height: 70px;
}

.pro-txt {
  width: 100%;
  height: 350px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 13px;
  border: 1px solid gray;
  margin-bottom: 15px;
}

.product-sec h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}

.product-sec button {
  margin-top: 10px;
}

.product-sec .pro-modal {
  width: 58% !important;
  height: 1100px;
  position: absolute;
  top: 0%;
  left: 20.7% !important;
  margin-bottom: 20px;
  z-index: 9;
  background-color: white;
  border: 2px solid gray;
  display: none;
  border-radius: 10px;
}

.product-sec .pro-modal-tta {
  width: 58% !important;
  height: 1100px;
  position: absolute;
  top: 0%;
  left: 20.7% !important;
  margin-bottom: 20px;
  z-index: 9;
  background-color: white;
  border: 2px solid gray;
  display: none;
  border-radius: 10px;
}

.ot-height {
  height: 820px !important;
}

.n-height {
  height: 820px !important;
}

.modal1-height {
  height: 1380px !important;
}

.product-sec .pro-moda2 {
  width: 950px;
  height: 480px;
  position: absolute;
  top: 10%;
  left: 20% !important;
  margin-bottom: 20px;
  z-index: 9;
  background-color: white;
  border: 2px solid gray;
  display: none;
  border-radius: 10px;
}

.product-sec .modal4 {
  position: absolute;
  top: -5%;
  left: 20.5%;
}

.cctv-pro-btn {
  background-color: #3167ff;
  border: 0;
  border-radius: 10px;
  padding: 8px;
  padding-left: 5%;
  padding-right: 5%;
  color: white;
  cursor: pointer;
}

.cctv-pro-btn:hover {
  background-color: #205aff;
  border: 0;
  border-radius: 10px;
  padding: 8px;
  padding-left: 5%;
  padding-right: 5%;
  color: white;
  font-weight: 600;
  cursor: pointer;
}

.led-width {
  width: 90% !important;
}

.pro-txt .re-mo1 {
  position: absolute;
  top: -15%;
  left: 20.5%;
  height: 1030px;
}

.pro-txt .re-mo1-tta {
  position: absolute;
  top: -15%;
  left: 20.5%;
  height: 1030px;
}

.recorder-body {
  height: 1650px;
}

.led-body {
  height: 1360px !important;
}

.led-body .black {
  top: -28%;
  height: 1060px;
}

.led-body .modal3 {
  top: -5%;
  left: 20.5%;
}

.led-body .modal4 {
  top: -5%;
  left: 20.5%;
}

.black {
  width: 100%;
  height: 170vh !important;
  position: absolute;
  top: -26%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}

.black-recorder-pc {
  height: 150vh !important;
}

.black3 {
  width: 100%;
  height: 143vh;
  position: absolute;
  top: -65%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}

.black4 {
  width: 100%;
  height: 143vh;
  position: absolute;
  top: -65%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}

::placeholder {
  color: rgb(161, 161, 161);
}

.certification-casp-icon-o6 {
  width: 90px !important;
  position: absolute;
  top: 34% !important;
  right: 30% !important;
}

/* 구축사례 */

.casestudy-body {
  height: auto;
}

.casestudy-center {
  margin: 0 auto !important;
  position: relative;
}

.casestudy-center a {
  font-family: "paybooc-bold";
  font-size: 19px !important;
}

.back_img-casestudy {
  width: 100%;
  height: 380px;
  background-image: url("/img/casestudy.jpg");
  background-size: cover;
}

.year {
  width: 65%;
  height: 70px;
  margin: 5px auto 0 auto;
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.year > li {
  width: 10%;
  font-size: 20px;
}

.year > li:hover {
  background-color: #85c3e8;
  color: white;
}

.year > li.selected {
  background-color: #85c3e8;
  color: white;
}

.cs-wrap {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.cs-wrap .flex-just-content-center {
  cursor: pointer;
}

.csw {
  width: 100% !important;
  height: 100%;
  margin-top: 30px;
  display: block;
  margin: 0 auto;
}

.csw-detail {
  width: 85%;
  height: 100%;
  margin-top: 30px;
  display: none;
  margin: 0 auto;
}

.csw-write {
  width: 85%;
  height: 100%;
  margin-top: 30px;
  display: none;
  margin: 0 auto;
}

#csw-cc1,
#csw-cc2 {
  display: block;
}

.csw-row {
  width: 95%;
  width: 100%;
  height: 1000px;
  margin: 7% auto 7% auto;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.csw-row > li {
  width: 24%;
  background-color: white;
}

.cs-wrap {
  display: none;
}

.cs-w24 {
  display: block;
}

.btn-st {
  background-color: white;
  border-radius: 7px;
  cursor: pointer;
}

.btn-st:hover {
  background-color: #3167ff;
  border-radius: 7px;
  cursor: pointer;
  color: white;
}

.csw-input-title {
  width: 60%;
  height: 35px;
  border-radius: 10px;
  border: 1px solid gray;
}

.csw-btn-1 {
  cursor: pointer;
}

.csw-btn-2 {
  cursor: pointer;
}

.csw-btn-3 {
  cursor: pointer;
}

.csw-btn-4 {
  cursor: pointer;
}

.csw-box img {
  width: 100% !important;
}

.csw-box img {
  width: 100% !important;
}

#casestudy-before-btn-box {
  width: 100%;
  height: 100px;
}

#casestudy-before-btn {
  width: 90px;
  height: 35px;
  background-color: white;
  font-weight: 700;
}

#casestudy-before-btn:hover {
  width: 90px;
  height: 35px;
  background-color: #3167ff;
  color: white;
  cursor: pointer;
}

#casestudy-before-btn:focus {
  width: 90px;
  height: 35px;
  background-color: #3167ff;
  color: white;
}

#casestudy-next-btn {
  width: 90px;
  height: 35px;
  background-color: white;
  font-weight: 700;
}

#casestudy-next-btn:hover {
  width: 90px;
  height: 35px;
  background-color: #3167ff;
  color: white;
  cursor: pointer;
}

#casestudy-delete-btn {
  width: 90px;
  height: 35px;
  background-color: white;
  font-weight: 700;
}

#casestudy-delete-btn:hover {
  width: 90px;
  height: 35px;
  background-color: red;
  color: white;
  cursor: pointer;
}

#casestudy-next-btn:focus {
  width: 90px;
  height: 35px;
  background-color: #3167ff;
  color: white;
}

/* 오시는길 */

.waytocome-text-m {
  text-align: center;
  margin-top: 45px;
}

.waycome-btn-m {
  width: 20% !important;
}

.waytocome-icon-margin-m {
  margin-top: 100px;
}

.section-contact-text-m {
  text-align: center;
}

.section-contact-item-m {
  width: 20% !important;
}

.section-contact-item-m2 {
  width: 25% !important;
}

.section-contact-text-m2 {
  color: black;
}

/* 정보통신공사 cctv */

.cctv-wrap2-m {
  width: 90%;
  margin: 0 auto;
  margin-top: 200px !important;
}

/* .cctv3-txt-m {
    display: flex;
    flex-direction: row;
    width: 40%;
    height: 120px;
    align-items: center;
    text-align: center;
  }

  .cctv3-txt-m2 {
    display: flex;
    flex-direction: row;
    width: 20%;
    height: 120px;
    align-items: center;
    text-align: center;
  } */

.cctv3-txt-border-m {
  display: flex;
  flex-direction: row;
  border: 2px solid #85c3e8;
  width: 40%;
  height: 71%;
  align-items: center;
  text-align: center;
}

.cctv3-txt-border-m-white {
  display: flex;
  flex-direction: row;
  border: none;
  width: 40%;
  height: 71%;
  align-items: center;
  text-align: center;
}

.cctv3-txt-border-m2 {
  display: flex;
  flex-direction: row;
  border: 2px solid #85c3e8;
  width: 19%;
  height: 120px;
  align-items: center;
  text-align: center;
}

.cctv3-Txt-m {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20px;
}

.cctv3-Txt-m2 {
  width: 90%;
  margin-left: 35px;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.cctv3-text-title-m {
  width: 100%;
}

.info-cctv-text-m {
  justify-content: space-around;
  display: flex;
  margin-top: 45px;
}

.cctv-text-m {
  color: #3167ff;
}

.cctv-text-m2 {
  color: black;
}

.cctv-title-m {
  color: #3167ff;
  font-family: "paybooc";
}

/* 정보통신공사 cctv */

#ic1 {
  width: 85px;
}

#ic2 {
  width: 135px;
}

.info_comu_wrap {
  margin: 0 auto;
  width: 85%;
  height: 2000px;
}

.info-cctv-body {
  height: auto;
}

#info_comu > span {
  margin-top: 30px;
}

.cw-network-text {
  width: 180px !important;
  display: block;
  margin-top: 30px;
  cursor: pointer;
  text-align: center;
}

.cctv-wrap-m {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 9%;
}

.cctv-wrap2-m {
  width: 90%;
  margin: 0 auto;
  margin-top: 130px !important;
}

.cctv3-txt-m {
  display: flex;
  flex-direction: column;
  width: 41%;
  height: 165px;
  text-align: center;
}

.cctv3-txt-m-height {
  display: flex;
  flex-direction: column;
  width: 41%;
  height: 185px;
  text-align: center;
}

.cctv3-txt-m2 {
  display: flex;
  flex-direction: row;
  width: 40% !important;
  height: 120px;
  align-items: center;
  text-align: center;
}

.cctv-bg-color-sky-m {
  height: auto;
}

/* .cctv3-txt-border-m {
    display: flex;
    flex-direction: row;
    border: 2px solid #3167ff;
    width: 40%;
    height: 120px;
    align-items: center;
    text-align: center;
  }

  */

.cctv3-txt-border-white {
  margin-bottom: 30px;
  border: none;
  height: 70%;
}

.cctv3-txt-border-m2 {
  display: flex;
  flex-direction: row;
  border: 2px solid #85c3e8;
  width: 40%;
  height: 71%;
  align-items: center;
  text-align: center;
}

.cctv3-Txt-m {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20px;
}

.cctv3-Txt-m2 {
  width: 90%;
  margin-left: 35px;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.cctv3-text-title-m {
  width: 100%;
}

.info-cctv-text-m {
  justify-content: space-around;
  display: flex;
  margin-top: 45px;
}

.cctv1-left-m {
  width: 75%;
  height: auto;
  background-image: url(/img/511060194.jpg);
  background-size: cover;
}

.cctv-text-m {
  color: #3167ff;
}

.cctv-text-m2 {
  color: black;
}

.cctv1-right-m {
  width: 90%;
  margin: 0 auto;
  margin-top: 0px;
}

.cctv-system-text-m {
  font-size: 2rem !important;
  margin-top: 4%;
}

.network-right-m {
  width: 90%;
  margin: 0 auto;
}

.info_comu_wrap-m {
  margin: 0 auto;
  width: 85%;
  height: auto !important;
}

.ic1-m {
  cursor: pointer;
}

.ic2-m {
  cursor: pointer;
}

.cctv-wrap-network-m {
  margin-top: 150px !important;
}

.network-text-m {
  color: #3167ff;
}

.network-text-m2 {
  color: black;
}

/* 네트워크 카메라 성능 이미지 */

.img-net-m {
  background-image: url(/img/net1.png);
  background-size: cover;
  height: 80%;
  border-radius: 7% 7% 7% 7%;
}

.img-net2-m {
  background-image: url(/img/net2.png);
  background-size: cover;
  height: 80%;
  border-radius: 7% 7% 7% 7%;
}

.img-net3-m {
  background-image: url(/img/net3.jpg);
  background-size: cover;
  height: 80%;
  border-radius: 7% 7% 7% 7%;
}

.img-net4-m {
  background-image: url(/img/net4.png);
  background-size: cover;
  height: 80%;
  border-radius: 7% 7% 7% 7%;
}

.img-net5-m {
  background-image: url(/img/net6.png);
  background-size: cover;
  height: 80%;
  border-radius: 7% 7% 7% 7%;
}

.img-net6-m {
  background-image: url(/img/net5.png);
  background-size: cover;
  height: 80%;
  border-radius: 7% 7% 7% 7%;
}

.img-net7-m {
  background-image: url(/img/net7.jpg);
  background-size: cover;
  height: 80%;
  border-radius: 7% 7% 7% 7%;
}

.img-net8-m {
  background-image: url(/img/net8.png);
  background-size: cover;
  height: 80%;
  border-radius: 7% 7% 7% 7%;
}

.img-net9-m {
  background-image: url(/img/net9.PNG);
  background-size: cover;
  height: 80%;
  border-radius: 7% 7% 7% 7%;
}

.img-net10-m {
  background-image: url(/img/net10.PNG);
  background-size: cover;
  height: 80%;
  border-radius: 7% 7% 7% 7%;
}

.img-net11-m {
  background-image: url(/img/net11.PNG);
  background-size: cover;
  height: 80%;
  border-radius: 7% 7% 7% 7%;
}

.img-net12-m {
  background-image: url(/img/net12.PNG);
  background-size: cover;
  height: 80%;
  border-radius: 7% 7% 7% 7%;
}

.img-net13-m {
  background-image: url(/img/net13.PNG);
  background-size: cover;
  height: 80%;
  border-radius: 7% 7% 7% 7%;
}

.img-net14-m {
  background-image: url(/img/net14.PNG);
  background-size: cover;
  height: 80%;
  border-radius: 7% 7% 7% 7%;
}

.img-net15-m {
  background-image: url(/img/net15.PNG);
  background-size: cover;
  height: 80%;
  border-radius: 7% 7% 7% 7%;
}

.img-net16-m {
  background-image: url(/img/net16.PNG);
  background-size: cover;
  height: 83%;
  border-radius: 7% 7% 7% 7%;
}

/*네트워크 카메라 성능 이미지 */

/* .network-right-m {
    margin-top: 350px;
  } */

.ic1-m {
  cursor: pointer;
}

.ic2-m {
  cursor: pointer;
}

.network-text-m {
  color: #3167ff;
}

.network-text-m2 {
  color: black;
}

/* 사업분야 */

.back_img-business-m {
  width: 100%;
  height: 380px;
  background-image: url("/img/1432271739.jpg");
  background-size: cover;
  background-position: center;
}

#menu2 > .container > #menu {
  width: 90% !important;
  display: flex;
  justify-content: space-evenly;
}

#menu2 > .container > #menu > ul {
  width: 19%;
  background-color: #d0e7f6;
}

#menu2 > .container > #menu > ul > li {
  width: 100%;
  text-align: center;
}

.text-color-gray {
  color: #a8a8a8 !important;
}

.text-color-navy {
  color: #132151 !important;
}
.cw-info-cctv-line {
  width: 90%;
  background-color: #333333;
  height: 2px;
}

/*유무선 네트워크망 */

.network-wrap-m {
  margin-bottom: 50px;
  width: 100%;
  height: 500px;
  display: flex;
  flex-direction: row;
}

.network-left-m {
  background-image: url(/img/1389142155.jpg);
  background-size: cover;
  height: auto;
  width: 75%;
}

.network-right-m {
  margin-top: 0px;
}

.net-system-text-m {
  font-size: 2rem !important;
  margin-top: 40px;
}

.bg-color-sky-m-height {
  height: auto;
}

/* 소프트웨어 개발 */

#sw1::after {
  background-color: #85c3e8;
}

/* 소프트웨어1 */

#software {
  width: 100%;
}

#software > span {
  margin-top: 30px;
  width: 180px;
}

.software1 {
  width: 95%;
  background-image: url(/img/software-img1.jpg);
  background-size: cover;
}

#ssw2 {
  width: 100%;
  height: 500px;
  margin-top: 200px;
}

#ssw2 > h1 {
  font-weight: 700;
}

.cw-software-text {
  width: 290px !important;
  display: block;
  margin-top: 30px;
  cursor: pointer;
  text-align: center;
}

.software-shape {
  border-radius: 25% 25% 0% 25%;
}

/* 소프트웨어2 */

#sww2 {
  width: 100%;
  height: auto;
}

.software3 {
  width: 45%;
  height: auto !important;
  margin-bottom: 5%;
}

#ssw2-1 {
  width: 100%;
  height: 500px;
  margin-top: 50px;
}

#ssw2-1 > h1 {
  font-weight: 700;
}

#ssw2-1 p {
  margin-top: 30px;
}

.software4 {
  width: 100%;
  height: 500px;
  margin-top: 20px;
}

.sw-2-wrap {
  display: flex;
  flex-direction: column;
  margin-top: 10% !important;
}

.sw-2-wrap p {
  text-align: center;
  margin-bottom: 10%;
}

.sw-2-wrap img {
  width: 80%;
  margin: 0 auto;
}

/* 빛드로우 */

#software-btn-wrap {
  width: 80%;
  height: 70px;
  position: relative;
  margin: 30% auto 0 auto;
}

.software-btn-wrap2 {
  width: 80%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.bitlight-wrap-2 {
  width: 63%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  height: 330px;
}

.bitlight-bg {
  width: 80%;
  margin: 0 auto;
  height: auto !important;
}

#bitlight-btn {
  width: 45%;
  height: 100%;
  margin-left: 5%;
}

#bitdraw-btn {
  width: 45%;
  height: 100%;
}

#bitlight-btn > p,
#bitdraw-btn > p,
#dynamic-btn > p {
  font-size: 15px;
}

#bitdraw-wrap {
  display: none;
}

.software2-3 {
  background-color: #f0f0f0;
}

.software2-3 img {
  width: 50%;
}

.software2-3 p {
  color: black;
}

.bdww {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

#bd-1,
#bd-2,
#bd-3,
#bd-4 {
  width: 20%;
}

.bdww img {
  width: 85%;
  margin: 0 auto;
}

.software-title-m {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

.software-text-m {
  width: 90%;
}

.software1-m {
  width: 90%;
  height: 345px !important;
  background-image: url(/img/software-img1.jpg);
  background-size: cover;
}

.software-img-size-m {
  width: auto;
  height: auto;
}

.software-text-size-m {
  font-size: 22px !important;
}

.blbl {
  padding: 15% 0 5% 0;
}

.bdbd img {
  width: 35%;
}

/* .software-bitlight-logo-size-m {
    width: 70%;
  } */

/* .software-text-padding-m {
    padding-top: 0px !important;
  } */

.software2-m {
  width: 40%;
  /* margin-top: 50px; */
}

.software-shape-m {
  width: 80%;
  height: 200px;
  border-radius: 25% 25% 0% 25%;
}

.software-bitlight-text-margin-left-m {
  text-align: center;
  width: 42%;
}

.ssw1-1-m {
  width: 70%;
  display: flex;
  margin: 0 auto;
}

.ssw1-2-m {
  width: 70%;
  display: flex;
  margin: 0 auto;
}

.software-detail-title-size-m {
  font-size: 30px;
  margin-left: 50px;
  margin-top: 10%;
}

.software-blue-btn-m {
  width: 70%;
  margin-left: 100px;
}

.soft-bitlight-text-center-m {
  text-align: center;
  padding-bottom: 15% !important;
}

#software-btn-wrap {
  width: 100%;
  height: 70px;
  position: relative;
  margin: 20% auto 0 auto;
}

.software_wrap-top {
  margin-top: 4% !important;
}

/* 다이나믹 밸런스 */

.software-dynamic-shape-m {
  width: 80%;
  height: 200px;
  border-radius: 25% 25% 0% 25%;
}

/* 전산·유지보수 */

.maintenance-m {
  width: 100%;
  margin-top: 50px;
  text-align: center;
}

#maintenance > span {
  margin-top: 30px;
  width: 260px;
}

#mt::after {
  background-color: #3167ff;
}

.mtw1-m {
  width: 85%;
  height: 600px !important;
}

#Mtw1 {
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: space-between;
}

.maintenance1-m {
  width: 100%;
  height: auto;
  background-image: url(/img/1131198189.jpg);
  background-size: cover;
  margin-top: 0px;
}

.maintenance-wrap {
  width: 100%;
  height: 500px;
  margin: 150px 0 150px 0;
  margin: 0 auto;
  display: flex;
}

.maintenance-right-m {
  width: 90%;
}

.maintenance-right-text-title-m {
  margin-top: 0px !important;
}

.maintenance-right-text-title2-m {
  margin-top: 10px !important;
}

.maintenance-img-m {
  margin-top: 10%;
}

#mtw2 > h1 {
  font-weight: 700;
}

.maintenance2 {
  width: 100%;
  height: 500px;
  margin-top: 20px;
}

.cw-maintenance-text-m {
  width: 100%;
  text-align: center;
  margin-top: 75px;
}

.mtw2-m {
  width: 85%;
  height: 500px;
  margin: 0 auto;
  margin-top: 9%;
}

.mainten-bg-color-sky-m {
  height: auto;
}

/* 기자재 */
/*빔프로젝터*/

.kiosk-text-font {
  font-family: "Montserrat", sans-serif !important;
}

.equipment-m {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-top: 50px;
}

/* .equipment-beam-body-m {
  height: 6160px;
} */

#equipment-wrap-beam-fuction {
  height: auto;
}

#equipment > span {
  margin-top: 30px;
  width: 120px;
}

.equipment-wrap-m {
  margin: 0 auto;
  margin-top: 10%;
  height: auto;
}

.equipment-wrap-img-m {
  width: 65%;
  margin: 0 auto;
}

.equipment1-text-m {
  margin-top: 0px !important;
}

.eqw1-m {
  width: 85%;
  height: 480px;
  margin: 0 auto;
  margin-top: 50px;
}

#Didw3 {
}

.Didw3-m {
  width: 85%;
  height: auto;
  margin: 0 auto;
  margin-top: 50px;
}

#Eqw1 {
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: space-between;
}

.equipment1 {
  width: 50%;
}

.equipment-left-m {
  width: 45%;
  height: auto;
  background-image: url(/img/1127279792.jpg);
  background-size: cover;
}

#Eqw2 > h1 {
  font-weight: 700;
}

.equipment2 {
  width: 100%;
  height: 500px;
  margin-top: 20px;
}

.cw-equipment-text {
  width: 280px !important;
  display: block;
  margin-top: 30px;
  cursor: pointer;
  text-align: center;
}

.beam-text1-p {
  position: absolute;
}

.beam-back-img-1 {
  background-image: url("/img/beam-img-function1.png");
  background-size: cover;
}

.beam-back-img-2 {
  background-image: url("/img/beam-img-function2.jpg");
  background-size: cover;
}

.beam-back-img-3 {
  background-image: url("/img/beam-img-function3.png");
  background-size: cover;
}

.beam-back-img-4 {
  background-image: url("/img/beam-img-function4.png");
  background-size: cover;
}

.beam-back-img-5 {
  background-image: url("/img/beam-img-function5.png");
  background-size: cover;
}

.beam-back-img-6 {
  background-image: url("/img/beam-img-function6.png");
  background-size: cover;
}

.beam-back-img-1 {
  background-image: url("/img/beam-img-function1.png");
  background-size: cover;
}

.beam-back-img-1 {
  background-image: url("/img/beam-img-function1.png");
  background-size: cover;
}

.beam-back-img-1 {
  background-image: url("/img/beam-img-function1.png");
  background-size: cover;
}

.beam-back-img-1 {
  background-image: url("/img/beam-img-function1.png");
  background-size: cover;
}

.beem-bg-color-sky-m {
  height: auto;
}

#dynamic-app-btn {
  width: 35%;
  height: 100%;
}

#dynamic-app-btn2 {
  width: 35%;
  height: 100%;
}

.db-btn-text-color {
  color: #132151;
}

#sliderType05 {
  display: none;
}

/* 전자칠판 */

.eqw2-m {
  width: 85%;
  height: 480px;
  margin: 0 auto;
}

.Eqw2-m {
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: space-between;
}

#eqw2 {
  display: none;
}

#Eqw1-1 {
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: space-between;
}

.equipment3 {
  width: 49%;
  background-color: rgb(205, 50, 166);
}

#Eqw2-1 {
  width: 100%;
  height: 500px;
  margin-top: 50px;
}

#Eqw2-1 > h1 {
  font-weight: 700;
}

.equipment4 {
  width: 100%;
  height: 500px;
  margin-top: 20px;
}

.cw-led-text {
  width: 130px !important;
  display: block;
  margin-top: 30px;
  cursor: pointer;
  text-align: center;
}

.cw-equipment-beam-line {
  width: 90%;
  background-color: #333333;
  height: 2px;
}

.iwb-hand-box-st {
  border: 2px solid #3167ff;
  width: 100%;
  height: 200px;
  border-radius: 15px;
}

.text-border-radius {
  border-radius: 7px;
  width: 100%;
  height: 45px;
  line-height: 45px;
}

.iwb-distinct-img1 {
  width: 45%;
}

.board-left-m {
  width: 45%;
  height: auto;
  background-image: url(/img/1165734015.jpg);
  background-size: cover;
}

.board-right-m {
  width: 72%;
}

.board-bg-color-sky-m {
  height: auto;
}

.iwb-tv-img-m {
  width: 100% !important;
}

.iwb-tv1-m {
  width: 25% !important;
}

.slider__wrap-04 {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider__img {
  /* 이미지 보이는 영역 */
  position: relative;
  width: 1050px;
  height: 800px;
  overflow: hidden;
}
.slider__inner {
  /* 이미지를 감싸고 있는 부모(움직이는 부분) */
  display: flex;
  flex-wrap: wrap;
  width: 5500px;
  height: 520px;
}
.slider {
  /* 개별적인 이미지 */
  position: relative;
  width: 1050px;
  height: 800px;
}

.slider__wrap-05 {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider__mint-img {
  /* 이미지 보이는 영역 */
  position: relative;
  width: 1050px;
  height: 800px;
  overflow: hidden;
}
.slider__mint-inner {
  /* 이미지를 감싸고 있는 부모(움직이는 부분) */
  display: flex;
  flex-wrap: wrap;
  width: 5500px;
  height: 520px;
}
.slider-mint {
  /* 개별적인 이미지 */
  position: relative;
  width: 1050px;
  height: 800px;
}

/* .slider::before {
  position: absolute;
  left: 5px;
  top: 5px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  padding: 5px 10px;
} */
/* .slider:nth-child(1)::before {
  content: "이미지1";
}
.slider:nth-child(2)::before {
  content: "이미지2";
}
.slider:nth-child(3)::before {
  content: "이미지3";
}
.slider:nth-child(4)::before {
  content: "이미지4";
}
.slider:nth-child(5)::before {
  content: "이미지5";
}
.slider:nth-child(6)::before {
  content: "이미지1";
} */
.slider:nth-child(1) {
  z-index: 5;
}
.slider:nth-child(2) {
  z-index: 4;
}
.slider:nth-child(3) {
  z-index: 3;
}
.slider:nth-child(4) {
  z-index: 2;
}
.slider:nth-child(5) {
  z-index: 1;
}

#dynamic-app-img1 {
  width: 100%;
}

#dynamic-mint-app-img1 {
  width: 100%;
}

@media (max-width: 1050px) {
  .slider__img {
    width: 400px;
    height: 260px;
  }
}

.slider__btn {
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background: #827fef;
  text-align: center;
  line-height: 56px;
  transition: all 0.2s;
  display: block;
  color: #fff;
  z-index: 9999;
  border-radius: 50%;
}
.slider__btn:hover {
  background: rgb(118, 153, 90);
}

.slider__mint-btn {
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background: #33cbbc;
  text-align: center;
  line-height: 56px;
  transition: all 0.2s;
  display: block;
  color: #fff;
  z-index: 9999;
  border-radius: 50%;
}
.slider__mint-btn:hover {
  background: rgb(118, 153, 90);
}

.slider__prev {
  left: 0;
}
.slider__next {
  right: 0;
}

.slider__prev-mint {
  left: 0;
}

.slider__next-mint {
  right: 0;
}

.bit-d-TTA-img-m {
  width: 40px;
  position: absolute;
  top: 7%;
  right: 5%;
}

#slider-show {
  margin: 50px auto;
  position: relative !important;
  width: 100%;
  height: auto;
  padding: 10px;
}

#slider-show > div {
  position: absolute !important;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#dynamic-app-mint-detailpage {
  display: none;
}

/* 구축사례 */

.casestudy-body {
  height: auto;
  text-align: center;
}

.back_img-casestudy {
  width: 100%;
  height: 380px;
  background-image: url("/img/casestudy.jpg");
  background-size: cover;
}

.year {
  width: 65%;
  height: 70px;
  margin: 30px auto 0 auto;
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.year > li {
  width: 10%;
  font-size: 20px;
}

.year > li.selected {
  background-color: #85c3e8;
  color: white;
}

.cs-wrap {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.cs-wrap .csw-btn-1,
.cs-wrap .csw-btn-2,
.cs-wrap .csw-btn-3 .cs-wrap .csw-btn-4 {
  width: 25%;
}

.csw-btn-24 {
  width: 20% !important;
}

.cs-wrap .flex-just-content-center {
  cursor: pointer;
}

.csw {
  width: 100% !important;
  height: 100%;
  margin-top: 30px;
  display: block;
  margin: 0 auto;
}

.csw-detail {
  width: 85%;
  height: 100%;
  margin-top: 30px;
  display: none;
  margin: 0 auto;
}

.csw-write {
  width: 85%;
  height: 100%;
  margin-top: 30px;
  display: none;
  margin: 0 auto;
}

#csw-cc1,
#csw-cc2 {
  display: block;
}

.csw-row {
  width: 100%;
  height: 1000px;
  margin: 7% auto 7% auto;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.csw-row > li {
  width: 24%;
  background-color: white;
}

.cs-wrap {
  display: none;
}

.cs-w24 {
  display: block;
}

.btn-st {
  background-color: white;
  border-radius: 7px;
  cursor: pointer;
}

.csw-input-title {
  width: 60%;
  height: 35px;
  border-radius: 10px;
  border: 1px solid gray;
}

.csw-btn-1 {
  cursor: pointer;
}

.csw-btn-2 {
  cursor: pointer;
}

.csw-btn-3 {
  cursor: pointer;
}

.csw-btn-4 {
  cursor: pointer;
}

.csw-box p {
  margin-top: 5%;
  text-align: left;
  font-size: 18px !important;
  font-family: "paybooc";
  font-weight: 600;
  margin-left: 7%;
}

.csw-box img {
  width: 100% !important;
  object-fit: cover;
}

#casestudy-before-btn-box {
  width: 51%;
  margin: 0 auto;
  height: 100px;
}

#casestudy-before-btn {
  width: 80px;
  height: 35px;
  background-color: white;
  font-weight: 700;
}

#casestudy-before-btn:focus {
  width: 80px;
  height: 35px;
  background-color: #3167ff;
  color: white;
}

#casestudy-next-btn {
  width: 80px;
  height: 35px;
  background-color: white;
  font-weight: 700;
}

#casestudy-delete-btn {
  width: 80px;
  height: 35px;
  background-color: white;
  font-weight: 700;
}

#casestudy-next-btn:focus {
  width: 80px;
  height: 35px;
  background-color: #3167ff;
  color: white;
}

/* 녹화기 */

.recorder-product-m {
  margin-top: 70px;
  text-align: center;
}

.recorder-product-title-m {
  text-align: center;
}

.product-sec-m .pro-moda3-m {
  width: 75%;
  height: auto !important;
  position: absolute;
  top: 10%;
  left: 13%;
  margin-bottom: 20px;
  z-index: 9;
  background-color: white;
  border: 2px solid gray;
  display: none;
  border-radius: 10px;
  margin: 0 auto;
  padding-bottom: 5%;
}

.product-sec-m .pro-moda4-m {
  width: 75%;
  height: auto !important;
  position: absolute;
  top: 10%;
  left: 13%;
  margin-bottom: 20px;
  z-index: 9;
  background-color: white;
  border: 2px solid gray;
  display: none;
  border-radius: 10px;
  margin: 0 auto;
  padding-bottom: 5%;
}

/* led */

.led-product-m {
  margin-top: 70px;
  text-align: center;
}

.led-product-title-m {
  text-align: center;
}

.product-sec-m .pro-moda5-m {
  width: 75%;
  height: auto !important;
  position: absolute;
  top: 10%;
  left: 13%;
  margin-bottom: 20px;
  z-index: 9;
  background-color: white;
  border: 2px solid gray;
  display: none;
  border-radius: 10px;
  margin: 0 auto;
  padding-bottom: 5%;
}

.product-sec-m .pro-moda6-m {
  width: 75%;
  height: auto !important;
  position: absolute;
  top: 10%;
  left: 13%;
  margin-bottom: 20px;
  z-index: 9;
  background-color: white;
  border: 2px solid gray;
  display: none;
  border-radius: 10px;
  margin: 0 auto;
  padding-bottom: 5%;
}

.product-sec-m .pro-moda7-m {
  width: 75%;
  height: auto !important;
  position: absolute;
  top: 10%;
  left: 13%;
  margin-bottom: 20px;
  z-index: 9;
  background-color: white;
  border: 2px solid gray;
  display: none;
  border-radius: 10px;
  margin: 0 auto;
  padding-bottom: 5%;
}

.product-sec-m .pro-moda8-m {
  width: 75%;
  height: auto !important;
  position: absolute;
  top: 10%;
  left: 13%;
  margin-bottom: 20px;
  z-index: 9;
  background-color: white;
  border: 2px solid gray;
  display: none;
  border-radius: 10px;
  margin: 0 auto;
  padding-bottom: 5%;
}

.certification-icon-m {
  width: 50px;
  position: absolute;
  top: 35% !important;
  right: 40%;
}

.certification-csap-icon-m {
  width: 60px !important;
  position: absolute;
  top: 34% !important;
  right: 32% !important;
}

.certification-icon-n25-m {
  width: 50px;
  position: absolute;
  top: 35% !important;
  right: 30%;
}

.certification-csap-icon-n25-m {
  width: 60px !important;
  position: absolute;
  top: 34% !important;
  right: 30% !important;
}

.certification-icon-o6-m {
  width: 50px !important;
  position: absolute;
  top: 37% !important;
  right: 39% !important;
}

.certification-gs-icon-o6-m {
  width: 50px;
  position: absolute;
  top: 37% !important;
  right: 20% !important;
}

.certification-csap-icon-o6-m {
  width: 60px !important;
  position: absolute;
  top: 36% !important;
  right: 30% !important;
}

.certification-csap-icon-o39-m {
  width: 60px !important;
  position: absolute;
  top: 38% !important;
  right: 32% !important;
}

.certification-icon-o39-m {
  width: 50px;
  position: absolute;
  top: 39% !important;
  right: 40%;
}

.certification-gs-icon-o39-m {
  width: 50px;
  position: absolute;
  top: 38% !important;
  right: 40%;
}

.n25-right-box-m {
  width: 55% !important;
}

/* led */

.led-m {
  display: flex;
  justify-content: space-around;
  margin-top: 50px;
}

.Led-w1-m {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 50px;
  display: flex;
}

.ledw1-m {
  margin-top: 13%;
}

#led > span {
  margin-top: 30px;
  width: 75px;
}

#led > span.selected::after {
  background-color: #85c3e8;
}

.led_wrap {
  width: 85%;
  margin: 0 auto;
}

.Led1 {
  width: 50%;
}

.led-left-m {
  background-image: url(/img/q2345356.jpg);
  background-size: cover;
  background-position: bottom;
  width: 45%;
  height: 200px;
}

.led-text-m {
  margin-top: 0px;
}

.led-wrap-m {
  width: 85%;
  margin: 0 auto;
}

.led-n-title {
  text-align: center;
}

.led-ot-title {
  text-align: center;
}

.dip-box-border {
  border-radius: 7px;
}

.led-bg-color-sky-m {
  height: auto;
}

.did-ex-led-mm {
  height: auto;
  margin-bottom: 5%;
}

.led-indoor-ex-img-mm-mt {
  margin-top: 10%;
}

.led-padding-box {
  padding: 5%;
}

/* did */

.Didw2-m {
  width: 85%;
  height: 6000px;
  margin-top: 50px;
  display: none;
}

#Did-w1 {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

#Didw2 > h1 {
  font-weight: 700;
}

.Did1 {
  width: 50%;
}

.did-left-m {
  width: 45%;
}

.did-text-m {
  margin-top: 0px;
}

/* 제품소개 */

.back_img-product-m {
  width: 100%;
  height: 380px;
  background-image: url("/img/1267130038.jpg");
  background-size: cover;
}

#menu2 > .container > #menu {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

#menu2 > .container > #menu > ul {
  width: 33%;
  background-color: #d0e7f6;
}

#menu2 > .container > #menu > ul > li {
  width: 100%;
  text-align: center;
}

/* CCTV */

.cctv-product-m {
  margin-top: 75px;
  text-align: center;
}
/* .cctv-pro-body {
  height: 1500px;
} */

.body > .container {
  padding-bottom: 50px;
}
.body > .container > h1 {
  text-align: center;
  font-weight: 900;
  padding: 30px 0 30px 0;
}

.bit-d-kc-img-m {
  right: 10% !important;
  width: 50px;
  position: absolute;
  top: 7%;
}

.product-sec-m {
  width: 85%;
  height: 260px;
  margin-bottom: 50px;
  display: flex;
  margin: 0 auto;
  justify-content: space-evenly;
}

.cctv-product-title {
  text-align: center;
}

.pro-pic-m {
  width: 100%;
  height: 70px;
  text-align: center;
}

.pro-txt {
  width: 100%;
  height: 350px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 13px;
  border: 1px solid gray;
  margin-bottom: 15px;
}

.product-sec h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}

.product-sec button {
  margin-top: 10px;
}

.ot-height {
  height: 820px !important;
}

.n-height {
  height: 820px !important;
}

.modal1-height {
  height: 1380px !important;
}

/* .product-sec .pro-moda2 {
  width: 950px;
  height: 480px;
  position: absolute;
  top: 10%;
  left: 22%;
  margin-bottom: 20px;
  z-index: 9;
  background-color: white;
  border: 2px solid gray;
  display: none;
  border-radius: 10px;
} */

.product-sec-m .pro-moda1-m-tta {
  width: 58% !;
  height: auto !important;
  position: absolute;
  top: 0%;
  left: 20.7%;
  margin-bottom: 20px;
  z-index: 9;
  background-color: white;
  border: 2px solid gray;
  display: none;
  border-radius: 10px;
  margin: 0 auto;
  padding-bottom: 5%;
}

.product-sec-m .pro-moda1-m {
  width: 58% !;
  height: auto !important;
  position: absolute;
  top: 0%;
  left: 20.7%;
  margin-bottom: 20px;
  z-index: 9;
  background-color: white;
  border: 2px solid gray;
  display: none;
  border-radius: 10px;
  margin: 0 auto;
  padding-bottom: 5%;
}

.product-sec-m .pro-moda2-m {
  width: 58%;
  height: auto !important;
  position: absolute;
  top: 0%;
  left: 20.7%;
  margin-bottom: 20px;
  z-index: 9;
  background-color: white;
  border: 2px solid gray;
  display: none;
  border-radius: 10px;
  margin: 0 auto;
  padding-bottom: 5%;
}

.cctv-pro-btn {
  background-color: #3167ff;
  border: 0;
  border-radius: 10px;
  padding: 8px;
  padding-left: 5%;
  padding-right: 5%;
  color: white;
  cursor: pointer;
}

.cctv-pro-btn:hover {
  background-color: #205aff;
  border: 0;
  border-radius: 10px;
  padding: 8px;
  padding-left: 5%;
  padding-right: 5%;
  color: white;
  font-weight: 600;
  cursor: pointer;
}

.led-width {
  width: 90% !important;
}

.pro-txt .re-mo1 {
  position: absolute;
  top: -15%;
  left: 20.5%;
  height: 1030px;
}

.led-body {
  height: 1230px;
}

.led-body .black {
  top: -28%;
  height: 1060px;
}

.black {
  width: 100%;
  height: 143vh;
  position: absolute;
  top: -26%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}

.black3 {
  width: 100%;
  height: 143vh;
  position: absolute;
  top: -65%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}

.black4 {
  width: 100%;
  height: 143vh;
  position: absolute;
  top: -65%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}

.black-led-pc {
  height: 125vh !important;
  position: absolute;
  top: -28%;
}

/* 학부모상담실 비상벨 */

.bell-configurations {
  margin: 0 auto;
  margin-top: 10%;
  width: 85%;
}

::placeholder {
  color: rgb(161, 161, 161);
}

#section-footer-box {
  height: 400px !important;
}

/* 구축사례 */

.casestudypage-btn {
  width: 100%;
  margin-right: 1%;
  margin-left: 1%;
}

@media all and (min-width: 1301px) {
  #wrap {
    width: 100%;
  }

  .back_img {
    width: 100%;
    height: 430px;
    background-image: url("/img/1423061767.jpg");
    background-size: cover;
    background-position: center;
  }

  .back_img .container {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    padding-top: 150px;
  }

  .back_img p {
    font-size: 60px;
    font-weight: 700;
    text-align: center;
    color: white;
    margin-top: 10px;
  }

  #company-eng-text {
    font-size: 20px;
    font-weight: 600;
    color: #a8a8a8;
  }

  .nav_menu {
    width: 100%;
    height: 70px;
    background-color: #d0e7f6;
    color: white;
  }

  .nav_menu .container {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    font-family: "Gothic A1", sans-serif;
    font-weight: 400;
  }

  #menu {
    width: 100%;
    height: 100%;
    line-height: 70px;
    margin: 0 auto;
    text-align: center;
  }

  #menu > ul > li {
    width: 140px;
    position: relative;
  }

  #menu > ul > li > ul {
    width: 140px;
    display: none;
    position: absolute;
    font-size: 14px;
    background-color: black;
  }

  #menu > ul > li:hover > ul {
    display: block;
  }

  #menu > ul > li > ul > li:hover {
    background: rgba(255, 255, 255, 0.76);
    transition: ease 1s;
  }

  .body {
    width: 100%;
  }

  .body .container {
    width: 90%;
    height: 100%;
    margin: 50px auto;
  }

  .body-company {
    margin-top: 50px;
    height: auto;
  }

  .preloader {
    width: 50%;
    height: 70px;
    position: absolute;
    top: 580px;
    background-color: #ffffff;
    transition: ease 2s;
  }

  .preloader2 {
    right: 0;
  }

  .con_wrap-m {
    width: 94%;
    height: 970px;
    margin-bottom: 100px;
    margin: 0 auto;
  }
  .modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
  }

  .modal-content {
    margin: auto;
    max-width: 90%;
    max-height: 80%;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
  }

  .modal-close {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease;
  }

  .modal-close:hover {
    color: #ffaaaa;
  }

  .cc-img-m {
    cursor: pointer;
    transition: transform 0.2s;
  }

  .cc-img-m:hover {
    transform: scale(1.05);
  }
}

/* 태블릿 반응형 */

@media all and (max-width: 1300px) and (min-width: 700px) {
  #wrap {
    width: 100%;
  }

  #mainVisual .main_txt {
    width: 85%;
    opacity: 0;
    display: flex;
    flex-flow: column;
    position: absolute;
    left: 8%;
    top: 50%;
    z-index: 2;
    color: #fff;
    transform: translateY(-50%);
  }

  .b_txt {
    color: #fff;
    text-align: center;
  }

  #mainVisual .main_text-2 {
    width: 85%;
    opacity: 0;
    display: flex;
    flex-flow: column;
    position: absolute;
    left: 10%;
    top: 60% !important;
    z-index: 2;
    color: #fff;
    transform: translateY(-50%);
  }

  .body {
    height: auto;
  }

  .back_img {
    width: 100%;
    height: 430px;
    background-image: url("/img/1423061767.jpg");
    background-size: cover;
    background-position: center;
  }

  .back_img .container {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    padding-top: 150px;
  }

  .back_img p {
    font-size: 60px;
    font-weight: 700;
    text-align: center;
    color: white;
    margin-top: 10px;
  }

  #company-eng-text {
    font-size: 20px;
    font-weight: 600;
    color: #a8a8a8;
  }

  .nav_menu {
    width: 100%;
    height: 70px;
    background-color: #d0e7f6;
    color: white;
  }

  .nav_menu .container {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    font-family: "Gothic A1", sans-serif;
    font-weight: 400;
  }

  #menu {
    width: 100%;
    height: 100%;
    line-height: 70px;
    margin: 0 auto;
    text-align: center;
  }

  #menu > ul > li {
    float: left;
    width: 140px;
    position: relative;
  }

  #menu > ul > li > ul {
    width: 140px;
    display: none;
    position: absolute;
    font-size: 14px;
    background-color: black;
  }

  #menu > ul > li:hover > ul {
    display: block;
  }

  #menu > ul > li > ul > li:hover {
    background: rgba(255, 255, 255, 0.76);
    transition: ease 1s;
  }

  .body {
    width: 100%;
  }

  .body .container {
    width: 90%;
    height: 100%;
    margin: 50px auto;
  }

  .body-company {
    margin-top: 50px;
    height: 4000px;
  }

  .preloader {
    width: 50%;
    height: 70px;
    position: absolute;
    top: 580px;
    background-color: #ffffff;
    transition: ease 2s;
  }

  .preloader2 {
    right: 0;
  }

  .ctbody {
    height: auto;
  }

  .cw-t {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
  }

  .cw-certification-text {
    width: 150px !important;
    display: block;
    margin-top: 30px;
    cursor: pointer;
  }

  .cw-certification-text {
    width: 150px !important;
    display: block;
    margin-top: 30px;
    cursor: pointer;
  }

  .cw-t span {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    font-family: "paybooc-bold";
  }

  .cw-t span::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #333333;
    font-family: "paybooc-bold";
    margin: 0 auto;
    margin-top: 10px;
  }

  .cw-t span:hover::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #85c3e8;
    font-family: "paybooc-bold";
    margin-top: 10px;
  }

  .cw-t > span.selected::after {
    background-color: #85c3e8;
  }

  .cw-line {
    margin: 0 auto;
    width: 100%;
    margin-top: 57px;
  }

  .company_mp2 {
    width: 95%;
    height: auto;
    margin: 50px auto;
    margin-top: 50px;
  }

  /* 회사소개 */

  .nav_menu {
    width: 100%;
    height: 70px;
    background-color: #d0e7f6;
    color: white;
  }

  .nav_menu-m .container {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    font-family: "Gothic A1", sans-serif;
    font-weight: 400;
  }

  .menu-m {
    width: 100%;
    height: 100%;
    line-height: 70px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
  }

  .menu-m > ul > li {
    float: left;
    width: 140px;
    position: relative;
  }

  .menu-m > ul > li > ul {
    width: 140px;
    display: none;
    position: absolute;
    font-size: 14px;
    background-color: black;
  }

  .menu-m > ul > li:hover > ul {
    display: block;
  }

  .menu-m > ul > li > ul > li:hover {
    background: rgba(255, 255, 255, 0.76);
    transition: ease 1s;
  }

  /* 인사말 */

  .back_img-m {
    width: 100%;
    height: 380px;
    background-image: url("/img/1423061767.jpg");
    background-size: cover;
    background-position: center;
  }

  #company-eng-text-m {
    font-size: 20px;
    font-weight: 600;
    color: #a8a8a8;
  }

  #cw1::after {
    background-color: #85c3e8;
  }

  .container-company-m {
    margin-top: 100px !;
  }

  .con_wrap-m {
    width: 90%;
    height: auto;
    margin-bottom: 100px;
    margin: 0 auto;
  }

  .company-title-m {
    color: #3167ff;
    margin-top: 0px;
  }

  .ceo-t-m {
    text-align: center;
    font-family: "paybooc";
  }

  .company_img-m {
    width: 60%;
    height: 450px;
    margin-bottom: 100px;
    background-image: url(/img/952063610.jpg);
    background-size: cover;
    position: absolute;
    top: 80%;
    left: 10%;
  }

  .company_text-m {
    padding: 35px;
    width: 46%;
    height: auto;
    border: 1px solid gray;
    background-color: white;
    text-align: start;
    top: 95%;
    position: absolute;
    left: 43%;
  }

  .ceo-textsize-m {
    font-size: 0.9rem !important;
  }

  .company-p-m {
    font-size: 30px !important;
    text-align: center;
  }

  .company-p-m2 {
    color: #205aff;
  }

  .organization-top-m {
    margin-top: 10%;
  }

  .organization-title-m {
    color: #3167ff;
    text-align: center;
  }

  .organization-text-m {
    text-align: center;
    font-family: "paybooc";
  }

  .body-company-m {
    margin-top: 50px;
    height: auto;
  }

  #ceo-txt {
    width: 25%;
  }

  #company_img {
    width: 800px;
    height: 500px;
    background-image: url(/img/952063610.jpg);
    background-size: cover;
  }

  .con_wrap_company {
    width: 85%;
    height: 700px !important;
    margin-bottom: 100px;
    margin: 0 auto;
  }

  /* 조직도 */

  .organization-margin-top {
    margin-top: 15%;
  }

  /* 연혁 */

  .history-body {
    height: auto;
  }

  .history_wrap-m {
    width: 85%;
    height: 7220px;
    background-image: url(/img/history-bg-m2.png);
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 100px;
  }

  .history_year-m {
    width: 100%;
    height: auto;
  }

  .history-body-year-t-m {
    color: #85c3e8;
    font-family: "paybooc";
  }

  .history-t-m {
    text-align: center;
    margin-top: 45px;
  }

  .history-line {
    position: absolute;
    left: 50%;
    top: 50;
    width: 4px;
    height: 655%;
    transform: translateX(-50%);
    background-color: #dfdfdf;
  }

  .history-year-line-box {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 52%;
    align-items: center;
  }

  /* CI 소개 */

  .body-ci-m {
    margin-top: 50px;
    height: 2600px;
  }

  .con_wrap-ci {
    width: 85%;
    height: 3000px;
    margin-bottom: 100px;
    margin: 0 auto;
    margin-top: 10%;
  }

  .ci-middle-box {
    height: 100px;
    flex-direction: row;
    justify-content: center;
  }

  .ci-download-ai-m {
    width: 30%;
    height: 45%;
    margin-top: 20px;
    border: 1px solid #4f4f4f;
    cursor: pointer;
    justify-content: center;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: white;
    padding-bottom: 15px;
  }

  .ci-download-jpg-m {
    width: 32%;
    height: 45%;
    margin-top: 20px;
    border: 1px solid #4f4f4f;
    cursor: pointer;
    justify-content: center;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 10px;
    margin-left: 10px;
    background-color: white;
  }

  .ci-down-icon-m {
    margin-top: 4px;
  }

  .download-span-m {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
  }

  /* 인증현황 */

  .certification-text-m {
    margin-top: 45px;
    display: flex;
    justify-content: space-around;
  }

  .cerification-title-m {
    text-align: center;
    margin-top: 80px;
    font-weight: 700;
  }

  .cerification-title-p-m {
    text-align: center;
    margin-top: 15px;
  }

  .ct1-m {
    cursor: pointer;
  }

  .ct2-m {
    cursor: pointer;
  }

  .cc-wrap-m {
    margin-top: 100px;
  }

  .cc-row-m {
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: space-between;
  }

  .cc-bg-m {
    width: 15%;
    height: 100%;
    background-image: url(../img/ss.png);
    background-size: contain;
  }

  .cc-img-m {
    width: 70%;
    margin: 0 auto;
  }

  .cc-bg-no-m {
    width: 15%;
    height: 100%;
    background-image: url(../img/ss-no.png);
    background-size: contain;
  }

  .modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
  }

  .modal-content {
    margin: auto;
    max-width: 90%;
    max-height: 80%;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
  }

  .modal-close {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease;
  }

  .modal-close:hover {
    color: #ffaaaa;
  }

  .cc-img-m {
    cursor: pointer;
    transition: transform 0.2s;
  }

  .cc-img-m:hover {
    transform: scale(1.05);
  }

  /* CI 소개 */

  .ci-down-icon {
    width: 16px;
  }

  .ci-middle-box {
    height: 100px;
    flex-direction: row;
    justify-content: center;
  }

  .ci-download-ai {
    width: 100%;
    height: 58%;
    margin-top: 20px;
    border: 1px solid #4f4f4f;
    cursor: pointer;
    justify-content: center;
    padding-top: 15px;
    padding-left: 23px;
    padding-right: 23px;
    background-color: white;
  }

  .ci-download-jpg {
    width: 100%;
    height: 58%;
    margin-top: 20px;
    border: 1px solid #4f4f4f;
    cursor: pointer;
    justify-content: center;
    padding-top: 15px;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
  }

  .download-span {
    margin-right: 10px;
    font-size: 16px !important;
  }

  /* 정보통신공사 cctv */

  .cctv-wrap-camera-m {
    width: 90%;
    height: 930px;
    margin: 0 auto;
  }

  .cctv3-txt-m2 {
    display: flex;
    flex-direction: row;
    width: 40% !important;
    height: 71%;
    align-items: center;
    text-align: center;
  }

  .maintenance-wrap2 {
    width: 85%;
    height: auto;
    margin: 0 auto;
    margin-top: 6%;
    display: flex;
  }

  .maintenance-wrap3 {
    width: 85%;
    height: auto;
    margin: 0 auto;
    margin-top: 10%;
    margin-bottom: 5%;
    display: flex;
  }

  .maintenance-body {
    height: auto;
  }

  .cctv-wrap-m {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: 14% !important;
  }

  /*소프트웨어*/

  #ssw1-1 {
    width: 100%;
    height: 370px;
    display: flex;
    justify-content: space-evenly;
  }

  #ssw1-2 {
    width: 100%;
    height: 370px;
    display: flex;
    justify-content: space-evenly;
  }

  .info-software-body {
    height: 3500px !important;
  }

  .sw-2-wrap img {
    width: 95% !important;
    margin: 0 auto;
  }

  /* 기자재 */
  /*빔프로젝터*/

  .equipment-wrap-img-m {
    width: 60%;
    margin: 0 auto;
  }

  .equipment-beam-body-m {
    height: 5550px !important;
  }

  .mtw2-m {
    margin-top: 14%;
  }

  .equipment-wrap {
    margin-top: 14%;
  }

  #Eqw2 {
    margin-top: 13%;
    height: auto;
  }

  #equipment-left {
    width: 100%;
    height: 300px;
  }

  #board-left {
    width: 100%;
    height: 300px;
  }

  #eqw1 {
    width: 85%;
    height: auto;
    margin: 0 auto;
  }

  #eqw2 {
    width: 85%;
    height: auto;
    margin-top: 10%;
    margin: 0 auto;
  }

  /*전산유지보수*/

  .maintenance-img-m {
    margin-top: 20%;
  }

  /*LED*/

  #Led-w1 {
    height: auto;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }

  .led-indoor-ex-img-mm {
    height: 250px;
    margin: 0 auto;
  }

  .led-indoor-ex-img-mm-mt {
    margin-top: 10%;
  }

  .indoor-ex {
    margin-top: 20%;
  }

  .Led-w1-m {
    width: 100% !important;
    height: 480px;
    margin: 0 auto;
    margin-top: 50px;
    display: flex;
  }

  .LED-bitlight-text-center-tab {
    text-align: center;
  }

  .LED-bitlight-kr-text-center-tab {
    font-size: 33px !important;
    text-align: center;
  }

  .LED-bitlight-screenimg-tab {
    display: none;
  }

  .LED-bitlgiht-srceen-text-tab {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
  }

  #did-left {
    width: 100%;
    height: auto;
  }

  .led-bitlight-solution-box {
    height: auto !important;
  }

  /*제품소개*/

  .product-sec-m .pro-moda1-m {
    width: 80%;
    height: auto !important;
    position: absolute;
    top: 0%;
    left: 6% !important;
    margin-bottom: 20px;
    z-index: 9;
    background-color: white;
    border: 2px solid gray;
    display: none;
    border-radius: 10px;
    margin: 0 auto;
    padding-bottom: 5%;
  }

  .product-sec-m .pro-moda2-m {
    width: 80%;
    height: auto !important;
    position: absolute;
    top: 0%;
    left: 6% !important;
    margin-bottom: 20px;
    z-index: 9;
    background-color: white;
    border: 2px solid gray;
    display: none;
    border-radius: 10px;
    margin: 0 auto;
    padding-bottom: 5%;
  }

  .product-sec .pro-modal {
    width: 80% !important;
    height: 1100px;
    position: absolute;
    top: 0px !important;
    left: 9.5% !important;
    margin-bottom: 20px;
    z-index: 9;
    background-color: white;
    border: 2px solid gray;
    display: none;
    border-radius: 10px;
  }

  .product-sec .pro-modal-tta {
    width: 80% !important;
    height: 1100px;
    position: absolute;
    left: 9.5% !important;
    top: 0%;
    margin-bottom: 20px;
    z-index: 9;
    background-color: white;
    border: 2px solid gray;
    display: none;
    border-radius: 10px;
  }

  .product-sec {
    width: 85%;
    height: 230px !important;
    margin-bottom: 50px;
    display: flex;
    margin: 0 auto;
    justify-content: space-evenly;
  }

  .recorder-body {
    height: 1540px !important;
  }

  .black-recorder-tab {
    height: 140vh !important;
  }

  .product-sec .modal4 {
    position: absolute;
    top: 0%;
    left: 20.5%;
  }

  .bit-d-TTA-img-m {
    right: 3% !important;
    width: 50px;
    position: absolute;
    top: 7%;
    width: 40px !important;
  }
}

/* 모바일 반응형 */
@media all and (max-width: 699px) {
  #wrap {
    width: 100%;
  }

  #mainVisual .main_txt-2 {
    width: 85%;
    opacity: 0;
    display: flex;
    flex-flow: column;
    position: absolute;
    left: 12%;
    top: 50%;
    z-index: 2;
    color: #fff;
    transform: translateY(-50%);
  }

  #mainVisual .b_txt-2 {
    display: flex;
    flex-flow: column;
    position: relative;
    left: -0.5% !important;
    top: 30% !important;
    margin-bottom: 30px;
    font-family: var(--e-font);
  }

  #mainVisual .main_txt .pl-text-2 {
    font-size: 20px;
    opacity: 0.7;
    line-height: 1.5;
    white-space: pre-line;
    word-break: keep-all;
    position: relative;
    left: -1% !important;
  }

  #mainVisual .controls {
    position: absolute;
    align-items: center;
    left: 42%;
    bottom: 20px;
    z-index: 2;
    display: flex;
  }
  .body .container {
    width: 90%;
    height: 100%;
    margin: 50px auto;
    margin: 0 auto;
  }

  .back_img .container {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    padding-top: 150px;
  }

  .back_img_p_mm {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: white;
    margin-top: 0px;
  }

  #company-eng-text {
    font-size: 15px !important;
    font-weight: 600;
    color: #a8a8a8;
    text-align: center;
  }

  #company_img {
    width: 540px;
    height: 360px;
    background-image: url(/img/952063610.jpg);
    background-size: cover;
    position: absolute;
    top: 50%;
  }

  /* 
 
  .nav_menu .container {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    font-family: "Gothic A1", sans-serif;
    font-weight: 400;
  } */

  /* #menu {
    width: 100%;
    height: 100%;
    line-height: 70px;
    margin: 0 auto;
    text-align: center;
  }

  #menu > ul > li {
    float: left;
    width: 140px;
    position: relative;
  }

  #menu > ul > li > ul {
    width: 140px;
    display: none;
    position: absolute;
    font-size: 14px;
    background-color: black;
  }

  #menu > ul > li:hover > ul {
    display: block;
  }

  #menu > ul > li > ul > li:hover {
    background: rgba(255, 255, 255, 0.76);
    transition: ease 1s;
  } */

  .body {
    width: 100%;
  }

  .body .container {
    width: 90%;
    height: 100%;
  }

  .body-company {
    margin-top: 50px;
    height: 4000px;
  }

  /* .preloader {
    width: 50%;
    height: 699px;
  } */

  /* .certification-csap-icon-o39-m {
    width: 60px !important;
    position: absolute;
    top: 38% !important;
    right: 32% !important;
  }

  .certification-icon-o39-m {
    width: 50px;
    position: absolute;
    top: 39% !important;
    right: 40%;
  }

  .certification-gs-icon-o39-m {
    width: 50px;
    position: absolute;
    top: 38% !important;
    right: 40%;
  } */

  /* 구축사례 */

  .casestudy-body {
    height: auto;
    text-align: center;
  }

  .back_img-casestudy {
    width: 100%;
    height: 380px;
    background-image: url("/img/casestudy.jpg");
    background-size: cover;
  }

  .year {
    width: 80%;
    height: 70px;
    margin: 30px auto 0 auto;
    display: flex;
    justify-content: space-around;
    cursor: pointer;
  }

  .year > li {
    width: 15%;
    font-size: 20px;
  }

  .year > li.selected {
    background-color: #85c3e8;
    color: white;
  }

  .cs-wrap {
    width: 100%;
    height: auto;
  }

  .cs-wrap .csw-btn-1,
  .cs-wrap .csw-btn-2,
  .cs-wrap .csw-btn-3 .cs-wrap .csw-btn-4 {
    width: 25%;
  }

  .cs-wrap .flex-just-content-center {
    cursor: pointer;
  }

  .csw {
    width: 95%;
    height: 100%;
    margin-top: 30px;
    display: block;
    margin: 0 auto;
  }

  .csw-detail {
    width: 85%;
    height: 100%;
    margin-top: 30px;
    display: none;
    margin: 0 auto;
  }

  .csw-write {
    width: 85%;
    height: 100%;
    margin-top: 30px;
    display: none;
    margin: 0 auto;
  }

  #csw-cc1,
  #csw-cc2 {
    display: block;
  }

  .csw-row {
    width: 100%;
    height: 1000px;
    margin: 7% auto 7% auto;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }

  .csw-row > li {
    width: 24%;
    background-color: white;
  }

  .cs-wrap {
    display: none;
  }

  .cs-w24 {
    display: block;
  }

  .btn-st {
    background-color: white;
    border-radius: 7px;
    cursor: pointer;
  }

  .csw-input-title {
    width: 60%;
    height: 35px;
    border-radius: 10px;
    border: 1px solid gray;
  }

  .csw-btn-1 {
    cursor: pointer;
  }

  .csw-btn-2 {
    cursor: pointer;
  }

  .csw-btn-3 {
    cursor: pointer;
  }

  .csw-btn-4 {
    cursor: pointer;
  }

  .csw-box p {
    font-size: 13px !important;
  }

  .csw-box img {
    width: 100% !important;
  }

  #casestudy-before-btn-box {
    width: 51%;
    margin: 0 auto;
    height: 100px;
  }

  #casestudy-before-btn {
    width: 80px;
    height: 35px;
    background-color: white;
    font-weight: 700;
  }

  #casestudy-before-btn:focus {
    width: 80px;
    height: 35px;
    background-color: #3167ff;
    color: white;
  }

  #casestudy-next-btn {
    width: 80px;
    height: 35px;
    background-color: white;
    font-weight: 700;
  }

  #casestudy-delete-btn {
    width: 80px;
    height: 35px;
    background-color: white;
    font-weight: 700;
  }

  #casestudy-next-btn:focus {
    width: 80px;
    height: 35px;
    background-color: #3167ff;
    color: white;
  }
  #wrap {
    width: 100%;
  }

  /* .back_img {
    width: 100%;
    height: 380px;
    background-image: url("/img/1423061767.jpg");
    background-size: cover;
    background-position: center;
  } */

  .nav_menu-mm .container {
    width: 100%;
    height: 70px;
    background-color: #d0e7f6;
    color: white;
  }

  .nav_menu .container {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    font-family: "Gothic A1", sans-serif;
    font-weight: 400;
    background-color: #d0e7f6;
    position: absolute;
  }

  #menu {
    width: 100%;
    height: 100%;
    line-height: 70px;
    margin: 0 auto;
    text-align: center;
  }

  #menu > ul > li {
    float: left;
    width: 20%;
    position: relative;
  }

  #menu > ul > li > ul {
    width: 140px;
    display: none;
    position: absolute;
    font-size: 14px;
    background-color: black;
  }

  #menu > ul > li:hover > ul {
    display: block;
  }

  #menu > ul > li > ul > li:hover {
    background: rgba(255, 255, 255, 0.76);
    transition: ease 1s;
  }

  #menu2 > .container {
    width: 100%;
  }

  .menu-m a {
    font-size: 11px;
  }

  .body {
    width: 100%;
  }

  .body .container {
    width: 90%;
    height: 100%;
    margin: 50px auto;
  }

  .body-company {
    margin-top: 50px;
    height: 4000px;
  }

  .preloader {
    width: 50%;
    height: 30px;
    position: absolute;
    top: 420px;
    background-color: #ffffff;
    transition: ease 2s;
  }

  .preloader2 {
    right: 0;
  }

  .ctbody {
    height: auto;
  }

  .cw-t {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
  }

  .cw-certification-text {
    width: 150px !important;
    display: block;
    margin-top: 30px;
    cursor: pointer;
  }

  .cw-t span {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    font-family: "paybooc-bold";
    text-align: center;
  }

  .cw-t span::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #333333;
    font-family: "paybooc-bold";
    margin-top: 10px;
  }

  .cw-line {
    margin: 0 auto;
    width: 100%;
    margin-top: 57px;
  }

  #cw1 {
    font-size: 38px !important;
  }

  /* main */

  /* .slides-img-mm {
    height: 55px !important;
  }

  /* 
  .slides-img {
    top: -20px !important;
    left: 0px;
    display: block;
    position: absolute;
    max-width: 10000px;
    z-index: 1;
  } */

  /* .slides-img {
    width: auto !important;
    height: 80px !important;
  }

  .jssor2_wrapper-mm {
    height: 100px !important;
  }

  #jssor_2 {
    height: 180px !important;
  } 

  /* 소프트웨어 개발 */

  #sww1 p {
  }

  #ssw1 p {
    font-size: 16px !important;
  }

  #sw1::after {
    background-color: #85c3e8;
  }

  #sww1 .sw-2-wrap > p {
    font-size: 25px !important;
  }

  .soft-title-s {
    font-size: 38px !important;
  }

  /* 인사말 */

  .back_img-m {
    width: 100%;
    height: 260px;
    background-image: url("/img/1423061767.jpg");
    background-size: cover;
    background-position: center;
  }

  #company-eng-text-m {
    font-size: 20px;
    font-weight: 600;
    color: #a8a8a8;
  }

  #cw1::after {
    background-color: #85c3e8;
  }

  .container-company-m {
    margin-top: 100px !;
  }

  .con_wrap-m {
    width: 90%;
    height: auto !important;
    margin-bottom: 100px;
    margin: 0 auto;
  }

  .company-title-m {
    color: #3167ff;
    margin-top: 0px;
    font-size: 28px !important;
  }

  .ceo-t-m {
    text-align: center;
    font-family: "paybooc";
  }

  .company_img-m {
    width: 100%;
    height: 200px;
    margin-top: 50px !important;
    margin-bottom: 100px;
    background-image: url(/img/952063610.jpg);
    background-size: cover;
    margin: 0 auto;
  }

  .company_text-m {
    padding: 40px;
    width: 73%;
    height: auto;
    /* margin-top: -160px; */
    /* float: right; */
    border: 1px solid gray;
    background-color: white;
    text-align: start;
    margin-top: 20px;
  }

  .bitgaram-ceo-text-mm {
    font-size: 13px !important;
  }

  .ceo-textsize-m {
    font-size: 12px !important;
    margin-top: 20px;
  }

  .company-p-m {
    font-size: 30px !important;
    text-align: center;
    margin-top: 50px !important;
  }

  .company-p-m2 {
    color: #205aff;
  }

  .organization-top-m {
    margin-top: 50px;
  }

  .organization-title-m {
    color: #3167ff;
    text-align: center;
    font-size: 20px !important;
  }

  .organization-img-size-mm {
    width: 100% !important;
  }

  .organization-text-m {
    text-align: center;
    font-family: "paybooc";
    font-size: 20px !important;
    margin-top: 10px !important;
  }

  .body-company-m {
    margin-top: 50px;
    height: auto;
  }

  #ceo-txt {
    width: 40%;
  }

  #company_txt {
    padding: 35px;
    width: 55%;
    height: auto;
    /* margin-top: -80px; */
    /* float: right; */
    border: 1px solid gray;
    background-color: white;
    text-align: start;
    position: absolute;
    top: 65%;
    left: 18%;
  }

  .company_mp2 {
    width: 95%;
    height: auto;
    margin: 50px auto;
    margin-top: 50px;
  }

  /* 연혁 */

  .history-line {
    display: none;
  }

  .history-left-m-line {
    display: none;
  }
  .history-body {
    height: 6700px;
  }

  .history_wrap-m {
    width: 85%;
    height: 6400px;
    background-image: url(/img/history-bg-m3.png);
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 100px;
  }

  .history_year-m {
    width: 100%;
    height: auto;
  }

  .history-body-year-t-m {
    color: #85c3e8;
    font-family: "paybooc";
  }

  .history-t-m {
    text-align: center;
    margin-top: 45px;
  }

  .history-line {
    position: absolute;
    left: 50%;
    top: 50;
    width: 4px;
    height: 100%;
    transform: translateX(-50%);
    background-color: #dfdfdf;
  }

  .history-year-line-box {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 52%;
    align-items: center;
  }

  .histpry_2017-mm {
    margin-top: 100px;
  }

  .history-body-year-t-m {
    color: #85c3e8;
    font-family: "paybooc";
    padding: 10px !important;
  }

  .history-t-m {
    text-align: center;
    margin-top: 45px;
  }

  .year-box-mm {
    width: 14% !important;
  }

  .history-text-mm {
    width: 75% !important;
  }

  .history-txt-mm {
    margin-top: 20px !important;
  }

  /* CI 소개 */

  .body-ci-m {
    margin-top: 50px;
    height: auto;
  }

  .ci-middle-box {
    height: 50px;
    flex-direction: row;
    justify-content: center;
  }

  .ci-download-ai-m {
    width: 100%;
    height: 85%;
    margin-top: 20px;
    border: 1px solid #4f4f4f;
    cursor: pointer;
    justify-content: center;
    padding-top: 10px;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 10px;
    background-color: white;
    padding-bottom: 15px;
  }

  .ci-download-jpg-m {
    width: 100%;
    height: 85%;
    margin-top: 20px;
    border: 1px solid #4f4f4f;
    cursor: pointer;
    justify-content: center;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    margin-left: 10px;
    background-color: white;
  }

  .ci-down-icon-m {
    width: 16px;
  }

  .con_wrap-ci-m {
    width: 90%;
    height: auto;
    margin-bottom: 100px;
    margin: 0 auto;
  }

  /* 인증현황 */

  .certification-text-m {
    margin-top: 45px;
    display: flex;
    justify-content: space-around;
  }

  .cerification-title-m {
    text-align: center;
    margin-top: 80px;
    font-weight: 700;
  }

  .cerification-title-p-m {
    text-align: center;
    margin-top: 15px;
  }

  .ct1-m {
    cursor: pointer;
  }

  .ct2-m {
    cursor: pointer;
  }

  .cc-wrap-m {
    margin-top: 100px;
  }

  .cc-row-m {
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: space-between;
  }

  .cc-bg-m {
    width: 15%;
    height: 100%;
    background-image: url(../img/ss.png);
    background-size: contain;
  }

  .cc-img-m {
    width: 70%;
    margin: 0 auto;
  }

  .cc-bg-no-m {
    width: 15%;
    height: 100%;
    background-image: url(../img/ss-no.png);
    background-size: contain;
  }

  /* 오시는길 */

  .waytocome-img-mm {
    width: 15%;
  }

  .waytocome-text-m {
    text-align: center;
    margin-top: 55px;
  }

  .waycome-btn-m {
    width: 20% !important;
  }

  .waytocome-icon-margin-m {
    margin-top: 100px;
  }

  .section-contact-text-m {
    text-align: center;
  }

  .section-contact-item-m {
    width: 75% !important;
  }

  .section-contact-item-m2 {
    width: 75% !important;
  }

  .section-contact-text-m2 {
    color: black;
  }

  .waycome-btn1-mm {
    width: 30% !important;
  }

  .waytocome-box-mm {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* 정보통신공사 cctv */

  #Cw2 {
    width: 100%;
    height: auto;
    display: block;
  }

  #ic1 {
    width: 85px;
  }

  #ic2 {
    width: 135px;
  }

  .info_comu_wrap {
    margin: 0 auto;
    width: 85%;
    height: 2000px;
  }

  .info-cctv-body {
    height: auto;
  }

  #info_comu > span {
    margin-top: 30px;
  }

  .cw-network-text {
    width: 180px !important;
    display: block;
    margin-top: 30px;
    cursor: pointer;
    text-align: center;
  }

  .cctv-wrap-m {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .cctv-wrap2-m {
    width: 90%;
    margin: 0 auto;
    margin-top: 10% !important;
  }

  .cctv3-txt-m {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    text-align: center;
  }

  .cctv3-txt-m-height {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 185px;
    text-align: center;
  }

  .cctv3-txt-m2 {
    display: flex;
    flex-direction: row;
    width: 100% !important;
    height: 71% !important;
    align-items: center;
    text-align: center;
  }

  .cctv-bg-color-sky-m {
    height: auto;
  }

  .cctv3-txt-border-m {
    display: flex;
    flex-direction: row;
    border: 2px solid #85c3e8;
    width: 100%;
    height: 71%;
    align-items: center;
    text-align: center;
  }

  .cctv3-txt-border-m2 {
    display: flex;
    flex-direction: row;
    border: 2px solid #85c3e8;
    width: 100%;
    height: 71%;
    align-items: center;
    text-align: center;
  }

  .cctv3-txt-border-m-white {
    display: flex;
    flex-direction: row;
    border: none;
    width: 100%;
    height: 71%;
    align-items: center;
    text-align: center;
  }

  */ .cctv3-Txt-m {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .cctv3-Txt-m2 {
    width: 90%;
    margin-left: 35px;
    justify-content: flex-start;
    margin-bottom: 20px;
  }

  .cctv3-text-title-m {
    width: 100%;
  }

  .info-cctv-text-m {
    justify-content: space-evenly;
    display: flex;
    margin-top: 45px;
  }

  .cctv1-left-m {
    width: 100%;
    height: 300px;
    background-image: url(/img/511060194.jpg);
    background-size: cover;
    margin-top: 7%;
  }

  .cctv-text-a-mm {
    font-size: 12px !important;
  }

  .cctv-text-m {
    color: #3167ff;
  }

  .cctv-text-m2 {
    color: black;
  }

  .cctv-title-m {
    color: #3167ff;
    font-family: "paybooc";
    font-size: 38px !important;
  }

  .cctv1-right-m {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
  }

  .cctv-system-text-m {
    font-size: 1.3rem !important;
    margin-top: 20px;
  }

  .cctv-wrap-camera-m {
    width: 90%;
    height: auto;
    margin-top: 15% !important;
    margin: 0 auto;
  }

  .network-right-m {
    width: 100%;
    margin: 0 auto;
  }

  .info_comu_wrap-m {
    margin: 0 auto;
    width: 100%;
    height: auto !important;
  }

  .ic1-m {
    cursor: pointer;
  }

  .ic2-m {
    cursor: pointer;
  }

  .cctv-wrap-network-m {
    margin-top: 18% !important;
  }

  .network-text-m {
    color: #3167ff;
    font-size: 38px !important;
  }

  .network-text-m2 {
    color: black;
    font-size: 26px !important;
  }

  #cctv-right,
  #network-right {
    width: 100%;
  }

  .cctv-wrap {
    width: 100%;
    height: 730px;
    display: flex;
    margin-top: 0px;
  }

  .cctv2 {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
  }

  /* 네트워크 카메라 성능 이미지 */

  .img-net-m {
    background-image: url(/img/net1.png);
    background-size: cover;
    height: 80%;
    border-radius: 7% 7% 7% 7%;
  }

  .img-net2-m {
    background-image: url(/img/net2.png);
    background-size: cover;
    height: 80%;
    border-radius: 7% 7% 7% 7%;
  }

  .img-net3-m {
    background-image: url(/img/net3.jpg);
    background-size: cover;
    height: 80%;
    border-radius: 7% 7% 7% 7%;
  }

  .img-net4-m {
    background-image: url(/img/net4.png);
    background-size: cover;
    height: 80%;
    border-radius: 7% 7% 7% 7%;
  }

  .img-net5-m {
    background-image: url(/img/net6.png);
    background-size: cover;
    height: 80%;
    border-radius: 7% 7% 7% 7%;
  }

  .img-net6-m {
    background-image: url(/img/net5.png);
    background-size: cover;
    height: 80%;
    border-radius: 7% 7% 7% 7%;
  }

  .img-net7-m {
    background-image: url(/img/net7.jpg);
    background-size: cover;
    height: 80%;
    border-radius: 7% 7% 7% 7%;
  }

  .img-net8-m {
    background-image: url(/img/net8.png);
    background-size: cover;
    height: 80%;
    border-radius: 7% 7% 7% 7%;
  }

  .img-net9-m {
    background-image: url(/img/net9.PNG);
    background-size: cover;
    height: 80%;
    border-radius: 7% 7% 7% 7%;
  }

  .img-net10-m {
    background-image: url(/img/net10.PNG);
    background-size: cover;
    height: 80%;
    border-radius: 7% 7% 7% 7%;
  }

  .img-net11-m {
    background-image: url(/img/net11.PNG);
    background-size: cover;
    height: 80%;
    border-radius: 7% 7% 7% 7%;
  }

  .img-net12-m {
    background-image: url(/img/net12.PNG);
    background-size: cover;
    height: 80%;
    border-radius: 7% 7% 7% 7%;
  }

  .img-net13-m {
    background-image: url(/img/net13.PNG);
    background-size: cover;
    height: 80%;
    border-radius: 7% 7% 7% 7%;
  }

  .img-net14-m {
    background-image: url(/img/net14.PNG);
    background-size: cover;
    height: 80%;
    border-radius: 7% 7% 7% 7%;
  }

  .img-net15-m {
    background-image: url(/img/net15.PNG);
    background-size: cover;
    height: 80%;
    border-radius: 7% 7% 7% 7%;
  }

  .img-net16-m {
    background-image: url(/img/net16.PNG);
    background-size: cover;
    height: 83%;
    border-radius: 7% 7% 7% 7%;
  }

  /*네트워크 카메라 성능 이미지 */

  /*유무선 네트워크망 */

  .network-wrap {
    width: 100%;
    height: 500px;
    margin-bottom: 50px;
    margin-top: 0px !important;
    display: flex;
  }

  .network-wrap-m {
    margin-bottom: 50px;
    width: 100%;
    height: 770px;
    display: flex;
    flex-direction: column;
  }

  .network-left-m {
    background-image: url(/img/1389142155.jpg);
    background-size: cover;
    height: 400px;
    width: 100%;
    margin-top: 50px;
  }

  .network-right-m {
    margin-top: 20px;
  }

  .net-system-text-m {
    font-size: 1.2rem;
    margin-top: 18px;
  }

  .bg-color-sky-m-height {
    height: auto;
  }

  #icw2 {
    height: 500px;
    display: none;
    margin-top: 0px;
  }

  .net-system-text-m {
    font-size: 1.3rem !important;
  }

  /* 소프트웨어1 */

  .info-software-body {
    height: 2600px;
  }

  #software {
    width: 100%;
  }

  #software > span {
    margin-top: 30px;
    width: 180px;
  }

  #sww1 {
    width: 85%;
    height: 700px;
  }

  #ssw1 {
    width: 100%;
    height: 640px;
  }

  .software1 {
    width: 95%;
    background-image: url(/img/software-img1.jpg);
    background-size: cover;
  }

  #ssw2 {
    width: 100%;
    height: 500px;
    margin-top: 200px;
  }

  #ssw2 > h1 {
    font-weight: 700;
  }

  .software2 {
    width: 90%;
    height: auto;
    margin-top: 10%;
  }

  .cw-software-text {
    width: 290px !important;
    display: block;
    margin-top: 30px;
    cursor: pointer;
    text-align: center;
  }

  .software-shape {
    border-radius: 25% 25% 0% 25%;
  }

  /* 소프트웨어2 */

  #sww2 {
    width: 100%;
    height: auto;
  }

  #ssw1-1 {
    width: 100%;
    height: 215px;
    display: flex;
    justify-content: space-evenly;
  }

  #ssw1-2 {
    width: 100%;
    height: 215px;
    display: flex;
    justify-content: space-evenly;
  }

  .software3 {
    width: 45%;
    height: auto !important;
    margin-bottom: 5%;
  }

  #ssw2-1 {
    width: 100%;
    height: 500px;
    margin-top: 50px;
  }

  #ssw2-1 > h1 {
    font-weight: 700;
  }

  #ssw2-1 p {
    margin-top: 30px;
  }

  .software4 {
    width: 100%;
    height: 500px;
    margin-top: 20px;
  }

  .sw-2-wrap {
    display: flex;
    flex-direction: column;
  }

  .sw-2-wrap p {
    text-align: center;
    margin-bottom: 10%;
  }

  .sw-2-wrap img {
    width: 100%;
    margin: 0 auto;
  }

  #sww1 .textext {
    font-size: 15px !important;
  }

  /* 빛드로우 */

  #software-btn-wrap {
    width: 100%;
    height: 70px;
    position: relative;
    margin: 30% auto 0 auto;
  }

  .software-btn-wrap2 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10%;
  }

  .bitlight-wrap-2 {
    display: flex;
    flex-direction: column;
  }

  .bitlight-bg {
    width: 80%;
    margin: 0 auto;
    height: auto !important;
  }

  #bitlight-btn {
    width: 45%;
    height: 100%;
    margin-left: 5%;
  }

  #bitdraw-btn {
    width: 45%;
    height: 100%;
    margin-left: 5%;
  }

  #bitlight-btn > p,
  #bitdraw-btn > p {
    font-size: 14px !important;
  }

  #bitdraw-wrap {
    display: none;
  }

  .software2-3 {
    background-color: #f0f0f0;
  }

  .software2-3 img {
    width: 50%;
  }

  .software2-3 p {
    color: black;
  }

  .bdww {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
  }

  #bd-1,
  #bd-2,
  #bd-3,
  #bd-4 {
    width: 20%;
  }

  .bdww img {
    width: 85%;
    margin: 0 auto;
  }

  .software-title-m {
    width: 100%;
    text-align: center;
    margin-top: 55px;
  }

  .software-text-m {
    width: 90%;
  }

  .software1-m {
    width: 90%;
    height: 345px !important;
    background-image: url(/img/software-img1.jpg);
    background-size: cover;
  }

  .software-img-size-m {
    width: auto;
    height: auto;
  }

  .software-text-size-m {
    font-size: 20px !important;
  }

  .blbl {
    padding: 15% 0 5% 0;
  }

  .bdbd img {
    width: 35%;
  }

  #bitlight-wrap .software-bitlight-text-margin-left-m p:nth-child(2) {
    font-size: 22px !important;
  }

  /* .software-bitlight-logo-size-m {
  width: 70%;
} */

  /* .software-text-padding-m {
  padding-top: 0px !important;
} */

  .software2-m {
    width: 80%;
    margin: 0 auto;
    /* margin-top: 50px; */
  }

  .software-shape-m {
    width: 80%;
    height: 200px;
    border-radius: 25% 25% 0% 25%;
  }

  .software-bitlight-text-margin-left-m {
    width: 100%;
    margin: 0 auto;
    margin-top: 6%;
    text-align: center;
  }

  .ssw1-1-m {
    width: 70%;
    display: flex;
    margin: 0 auto;
  }

  .ssw1-2-m {
    width: 70%;
    display: flex;
    margin: 0 auto;
  }

  .software-detail-title-size-m {
    font-size: 30px !important;
    margin-left: 50px;
  }

  .software-blue-btn-m {
    width: 15%;
    margin-left: 100px;
  }

  .soft-bitlight-text-center-m {
    text-align: center;
    padding-bottom: 15% !important;
  }

  /* 구축사례 */

  .casestudy-body {
    height: auto;
    text-align: center;
  }

  .back_img-casestudy {
    width: 100%;
    height: 260px;
    background-image: url("/img/casestudy.jpg");
    justify-content: space-between;
  }

  /* .menu-mm > ul > li {
    float: left;
    width: 160px;
    position: relative;
    font-size: 11px;
  }

  .menu-mm > ul > li > ul {
    width: 160px;
    display: none;
    position: absolute;
    font-size: 12px;
    background-color: black;
  }

  .menu-mm > ul > li:hover > ul {
    display: block;
  }

  .menu-mm > ul > li > ul > li:hover {
    background: rgba(255, 255, 255, 0.76);
    background-size: cover;
  }

  .year {
    transition: ease 1s;
  }

  /* 사업분야 */

  .back_img-business-mm {
    width: 100% !important;
    height: 260px !important;
    background-image: url("/img/1432271739.jpg");
    background-size: cover;
    background-position: center;
    width: 80%;
    height: 70px;
    margin: 30px auto 0 auto;
    display: flex;
    justify-content: space-around;
    cursor: pointer;
  }

  .year > li {
    width: 18%;
    font-size: 20px;
  }

  .year > li.selected {
    background-color: #85c3e8;
    color: white;
  }

  .cs-wrap {
    width: 100%;
    height: auto;
  }

  .cs-wrap .csw-btn-1,
  .cs-wrap .csw-btn-3 .cs-wrap .csw-btn-4 {
    width: 30%;
    font-size: 15px;
  }

  .cs-wrap .flex-just-content-center {
    cursor: pointer;
  }

  .csw {
    width: 95%;
    height: 100%;
    margin-top: 30px;
    display: block;
    margin: 0 auto;
  }

  #cs-w21-led2 {
    width: 30% !important;
  }

  #cs-w22-led1 {
    width: 30% !important;
  }

  #cs-w23-led0 {
    width: 30% !important;
  }

  #cs-w20-led3 {
    width: 30% !important;
  }
  .csw-detail {
    width: 85%;
    height: 100%;
    margin-top: 30px;
    display: none;
    margin: 0 auto;
  }

  .csw-write {
    width: 85%;
    height: 100%;
    margin-top: 30px;
    display: none;
    margin: 0 auto;
  }

  #csw-cc1,
  #csw-cc2 {
    display: block;
  }

  .csw-row {
    width: 100%;
    height: 1000px;
    margin: 7% auto 7% auto;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }

  .csw-row > li {
    width: 24%;
    background-color: white;
  }

  .cs-wrap {
    display: none;
  }

  .cs-w24 {
    display: block;
  }

  .btn-st {
    background-color: white;
    border-radius: 7px;
    cursor: pointer;
  }

  .csw-input-title {
    width: 60%;
    height: 35px;
    border-radius: 10px;
    border: 1px solid gray;
  }

  .csw-btn-1 {
    cursor: pointer;
  }

  .csw-btn-2 {
    cursor: pointer;
  }

  .cs-wrap .csw-btn-2 {
    width: 35% !important;
  }

  .cs-wrap .csw-btn-4 {
    width: 35% !important;
  }

  .csw-btn-3 {
    cursor: pointer;
  }

  .csw-btn-4 {
    cursor: pointer;
  }

  .csw-box p {
    font-size: 13px !important;
  }

  .csw-box img {
    width: 100% !important;
  }

  #casestudy-before-btn-box {
    width: 50%;
    margin: 0 auto;
    height: 100px;
  }

  #casestudy-before-btn {
    width: 70px;
    height: 35px;
    background-color: white;
    font-weight: 700;
    margin-right: 10% !important;
  }

  #casestudy-before-btn:focus {
    width: 70px;
    height: 35px;
    background-color: #3167ff;
    color: white;
  }

  #casestudy-next-btn {
    width: 70px;
    height: 35px;
    background-color: white;
    font-weight: 700;
    margin-left: 10% !important;
  }

  #casestudy-delete-btn {
    width: 70px;
    height: 35px;
    background-color: white;
    font-weight: 700;
  }

  #casestudy-next-btn:focus {
    width: 70px;
    height: 35px;
    background-color: #3167ff;
    color: white;
    width: 100%;
    height: 150px;
    background-image: url("/img/1432271739.jpg");
    background-size: cover;
    background-position: center;
  }

  .text-color-gray {
    color: #a8a8a8 !important;
  }

  .text-color-navy {
    color: #132151 !important;
  }
  .cw-info-cctv-line {
    width: 90%;
    background-color: #333333;
    height: 2px;
  }

  /* 소프트웨어 개발 */

  .software_wrap-mm {
    margin-top: 60px !important;
  }

  .software-title-mm {
    width: 100%;
    text-align: center;
    margin-top: 75px;
  }

  /* .software-div-mm {
    margin-top: 45px !important;
  } */

  .software-text-box-mm {
    font-size: 14px !important;
  }

  .sw1-mm {
    font-size: 30px !important;
    font-family: "paybooc";
  }

  .software-s-title-text-mm {
    font-size: 35px !important;
  }

  .software-e-title-text-mm {
    font-size: 20px !important;
  }

  .software1-mm {
    width: 90%;
    height: 150px !important;
    background-image: url(/img/software-img1.jpg);
    background-size: cover;
  }

  .software-text-m {
    width: 90%;
  }

  .software-img-div-mm {
    display: flex;
    flex-direction: column;
    margin-top: 0px !important;
    height: 400px !important;
  }

  .software-img-size-mm {
    width: 60%;
    height: auto !important;
    margin: 0 auto;
  }

  .software-text-size-mm {
    font-size: 14px !important;
    text-align: center;
    padding-top: 30px !important;
  }

  .software-btn-box-mm {
    width: 100%;
  }

  .software-blue-btn-mm {
    width: 35% !important;
    margin-left: 25px !important;
    margin-top: 70px;
  }

  .software-blue-btn-text-mm {
    font-size: 14px !important;
  }

  .software-bitlight-logo-size-m {
    width: 70%;
  }

  .software-text-padding-m {
    padding-top: 0px !important;
  }

  .software2-div-mm {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 80px !important;
  }

  .software2-m {
    width: 90%;
    margin: 0 auto;
    margin-top: 10%;
  }

  .software-shape-mm {
    margin: 0 auto;
    width: 80%;
    height: 220px;
    border-radius: 25% 25% 0% 25%;
  }

  .software-bitlight-text-margin-left-mm {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 95%;
  }

  .software-text-box-mm {
    width: 85%;
    text-align: center;
  }

  .ssw1-1-mm {
    width: 85%;
    display: flex;
    margin: 0 auto;
  }

  .ssw1-2-mm {
    width: 85%;
    display: flex;
    margin: 0 auto;
    height: 230px !important;
  }

  .software-left2-mm {
    height: 160px !important;
  }

  .software-right2-mm {
    height: 160px !important;
  }

  .software-left2-2-mm {
    height: 160px !important;
  }

  .software-right2-2-mm {
    height: 160px !important;
  }

  .software-detail-title-size-mm {
    font-size: 20px;
    margin-left: 25px;
    margin-top: 100px;
  }

  .software-blue-btn-m {
    width: 15%;
    margin-left: 100px;
  }

  .soft-bitlight-text-center-mm {
    text-align: center !important;
  }

  #sww2-2 {
    margin-top: 15%;
  }

  #sww2 {
    margin-top: 15%;
  }

  /* 전산·유지보수 */

  .maintenance-m {
    width: 100%;
    margin-top: 55px;
    text-align: center;
  }

  #maintenance > span {
    margin-top: 30px;
    width: 260px;
  }

  #mt::after {
    background-color: #3167ff;
  }

  .mtw1-m {
    width: 85%;
    height: auto;
  }

  #Mtw1 {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: space-between;
  }

  .maintenance-body {
    height: auto;
  }

  .maintenance1-m {
    width: 100%;
    height: 300px;
    background-image: url(/img/1131198189.jpg);
    background-size: cover;
    margin-top: 0px;
  }

  .maintenance-wrap {
    width: 100%;
    height: 500px;
    margin: 150px 0 150px 0;
    margin: 0 auto;
    display: flex;
  }

  .maintenance-right-m {
    width: 90%;
  }

  .maintenance-right-text-title-m {
    margin-top: 50px !important;
    font-size: 12px !important;
  }

  .maintenance-right-text-title2-m {
    margin-top: 10px !important;
    font-size: 38px !important;
  }

  .maintenance-img-m {
    margin-top: 55%;
    width: 75%;
  }

  .mainten-img2-mm {
    margin-top: 40px !important;
    width: 70% !important;
  }

  .maintenance-text-size-mm {
    font-size: 24px !important;
  }

  #mtw2 > h1 {
    font-weight: 700;
  }

  .maintenance2 {
    width: 100%;
    height: 500px;
    margin-top: 20px;
  }

  .maintenance-wrap2 {
    width: 85%;
    height: 350px;
    margin: 0 auto;
    margin-top: 8%;
    display: flex;
  }

  .maintenance-wrap3 {
    width: 85%;
    height: auto;
    margin: 0 auto;
    display: flex;
  }

  .cw-maintenance-text-m {
    width: 100%;
    text-align: center;
    margin-top: 75px;
  }

  .mtw2-m {
    width: 100%;
    height: 885px;
    margin: 0 auto;
    margin-top: 7%;
    flex-direction: column;
  }

  #maintenance-right {
    width: 100%;
  }

  .mainten-bg-color-sky-m {
    height: auto;
  }

  /* 기자재 */
  /*빔프로젝터*/

  .equipment-m {
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
  }

  .equipment-beam-body-m {
    height: 3800px !important;
  }

  #equipment-wrap-beam-fuction {
    height: auto;
    margin-top: 20%;
  }

  .beem-img-ex-mm {
    height: 140px;
  }

  .beem-img-ex-box-mm {
    height: 140px;
  }

  #equipment > span {
    margin-top: 30px;
    width: 120px;
  }

  .equipment-wrap {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
  }

  .vs18021-mm {
    width: 65%;
    margin: 0 auto;
    padding: 0 !important;
  }

  .vs18021-text-mm {
    font-size: 25px !important;
  }

  .vs18021-text-box-mm {
    width: 90%;
  }

  .equipment-wrap-img-m {
    width: 80%;
  }

  .equipment-wrap-m {
    margin-top: 50px !important;
    margin: 0 auto;
    height: 155px !important;
  }
  .equipment1-text-m {
    margin-top: 0px !important;
  }

  #eq1 {
    font-size: 30px !important;
  }

  #eq1::after {
    margin-top: 22px !important;
  }

  #eq2::after {
    margin-top: 22px !important;
  }

  #eq2 {
    font-size: 30px !important;
  }

  .cw-equipment-text {
  }

  .eqw1-m {
    width: 100%;
    height: 480px;
    margin: 0 auto;
  }

  #Eqw1 {
    width: 100%;
    height: 630px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .vs-skill-content-mm {
    display: flex;
    flex-direction: column;
    margin-top: 10px !important;
  }

  .vs-skill-content-mm-3 {
    margin-top: 0px !important;
    height: 330px;
  }

  .vs-skill-content-mm-2 {
    display: flex;
    flex-direction: column;
    margin-top: 50px !important;
  }

  .vs-skill-content-mm-4 {
    display: flex;
    flex-direction: column;
    margin-top: 50px !important;
  }

  .vs-skill-img-mm-2 {
    margin-top: 30px;
  }

  .vs-skill-content-h-mm {
    height: 300px !important;
  }

  .vs-skill-img-mm {
    display: none;
  }
  .equipment1 {
    width: 100%;
    margin-top: 7%;
  }

  .equipment-left-m {
    width: 100%;
    height: 400px;
    background-image: url(/img/1127279792.jpg);
    background-size: cover;
  }

  #Eqw2 {
    width: 100%;
    height: 500px;
    margin-top: 0px;
  }

  #Eqw2 > h1 {
    font-weight: 700;
  }

  .equipment2 {
    width: 100%;
    height: 500px;
    margin-top: 20px;
  }

  .cw-equipment-text {
    width: 205px !important;
    display: block;
    margin-top: 30px;
    cursor: pointer;
    text-align: center;
  }

  .beam-text1-p {
    position: absolute;
  }

  .beem-function-img-mm {
    margin-top: 100px;
  }

  .beam-back-img-1 {
    background-image: url("/img/beam-img-function1-1.jpg");
    background-size: cover;
    width: 100%;
  }

  .beam-back-img-2 {
    background-image: url("/img/beam-img-function2-2.jpg");
    background-size: cover;
    width: 100%;
  }

  .beam-back-img-3 {
    background-image: url("/img/beam-img-function3-3.jpg");
    background-size: cover;
    width: 100%;
  }

  .beam-back-img-4 {
    background-image: url("/img/beam-img-function4-4.jpg");
    background-size: cover;
    width: 100%;
  }

  .beam-back-img-5 {
    background-image: url("/img/beam-img-function5-5.jpg");
    background-size: cover;
    width: 100%;
  }

  .beam-back-img-6 {
    background-image: url("/img/beam-img-function6-6.jpg");
    background-size: cover;
    width: 100%;
  }

  /* .beam-back-img-1 {
    background-image: url("/img/beam-img-function1.png");
    background-size: cover;
  }

  .beam-back-img-1 {
    background-image: url("/img/beam-img-function1.png");
    background-size: cover;
  }

  .beam-back-img-1 {
    background-image: url("/img/beam-img-function1.png");
    background-size: cover;
  }

  .beam-back-img-1 {
    background-image: url("/img/beam-img-function1.png");
    background-size: cover;
  } */

  .beem-bg-color-sky-m {
    height: auto;
  }

  #equipment-left {
    width: 100%;
  }

  #dynamic-app-img1 {
    width: 85%;
  }

  .slider-dynamic-app {
    position: relative;
    width: 400px;
    height: 800px;
  }

  /* 전자칠판 */

  .eqw2-m {
    width: 100%;
    height: 480px;
    margin: 0 auto;
  }

  .Eqw2-m {
    width: 100%;
    height: 800px !important;
    display: flex;
    flex-direction: column;
  }

  #eqw2 {
    display: none;
  }

  .board-flex-mm {
    flex-direction: column;
  }

  #Eqw1-1 {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: space-between;
  }

  .equipment3 {
    width: 49%;
    background-color: rgb(205, 50, 166);
  }

  #Eqw2-1 {
    width: 100%;
    margin-top: 50px;
  }

  #Eqw2-1 > h1 {
    font-weight: 700;
  }

  .equipment4 {
    width: 100%;
    height: 500px;
    margin-top: 20px;
  }

  .cw-led-text {
    width: 130px !important;
    display: block;
    margin-top: 30px;
    cursor: pointer;
    text-align: center;
  }

  .cw-equipment-beam-line {
    width: 90%;
    background-color: #333333;
    height: 2px;
  }

  .iwb-hand-box-st {
    border: 2px solid #3167ff;
    width: 100%;
    height: 200px;
    border-radius: 15px;
  }

  .text-border-radius {
    border-radius: 7px;
    width: 100%;
    height: 45px;
    line-height: 45px;
  }

  .iwb-distinct-img1 {
    width: 45%;
  }

  .board-left-m {
    width: 100%;
    height: 500px;
    background-image: url(/img/1165734015.jpg);
    background-size: cover;
  }

  .board-right-m {
    width: 100%;
  }

  .board-bg-color-sky-m {
    height: auto;
  }

  .iwb-tv-img-m {
    width: 100% !important;
  }

  .iwb-tv1-m {
    width: 50% !important;
    margin: 0 auto;
  }

  .iwb-box-mm {
    margin-top: 80px;
  }

  .iwb-box2-mm {
    margin-top: 20px !important;
  }

  .board-width-mm {
    width: 100%;
  }

  #board-left {
    width: 100%;
  }

  /* led */

  .led-led-body {
    height: auto;
  }

  .led-m {
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
  }

  .Led-w1-m {
    width: 85%;
    height: 600px;
    margin: 0 auto;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
  }

  #Led-w1 {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }

  .ledw1-m {
    margin-top: 7%;
  }

  #led > span {
    margin-top: 30px;
    width: 75px;
  }

  #led > span.selected::after {
    background-color: #85c3e8;
  }

  .led_wrap {
    width: 85%;
    margin: 0 auto;
  }

  #ledw1 {
    width: 100%;
    height: auto;
    margin-top: 7%;
  }

  .cw-equipment-beam-line {
    width: 90%;
    background-color: #333333;
    height: 2px;
  }

  .Led1 {
    width: 100%;
  }

  .led-left-m {
    background-image: url(/img/q2345356.jpg);
    background-size: cover;
    background-position: bottom;
    width: 100%;
    height: 400px !important;
  }

  .led-text-m {
    margin-top: 20px;
  }

  .led-wrap-m {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
  }

  .led-wrap-led-box-mm {
    width: 100%;
    margin: 0 auto;
    margin-top: 10%;
  }

  .led-title-s {
    font-size: 38px !important;
  }

  .led-type-display-img-box-mm {
    width: 100% !important;
    margin: 0 auto;
    margin-top: 10%;
  }

  .led-hr-mm {
    margin-top: 13% !important;
  }

  .did-hr-mm {
    margin-top: 30px !important;
  }

  .led-titlt-text-mm1 {
    font-size: 20px !important;
  }

  .led-titlt-text-mm2 {
    font-size: 20px !important;
  }

  .led-type-text-mm {
    font-size: 13px !important;
  }
  .led-img1-box-mm {
    margin-top: 30px !important;
  }

  .led-type-center-mm {
    margin: 0 auto;
  }

  .led-indoor-margin-mm {
    margin-top: 30px !important;
  }
  .led-n-title {
    text-align: center;
    font-size: 13px !important;
  }

  .led-ot-title {
    text-align: center;
    font-size: 13px !important;
  }

  .indoor-ex {
    width: 100%;
    margin: 0 auto;
    margin-top: 80px !important;
  }

  .led-indoor-ex-img-mm {
    height: 160px;
  }

  .led-indoor-ex-img-mm-mt {
    margin-top: 40px !important;
  }

  .led-indoor-ex-img-margin-mm {
    margin-top: 30px;
  }

  .dip-box-border {
    border-radius: 7px;
  }

  .led-bg-color-sky-m {
    height: auto;
  }

  #led-left {
    width: 100%;
  }

  .led-bitlight-solution-box {
    height: auto !important;
  }

  /* did */

  .Didw2-m {
    width: 85%;
    height: auto;
    margin-top: 50px;
    display: none;
  }

  .did-title-s {
    font-size: 38px !important;
  }

  #Did-w1 {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
  }

  #Didw2 > h1 {
    font-weight: 700;
  }

  .Did1 {
    width: 50%;
  }

  .did-point-img3-mm {
    margin-top: 0px !important;
  }

  .did-left-m {
    width: 100%;
  }

  .did-ex-led-mm {
    height: 350px !;
  }

  .did-img2-mm {
    height: auto;
  }

  .did-point-img3 {
    width: 100%;
  }

  .did-text-m {
    margin-top: 20px;
  }

  .led-did-wrap-mm {
    display: flex;
    flex-direction: column;
    margin-top: 5%;
  }

  .led-did-wrap-mm2 {
    display: flex;
    flex-direction: column;
    margin-top: 80px;
  }

  .did-type-margin-mm {
    margin-top: 10px !important;
  }

  .kiosk-img1-box-mm {
    width: 100%;
    margin-top: 30px !important;
  }

  .kiosk-img1-mm {
    width: 100%;
  }

  .kiosk-img2-box-mm {
    width: 100%;
    margin-top: 30px !important;
  }

  .kiosk-img2-mm {
    width: 100%;
  }

  .led-titlt-text-mm3 {
    font-size: 15px !important;
  }

  .led-titlt-text-mm4 {
    font-size: 15px !important;
  }

  #did-left {
    width: 100%;
    height: auto;
  }

  #Didw2 {
    width: 100%;
    height: auto;
    display: none;
    margin-top: 7%;
  }

  .led-wrap {
    width: 85%;
  }

  /* 제품소개 */

  .back_img-product-mm {
    width: 100%;
    height: 260px;
    background-image: url("/img/1267130038.jpg");
    background-size: cover;
  }

  /* #menu2 > .container > #menu {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
  }

  #menu2 > .container > #menu > ul > li {
    width: 100%;
    text-align: center;
  } */

  .nav_menu .nav_menu-m .nav_menu-mm {
    display: none;
  }

  #menu2 {
    display: none;
  }

  #menu4 {
    display: none;
  }

  /* CCTV */

  .cctv-product-mm {
    margin-top: 0px;
    text-align: center;
  }
  .cctv-pro-body {
    height: 1900px !important;
  }

  .body > .container {
    padding-bottom: 50px;
  }
  .body > .container > h1 {
    text-align: center;
    font-weight: 900;
    padding: 30px 0 30px 0;
  }

  .bit-d-kc-img-m {
    right: 10% !important;
    width: 50px;
    position: absolute;
    top: 7%;
  }

  .product-sec-mm {
    width: 100%;
    height: 260px;
    margin-bottom: 50px;
    display: flex;
    margin: 0 auto;
    justify-content: space-evenly;
    margin-top: 100px !important;
  }

  .modal-content-mm {
    display: flex;
    flex-direction: column;
  }

  .cctv-img-text-box-mm {
    width: 45%;
  }

  .cctv-info-box-mm {
    width: 100%;
  }

  .cctv-info-box-text1-mm {
    text-align: center;
    margin-top: 45px;
  }

  .cctv-info-box-text2-mm {
    text-align: center;
    font-size: 14px !important;
  }

  .cctv-info-box-text3-mm {
    text-align: center;
  }

  .cctv1-img-box-mm {
    width: 40%;
    margin: 0 auto;
    margin-top: 50px !important;
  }

  .cctv-img-mm {
    width: 100%;
  }

  .cctv1-title2-mm {
    text-align: center;
  }

  .cctv1-iconimg-mm {
    margin: 0 auto;
    margin-top: 10px;
    width: 85%;
  }

  .cctv1-product-box-mm {
    display: flex;
    flex-direction: column;
  }

  .cctv1-product-text-mm {
    text-align: center;
    margin-left: 0px;
    font-size: 13px !important;
  }

  .cctv1-product-box-title-mm p {
    display: none;
  }

  .cctv1-product-title-text-mm {
    text-align: center;
    font-family: "paybooc-bold" !important;
    color: #3167ff;
  }

  .cctv2-img-box-mm {
    width: 40%;
    margin: 0 auto;
    margin-top: 50px !important;
  }

  .cctv2-img-mm {
    width: 50%;
    margin-top: 50px !important;
  }

  .cctv2-title2-mm {
    text-align: center;
  }

  .cctv2-iconimg-mm {
    margin: 0 auto;
    margin-top: 10px;
    width: 85%;
  }

  .cctv2-product-box-mm {
    display: flex;
    flex-direction: column;
  }

  .cctv2-product-text-mm {
    text-align: center;
    margin-left: 0px;
    font-size: 13px !important;
  }

  .cctv2-product-box-title-mm p {
    display: none;
  }

  .cctv2-product-title-text-mm {
    text-align: center;
    font-family: "paybooc-bold" !important;
    color: #3167ff;
  }

  .cctv2-product-img2-mm {
    margin: 0 auto;
    margin-top: 20px;
  }

  .cctv-product-title {
    text-align: center;
  }

  .cctv1-product-img2-mm {
    margin: 0 auto;
    margin-top: 20px;
  }

  .pro-pic-m {
    width: 100%;
    height: 70px;
    text-align: center;
  }

  .pro-txt {
    width: 100%;
    height: 350px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 13px;
    border: 1px solid gray;
    margin-bottom: 15px;
  }

  .product-sec h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
  }

  .product-sec button {
    margin-top: 10px;
  }

  .product-sec .pro-modal {
    width: 1000px;
    height: 1100px;
    position: absolute;
    top: -75px;
    left: 20%;
    margin-bottom: 20px;
    z-index: 9;
    background-color: white;
    border: 2px solid gray;
    display: none;
    border-radius: 10px;
  }

  .ot-height {
    height: 820px !important;
  }

  .n-height {
    height: 820px !important;
  }

  .modal1-height {
    height: 1380px !important;
  }

  /* .product-sec .pro-moda2 {
width: 950px;
height: 480px;
position: absolute;
top: 10%;
left: 22%;
margin-bottom: 20px;
z-index: 9;
background-color: white;
border: 2px solid gray;
display: none;
border-radius: 10px;
} */

  .product-sec-m .pro-moda2-m {
    width: 90% !important;
    height: auto !important;
    position: absolute;
    top: -5%;
    left: 4.5% !important;
    margin-bottom: 20px;
    z-index: 9;
    background-color: white;
    border: 2px solid gray;
    display: none;
    border-radius: 10px;
    margin: 0 auto;
    padding-bottom: 5%;
  }

  .product-sec .modal4 {
    position: absolute;
    top: -15%;
    left: 20.5%;
  }

  .cctv-pro-btn {
    background-color: #3167ff;
    border: 0;
    border-radius: 10px;
    padding: 8px;
    padding-left: 5%;
    padding-right: 5%;
    color: white;
    cursor: pointer;
  }

  .cctv-pro-btn:hover {
    background-color: #205aff;
    border: 0;
    border-radius: 10px;
    padding: 8px;
    padding-left: 5%;
    padding-right: 5%;
    color: white;
    font-weight: 600;
    cursor: pointer;
  }

  .black {
    width: 100%;
    height: 185vh !important;
    position: absolute;
    top: -26%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
  }

  .black1 {
    width: 100%;
    height: 195vh !important;
    position: absolute;
    top: -26%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
  }

  .black3 {
    width: 100%;
    height: 155vh !important;
    position: absolute;
    top: -26%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
  }

  .black-led-mobile {
    height: 135vh !important;
  }

  /* 녹화기 */

  .recorder-product-mm {
    margin-top: 0px;
    text-align: center;
  }

  .recorder-img-text-box-mm {
    width: 45%;
  }

  .product-sec-mm .pro-moda1-m {
    width: 90% !important;
    height: auto !important;
    position: absolute;
    top: -5%;
    left: 4.5% !important;
    margin-bottom: 20px;
    z-index: 9;
    background-color: white;
    border: 2px solid gray;
    display: none;
    border-radius: 10px;
    margin: 0 auto;
    padding-bottom: 5%;
  }

  .recorder1-img-box-mm {
    width: 40%;
    margin: 0 auto;
    margin-top: 50px !important;
  }

  .recorder-info-box-mm {
    width: 100%;
  }

  .recorder1-info-box-text1-mm {
    text-align: center;
    margin-top: 45px;
  }

  .recorder1-info-box-text2-mm {
    text-align: center;
    font-size: 14px !important;
  }

  .recorder1-info-box-text3-mm {
    text-align: center;
  }

  .recorder1-title2-mm {
    text-align: center;
  }

  .recorder1-iconimg-mm {
    margin: 0 auto;
    margin-top: 10px;
    width: 55%;
  }

  .recorder2-iconimg-mm {
    margin: 0 auto;
    margin-top: 10px;
    width: 55%;
  }

  .recorder1-product-box-title-mm p {
    display: none;
  }

  .recorder1-product-box-mm {
    display: flex;
    flex-direction: column;
  }

  .recorder1-product-text-mm {
    text-align: center;
    margin-left: 0px;
    font-size: 13px !important;
  }

  .recorder1-product-img2-mm {
    margin: 0 auto;
    margin-top: 20px;
  }

  .recorder2-img-box-mm {
    width: 60%;
    margin: 0 auto;
    margin-top: 0px !important;
  }

  .recorder-info-box-mm {
    width: 100%;
  }

  .recorder2-info-box-text1-mm {
    text-align: center;
    margin-top: 45px;
  }

  .recorder2-info-box-text2-mm {
    text-align: center;
    font-size: 14px !important;
  }

  .recorder2-info-box-text3-mm {
    text-align: center;
  }

  .recorder2-title2-mm {
    text-align: center;
  }

  .recorder2-iconimg-mm {
    margin: 0 auto;
    margin-top: 10px;
    width: 55%;
  }

  .recorder2-product-box-title-mm p {
    display: none;
  }

  .recorder2-product-box-mm {
    display: flex;
    flex-direction: column;
  }

  .recorder2-product-text-mm {
    text-align: center;
    margin-left: 0px;
    font-size: 13px !important;
  }

  .recorder2-product-img2-mm {
    margin: 0 auto;
    margin-top: 20px;
  }

  .recorder-body {
    height: 1700px !important;
  }

  .black4 {
  }

  .black-recorder-mobile {
    width: 100%;
    height: 158vh !important;
  }

  /* led */

  .led-img-text-box-mm {
    width: 45%;
  }

  .led1-img-box-mm {
    width: 40%;
    margin: 0 auto;
    margin-top: 50px !important;
  }

  .led-info-box-mm {
    width: 100%;
  }

  .led-info-box-text1-mm {
    text-align: center;
    margin-top: 45px;
    width: 100%;
  }

  .led-info-box-text2-mm {
    text-align: center;
    font-size: 14px !important;
    width: 100%;
  }

  .led-info-box-text3-mm {
    text-align: center;
  }

  .certification-icon-mm {
    width: 40px !important;
    position: absolute;
    top: 20% !important;
    right: 60% !important;
  }

  .certification-gs-icon-mm {
    width: 70px !important;
    position: absolute;
    top: 19% !important;
    right: 21% !important;
  }

  .certification-csap-icon-mm {
    width: 51px !important;
    position: absolute;
    top: 19.3% !important;
    right: 43% !important;
  }

  .led-product-box-title-mm p {
    display: none;
  }

  .led-product-img2-mm {
    margin: 0 auto;
    margin-top: 20px;
  }

  .led-product-box-mm {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
  }

  .led1-product-text-mm {
    text-align: center;
    margin-left: 0px;
    font-size: 13px !important;
  }

  .led1-display-mm {
    width: 100%;
  }

  .n25-right-box-mm {
    width: 80%;
  }

  .certification-icon-n25-mm {
    width: 45px;
    position: absolute;
    top: 20% !important;
    right: 60% !important;
  }

  .certification-csap-icon-n25-mm {
    width: 64px !important;
    position: absolute;
    top: 19.1% !important;
    right: 40% !important;
  }

  .certification-n25-gs-icon-mm {
    width: 80px;
    position: absolute;
    top: 19.3% !important;
    right: 16% !important;
  }

  .led2-img-box-mm {
    width: 50% !important;
    margin: 0 auto;
    margin-top: 50px !important;
  }

  .led2-display-mm {
    width: 100%;
  }

  .certification-csap-icon-o39-mm {
    width: 60px !important;
    position: absolute !important;
    top: 18.2% !important;
    right: 35% !important;
  }

  .certification-icon-o39-mm {
    width: 45px !important;
    position: absolute;
    top: 19.2% !important;
    right: 55% !important;
  }

  .certification-gs-icon-o39-mm {
    width: 50px;
    position: absolute;
    top: 18% !important;
    right: 12% !important;
  }

  .led3-img-box-mm {
    width: 75% !important;
    margin: 0 auto;
    margin-top: 50px !important;
  }

  .certification-icon-o6-mm {
    width: 45px !important;
    position: absolute;
    top: 19.2% !important;
    right: 55% !important;
  }

  .certification-csap-icon-o6-mm {
    width: 60px !important;
    position: absolute !important;
    top: 18.2% !important;
    right: 35% !important;
  }

  .certification-gs-icon-o6-mm {
    width: 50px;
    position: absolute;
    top: 18% !important;
    right: 12% !important;
  }

  #sww1 .sw-2-wrap > p {
    font-size: 17px !important;
  }

  .led-body {
    height: 1370px;
  }
}

/* 자료실 상세 */
.sconts_area {
  width: 100%;
  margin: 0 auto;
  padding: 80px 0 160px;
}

.download-center {
  margin: 0 auto !important;
  position: relative;
}

.download-center a {
  font-family: "paybooc-bold";
  font-size: 19px !important;
}

h2.tit {
  text-align: center;
  font-size: 32px;
  color: #000;
  line-height: 32px;
  margin-bottom: 60px;
  font-weight: 800;
}

.ibt_tab_v {
  border-top: 1px solid #3d3d3d;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  text-align: left;
}

.ibt_v_top {
  padding: 15px 10px;
  border-bottom: 1px solid #dddddd;
  background: #f9f9f9;
}

.ibt_v_top_tit {
  color: #454545;
  font-size: 15px;
  font-weight: 600;
}

.ibt_v_top_txt {
  margin-top: 5px;
  color: #454545;
  font-size: 13px;
  font-weight: 500;
}

.ibt_v_ny {
  padding: 10px 10px;

  color: #454545;
  font-size: 13px;
  font-weight: 500;
}

.bot_lr_btn {
  margin-top: 30px;
}

.bot_lf_btn {
  float: left;
}

a.white_l {
  display: inline-block;
  padding: 0 20px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #979797;
  font-size: 15px;
  font-weight: 500;
  border: 1px solid #ddd;
  background: #fafafa;
}

.bot_rt_btn {
  float: right;
}

a.y_btn {
  display: inline-block;
  text-align: center;
  background: #3d3d3d;
  padding: 0 20px;
  min-width: 60px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  color: #fff;
  font-weight: 500;
}

.gs_tab_bg {
  margin-top: 20px;
  border-top: 1px solid #000;
  border-left: 1px solid #ddd;
}
.gs_tab th {
  text-align: center;
  color: #454545;
  font-size: 14px;
  padding: 12px 10px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #dddddd;
  background: #fafafa;
}
.gs_tab td {
  text-align: center;
  color: #454545;
  font-size: 14px;
  font-weight: 400;
  word-break: break-all;
  border-right: 1px solid #ddd;
  padding: 12px 10px;
  border-bottom: 1px solid #dddddd;
}
.gs_tab td.lft {
  text-align: left;
}
.gs_tab td > a {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
}
.gs_tab {
  width: 100%;
}