body{
  cursor: url('/images/sample/cursor_b.cur'),auto !important;
  
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  padding: 5px;
  border: 2px solid rgb(177, 177, 177);
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

.slide_btn_box{
  font-size: 18px;
  color:#fff;
  margin-top: 20px;
  padding: 10px 20px;
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.404);
  background-color:  rgb(61, 69, 82);

  display: inline-block;
}

.slide_main_img{
  width: 45%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  
}
.slide_main_img::after{
  content: "";
  display: block;
  padding-bottom: 100%;
}
.swiper-slide .title{
  font-size: 6vw !important;
  font-family: 'Oswald', sans-serif;
    font-weight: 600 !important;
    line-height: 1.6;
  
}
.swiper-slide .subtitle{
  font-size: 1vw !important;
  line-height: 1.6 !important;
  width: 50%;
}


.main_slide {
  width: 1200px;
  margin: 0 auto;
  height: 600px;
  background-color: #f1fd;
}
.text_loop_wrap {
  width: 100%;
  overflow: hidden;
  text-align: left;
}
.text_loop{
  text-shadow:
  -1px -1px 0 #b6b6b6,
  1px -1px 0 #b6b6b6,
  -1px 1px 0 #b6b6b6,
  1px 1px 0 #b6b6b6;  
  font-size: 11vw !important;
  color: #fff;
  width: 100% !important;
  line-height: 1.3;
}
.about {
  width: 1200px;
  margin: 40px auto;
}
.sectitle{
  font-size: 3.2rem;
  color: #333;
  font-family: 'S-CoreDream-6Bold';
  line-height: 1.5;
  margin-bottom: 20px;
}
.about_title{
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 20px;
}
.about_p{
  line-height: 1.5;
  margin-bottom: 40px;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.116);
}
.about_aticle{
  display: flex;
  flex-wrap: wrap;
}
.about_aticle div{
  width: 33.3333%;
}
.about_aticle div:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.exhi {
  width: 1200px;
  margin: 0 auto;
}
fffffffff{
  width: 200px;
  height: 200px;
  border: 1px solid #333;
  border-radius: 50%;
}
.about_img{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.about_img>a{
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  cursor: url('/images/sample/cursor_w.cur'),auto !important;
}
.about_img:hover .about_img_p{
  visibility: visible;
  transition: 0.5s all;
  top: 0;
}
div.about_img_p{
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.622);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  color: #fff;
  font-size: 18px;
  cursor: url('/images/sample/cursor_w.cur'),auto !important;
  text-align: center;
  
}
div.about_img_p>span{
  position: absolute;
  top: 40%;
  display: block;
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
  width: 100%;
}
.ex_service{
  width: 1200px;
  margin: 0 auto;
}

.benefits{
  width: 1200px;
  margin: 0 auto;
}
.mockup{
  width: 1200px;
  margin: 0 auto;
}


.mockup_01 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/images/exhibition/mock-3.jpg");
}
.mockup_02 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/images/exhibition/mock-4.jpg");
}
.mockup_03 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/images/exhibition/mock-5.jpg");
}

.mockup_img_wrap{
  
  width: 100%;
}
.mockup_img_wrap div{
  width: 100%;
}

.mockup_img_wrap div:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.inquiry{
  width: 100%;
  margin: 0 auto;
}

.inquiry-sl{
  /* height: 600px !important; */
  width : 100%;
	height : 0;
  padding-top : calc(450 / 1920 * 100%); 
  
}
.inquiry-wrapper a{
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: url('/images/sample/cursor_w.cur'),auto !important;
  position: relative;
  
}
@font-face {
  font-family: 'S-CoreDream-6Bold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



.inquiry-wrapper a>span{
  position: absolute;
  bottom: 40px;
  right: 80px;
  font-size: 30px;
  line-height: 50px;
  color: #fff;
  background-color: #1e1e1e;
  padding: 0 20px;
  font-family: 'S-CoreDream-6Bold';
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.404);

}
.flex_about_p{
  display: flex;
  justify-content: space-between;
}
.flex_about_p>.about_p{
  width: 48%;
}
#is_01{
  background-image: url('/images/sample/bs-01.png');
}
#is_02{
  background-image: url('/images/sample/bs-02.png');
}
#is_03{
  background-image: url('/images/sample/bs-03.png');
}
section{
  margin-top: 4rem !important;
}

/* footer{
  background-image: url('/images/sample/footer.jpg');
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  background-color: #fff
}
.ex_bottom_nav{
  display: flex;
  flex-direction: column;
}


.ex_bottom_nav a {
  text-decoration: none;
  position: relative;
  display: inline-block;
  line-height: 30px;
  cursor: url('/images/sample/cursor_w.cur'),auto !important;

}

.ex_bottom_nav a:before, .ex_bottom_nav a:after {
  content: '';
  border-bottom: solid 1px #1e1e1e;
  position: absolute;
  bottom: 0;
  width: 0;
}

.ex_bottom_nav a:before { left: 0; }
.ex_bottom_nav a:after { right: 0; }

.ex_bottom_nav a:hover:before, .ex_bottom_nav a:hover:after {
  width: 60%;
}

.ex_bottom_nav a:before, .ex_bottom_nav a:after {
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
} */


.a12{
  position: relative;
}
a.click_circle{
  width: 200px !important;
  height: 200px;
  border-radius: 50%;
  border: 1px solid #1e1e1e;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: bold;
}
a.click_circle:hover{
  width: 250px !important;
  height: 250px;
  background-color: #121212;
  color: #fff;
  cursor: url('/images/sample/cursor_w.cur'),auto !important;
  transition: 0.7s all;
}

/* 
footer a{
  margin: 0 auto;
  font-size: 16px;
  text-align: center;
  display: inline-block;
  margin-top: 10px;
  font-weight: bold;
  color: #1e1e1e;
}
footer div{
  margin: 0 auto;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  margin-top: 30px;
  color: #666;
} */
ddd{
  height: ;
  background-color: #333;
}
.sectitle{
  width: 1200px;
  margin: 20px auto;
}
@media(max-width:1200px){
  .w1200px{
    width: 95%;
    margin: 0 auto;
  }
  .about{
    width: 95%;
    margin: 0 auto;
  }
  .about_aticle{
    width: 100%;
  }
  .ex_service{
    width: 95%;
    margin: 0 auto;
  }
  .link-1{
    padding: 0 10px;
  }
  .sectitle{
    width: 95%;
    margin: 20px auto;
  }
}

@media(max-width:1000px){
  div.about_img_p>span{
    top: 35%;
  }

}

@media(max-width:800px){
  div.about_img_p>span{
    top: 30%;
  }

  .inquiry-wrapper a>span{
    bottom: 20px;
    right: 20px;
    font-size: 18px;
    line-height: 30px;
    padding: 0 10px;
  
  }

}




@media(max-width:600px){
  div.about_img_p>span{
    top: 25%;
    font-size: 12px;
  }

  .ex_top_nav{
    display: none;
  }
  a.click_circle{
    width: 100px !important;
    height: 100px;

  }
}


@media(max-width:400px){
  div.about_img_p>span{
    top: 20%;
  }

}







.design_scroll{
 width: 100%;
 overflow: auto;
}

.design_scroll::-webkit-scrollbar {
    width: 10px;
    height:10px;
  }
.design_scroll::-webkit-scrollbar-thumb {
  background-color: #2c3e64;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
.design_scroll::-webkit-scrollbar-track {
  background-color: rgb(190, 190, 190);
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
}