@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;/* padding:20px; */background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em;text-align: center;}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

#ctt  .img-title {max-width: 631px;margin: 0 auto;margin-top: 80px;width: 100%;}
#ctt  .img-title img {}
#ctt  h2 {   margin-top: 30px;  text-align: center;  color: #785252; font-size: 1.5rem;   font-weight: 700; font-family: 'KIMM_Bold';}
#ctt  p {   font-size: 1rem; margin-top: 11px;    font-weight: 400;   text-align: center;}
#ctt  svg {
    margin-top: 40px;
}
#ctt  p.cont {
    margin-top: 50px;
    color: #785252;
    line-height: 1.5;
    background-image: url(/img/img-comp-02.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
#ctt  b {}
#ctt  svg {width: 100%;}
#ctt  p.cont-b {
    margin-top: 35px;
    font-family: 'KIMM_Bold';
    color: #785252;
    font-size: 1.125rem;
}
#ctt  .swiper.comp-swiper {
    margin-top: 100px;
}
.comp-swiper-wrap {    position: relative;}
.comp-swiper-button-next {}

.comp-swiper-button-prev {                  }

.comp-swiper-button-prev,
.comp-swiper-button-next {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  background-image: url(/img/img-arr-lg.svg);
  background-size: 100%;
  z-index: 1;
  cursor: pointer;
}
.comp-swiper-button-prev {
  left: 0;
  transform: rotate(180deg) translate(50%, 50%);
}
.comp-swiper-button-next {
  right: 0;
  transform: translate(50%, -50%);
}

/*===============================================MOBILE 500px===============================================*/
@media screen and (max-width: 500px) {


.comp-swiper-button-prev,
 .comp-swiper-button-next {
    width: 30px;
    height: 30px;
    background-image: url(/img/img-arr-sm.svg);
  }
 .comp-swiper-button-prev {
    left: 10px;
  }
 .comp-swiper-button-next {
    right: 10px;
  }




}