/*AOS관련 -> 모바일에서는 애니메이션 효과가 안나타나게 선언 후, 그로인해 화면이 안나오는 문제 해결을 위한 css 추가*/
@media screen and (max-width: 767px) {
  [data-aos] {
    pointer-events: auto !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* 메인 비주얼 슬라이드 */
.idx_vis {  width: 1420px;  margin: 0 auto 200px auto;  position: relative;}
.slider-wrap {  width: 100%;  height: 880px;}
.slider-wrap .mvisual {  width: calc(100% - 110px);  height: 850px;   margin-right: 30px;  margin-bottom: 30px;  border-radius: 30px;  overflow: hidden;  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);  background-position: center center;  background-repeat: no-repeat;  background-size: cover;}
.slider-wrap .mvisual01 {  background-image: url(../img/main/visual.jpg);}
.slider-wrap .mvisual02 {  background-image: url(../img/main/visual02.jpg);}
.slider-wrap .mvisual03 {  background-image: url(../img/main/visual03.jpg);}
.slider-wrap .mvisual04 {  background-image: url(../img/main/visual04.jpg);}

.idx_vis .main_text {  width: 745px;  position: absolute;  left: 0px;  bottom: 100px;  background-color: #a5ad96;  border-radius: 20px;  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);  padding: 70px 50px 50px;  z-index: 20;  color: #fff;}
.idx_vis .main_text h1 {  font-family: "NanumBarunGothicBold";  font-weight: normal;  font-size: 15px;  letter-spacing: 1.2px;  text-transform: uppercase;}
.idx_vis .main_text h2 {  font-family: "NanumBareunGothicLight";  font-weight: normal;  font-size: 28px;  margin: 5px 0 35px 0;}
.idx_vis .main_text p {  font-family: "NanumBareunGothicLight";  font-size: 15px;  line-height: 1.7;}

.idx_vis .slick-dots {  position: absolute;  bottom: 75px;  left: 50px;  z-index: 21;  display: flex;}
.idx_vis .slick-dots li {  margin: 0 10px;}
.idx_vis .slick-dots li > button {  width: 8px;  height: 8px;  border-radius: 50%;  border: 0;  text-indent: -9999px;  background-color: #fff;  opacity: 0.5;}
.idx_vis .slick-dots li.slick-active > button {  opacity: 1;}
.idx_vis .arrows {  position: absolute;  bottom: 80px;  left: 175px;  z-index: 21;}
.idx_vis .arrows ul {  display: flex;  justify-content: center;  align-items: center;}
.idx_vis .arrows li {  color: #fff;  opacity: 0.5;}
.idx_vis .arrows #nextArrow {  transform: rotateY(-180deg);  margin-left: 13px;}
.idx_vis .arrows li span {  display: block;  width: 12px;  height: 2px;  background-color: #fff;  transform: rotate(-45deg);}
.idx_vis .arrows li span:nth-of-type(2) {  transform: rotate(45deg);  margin-top: 6px;}
.idx_vis .arrows .slick-arrow {  width: auto;  height: auto;  position: relative;  top: auto;  margin-top: 0px;  cursor: pointer;}
.idx_vis .arrows .slick-arrow:hover {  opacity: 1;}

/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {  
  .idx_vis {  width: 95%;  }
  .slider-wrap .mvisual {    width: calc(100% - 80px);    margin-left: 50px;  }
  .idx_vis .main_text {    width: 650px;  }
  .slider-wrap .slick-dots {    left: 10%;  }
  .idx_vis .arrows {    left: 20%;  }
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .idx_vis {    width: 100%;    margin-bottom: 150px;  }
  .slider-wrap {    height: 500px;  }
  .slider-wrap .mvisual {    width: calc(100% - 90px);    margin-left: 60px;    height: 500px;    border-radius: 20px;    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.1); }
  .idx_vis .main_text {    width: 500px;    left: 2%;    bottom: 80px;    border-radius: 15px;    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.1);    padding: 50px 40px 40px;  }
  .idx_vis .main_text h1 {    font-size: 13px;  }
  .idx_vis .main_text h2 {    font-size: 25px;  }
  .idx_vis .main_text p {    font-size: 13px;  }
  .slider-wrap .slick-dots {    bottom: 40px;  }
  .idx_vis .arrows {    bottom: 45px;    left: 25%;  }
}
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
  .idx_vis {    width: 90%;    margin-bottom: 100px;  }
  .slider-wrap {    width: 100%;    height: 500px;    margin: 0 auto;  }
  .slider-wrap .mvisual {    width: calc(100% - 0px);    margin-left: 0px;    margin-right: 0px;    margin-bottom: 0px;    height: 500px;    border-radius: 15px; }
  .slider-wrap .mvisual01 { background-position: left center;}
  .idx_vis .main_text {    width: 100%;    position: relative;    left: auto;    bottom: auto;    padding: 30px 20px;    margin: 10px auto;  }
  .idx_vis .main_text h1 {    font-size: 10px;  }
  .idx_vis .main_text h2 {    font-size: 20px;    margin-bottom: 10px;  }
  .idx_vis .main_text p {    font-size: 10px;  }
  .idx_vis .main_text p > br {    display: none;  }
  .slider-wrap .slick-dots {    bottom: 20px;    left: 5%;  }
  .slider-wrap .slick-dots li {    margin: 0 3px;  }
  .slider-wrap .slick-dots li > button {    width: 6px;    height: 6px;  }
  .idx_vis .arrows {    bottom: 25px;    left: 22%;  }
  .idx_vis .arrows #nextArrow {    margin-left: 10px;  }
  .idx_vis .arrows li span {    width: 10px;    height: 2px;  }
  .idx_vis .arrows li span:nth-of-type(2) {    margin-top: 4px;  }

  [data-aos] {
    pointer-events: auto !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/*엘렌스토리*/
.cont01 {  width: 100%;  background-color: #b5bfa6;  padding: 120px 0;  margin-bottom: 200px;}
.cont01 h1 { font-family: 'NanumBarunGothic'; font-size: 30px; color:#7f8e6d; margin-bottom: 80px; text-align: center;}
.cont01 .cont01_in {  width: 1000px; margin: 0 auto;}
.story_ts .st_box{ position: relative; margin: 0 140px 30px 0;}
.story_ts .st_img{ width: 130px; height: 130px; border-radius: 50%; overflow: hidden; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); position: absolute; top: -30px; left: -20px;}
.story_ts .st_img img{ width: 100%;}
.story_ts .st_txt{ background-color: #fff; border-radius: 15px; padding: 40px 80px 40px 100px; text-align: right; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);}
.story_ts .st_txt p{ font-family: 'NanumBareunGothicLight'; font-size: 16px;  color:#333; line-height: 1.6; margin-bottom: 10px;}
.story_ts .st_txt h5{ font-family: 'NanumBareunGothicLight'; font-size: 15px;  color:#7f8e6d; }
.story_ts .st_box:nth-of-type(even){ margin: 0 0 30px 160px;}
.story_ts .st_box:nth-of-type(even) .st_img{ left: auto; right: -20px;}
.story_ts .st_box:nth-of-type(even) .st_txt{ padding: 40px 100px 40px 60px; text-align: left;}

.cont01 .sts_btn{ text-align: center; margin-top: 80px;}
.cont01 .tc_btn{ display: inline-block;}
.cont01 .tc_btn > p{ margin: 0; font-size: 16px; color: #fff; transition: all 0.5s; position: relative;}
.cont01 .tc_btn > p::after{ display: block; content: ""; width: 0%; height: 1px; background-color: #fff; transition: all 0.5s; position: absolute; bottom: 0px; left: 50%;
  transform:translateX(-50%)}
.cont01 .tc_btn:hover > p::after{ width: 110%; transition: all 0.5s;}


/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .cont01 .cont01_in { width: 80%;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .cont01 { padding: 100px 0; margin-bottom: 150px; }
  .cont01 .cont01_in { width: 90%;}
  .cont01 h1 { font-size: 25px; margin-bottom: 60px;}
  .story_ts .st_box{ margin: 0 70px 20px 0;}
  .story_ts .st_img{ width: 100px; height: 100px; top: -20px; left: -10px;}
  .story_ts .st_txt{ border-radius: 10px; padding: 30px 40px 30px 100px;}
  .story_ts .st_txt p{ font-size: 14px;}
  .story_ts .st_txt h5{ font-size: 14px;}
  .story_ts .st_box:nth-of-type(even){ margin: 0 0 20px 70px;}
  .story_ts .st_box:nth-of-type(even) .st_img{ right: -10px;}
  .story_ts .st_box:nth-of-type(even) .st_txt{ padding: 30px 100px 30px 40px;}
  .cont01 .sts_btn{ margin-top: 40px;}
  .cont01 .tc_btn > p{ font-size: 15px;}
}
/*모바일 : ~ 767px */
@media screen and (max-width: 767px) {
  .cont01 { padding: 60px 0; margin-bottom: 100px; }
  .cont01 h1 { font-size: 20px; margin-bottom: 40px;}
  .story_ts .st_box{ margin: 0 0px 15px 0;}
  .story_ts .st_img{ width: 80px; height: 80px; top: -10px; left: -10px;}
  .story_ts .st_txt{ padding: 20px 20px 20px 85px;}
  .story_ts .st_txt p{ font-size: 13px;}
  .story_ts .st_txt h5{ font-size: 12px;}
  .story_ts .st_box:nth-of-type(even){ margin: 0 0 15px 0px;}
  .story_ts .st_box:nth-of-type(even) .st_txt{ padding: 20px 85px 20px 20px;}
  .cont01 .sts_btn{ margin-top: 30px;}
  .cont01 .tc_btn > p{ font-size: 13px;}
}

/*브랜드스토리*/
.cont02 {  width: 100%;  background: url(../img/main/brand_img.png) no-repeat 78% -20px #eff1ed;  position: relative;  padding: 100px 0;  margin-bottom: 200px;}
.cont02_txt {  display: flex;  flex-wrap: wrap;  padding-left: 25%;}
.cont02_txt div:nth-of-type(2) {  margin: 25px 0 0 80px;}
.cont02_txt h2 {  font-size: 14px;  color: #a0ac92;  margin-bottom: 10px;}
.cont02_txt h1 {  font-size: 30px;  color: #333;}
.cont02_txt h3 {  font-size: 20px;  color: #7f8e6d;}
.cont02_txt p {  font-size: 15px;  color: #999;  line-height: 1.8;  margin: 20px 0 30px 0;}
.cont02_txt .tc_btn {  display: inline-block;  padding: 12px 50px;  background-color: #a0ac92;  transition: all 0.3s;}
.cont02_txt .tc_btn > p {  margin: 0;  font-size: 13px;  color: #fff;}
.cont02_txt .tc_btn:hover {  background-color: #444;  transition: all 0.3s;}

/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .cont02 {    background-position: 100% -20px;  }
  .cont02_txt {    padding-left: 8%;  }
  .cont02_txt div:nth-of-type(2) {    margin: 25px 0 0 50px;  }
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .cont02 {    background-position: 100% -20px;    padding: 80px 0;    margin-bottom: 160px;  }
  .cont02_txt {    padding-left: 5%;    display: block;  }
  .cont02_txt div:nth-of-type(2) {    margin: 25px 0 0 0;  }
  .cont02_txt h2 {    font-size: 13px;  }
  .cont02_txt h1 {    font-size: 25px;  }
  .cont02_txt h3 {    font-size: 18px;  }
  .cont02_txt p {    font-size: 13px;    margin: 20px 0;  }
  .cont02_txt p > .visible-pc {    display: block !important;  }
  .cont02_txt .tc_btn {    padding: 10px 30px;  }
  .cont02_txt .tc_btn > p {    font-size: 12px;  }
}
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
  .cont02 {    background-position: 110% 101%;    background-size: 50% auto;    padding: 60px 0 150px 0;    margin-bottom: 120px;  }
  .cont02_txt div:nth-of-type(2) {    margin: 20px 0 0 0;  }
  .cont02_txt h2 {    font-size: 11px;  }
  .cont02_txt h1 {    font-size: 20px;  }
  .cont02_txt h3 {    font-size: 15px;  }
  .cont02_txt p {    font-size: 11px;    margin: 10px 0;  }
  .cont02_txt p > .visible-pc {    display: none !important;  }
  .cont02_txt .tc_btn {    padding: 7px 20px;  }
  .cont02_txt .tc_btn > p {    font-size: 10px;  }
}

/*스튜디오*/
.cont03 {  width: 100%;  padding-bottom: 250px;}
.cont03 .cont03_in {  width: 870px;  margin: 0 auto;  position: relative;}
.cont03 .tit {  margin-bottom: 35px;  text-align: left;}
.cont03 .tit h1 {  font-size: 30px;  color: #37402c;  font-weight: normal;}
.cont03 .tit h1 strong {  font-family: "NanumBareunGothicUltraLight";  font-size: 15px;  color: #7f8e6d;  display:block;  margin-top: 10px;}

.cont03 .slide_studio {  width: 870px;  margin: 0 auto;}
.cont03 .slide_studio .studio_box {  padding: 0 0 30px 0;  position: relative;}
.cont03 .slide_studio .studio_box .stu_img {  width: 850px;  height: auto;  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);}

.cont03 .stu_txt {  width: 320px;  height: 320px;  background-color: #a77946;  padding: 140px 50px 50px;  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);  z-index: 1;  position: absolute;  bottom: 75px;  left: 0;}
.cont03 .stu_txt p {  font-size: 13px;  color: rgba(255, 255, 255, 5);  letter-spacing: 1px;}
.cont03 .stu_txt h2 {  font-size: 23px;  color: #fff;  letter-spacing: 1px;}
.cont03 .stu_txt h2::after {  display: block;  content: "";  width: 120px;  height: 1px;  background-color: rgba(255, 255, 255, 0.3);  margin: 17px 0;}
.cont03 .stu_txt h1 {  font-size: 40px;  font-weight: normal;  color: #fff;}
.cont03 .stu_txt h3 {  font-size: 15px;  font-weight: normal;  color: rgba(255, 255, 255, 0.5);  position: absolute;  top: 40px;  right: 40px;}

.cont03 .arrows {  position: absolute;  top: 50%;  margin-top: -30px;  width: 100%;}
.cont03 .arrows li {  opacity: 0.7;  position: absolute !important;  top: 0px !important;}
.cont03 .arrows #prev_Barrow {  left: -150px;}
.cont03 .arrows #next_Barrow {  right: -150px;  transform: rotateY(-180deg);}
.cont03 .arrows li span {  display: block;  width: 30px;  height: 3px;  background-color: #fff;  transform: rotate(-45deg);}
.cont03 .arrows li span:nth-of-type(2) {  transform: rotate(45deg);  margin-top: 16px;}
.cont03 .arrows .slick-arrow {  position: relative;  top: auto;  margin-top: 0px;  cursor: pointer;}
.cont03 .arrows li:hover {  opacity: 1;}

.cont03 .slick-dots {  position: absolute;  bottom: -20px !important;  left: 50% !important;  transform: translateX(-50%);  display: flex;}
.cont03 .slick-dots li {  margin: 0 7px;}
.cont03 .slick-dots li button {  text-indent: -9999px;  border: 0;  background-color: #fff;  width: 10px;  height: 10px;  border-radius: 50%;  opacity: 0.5;}
.cont03 .slick-dots li.slick-active button {  opacity: 1;}

.cont03 .view {  text-align: center;  margin-top: 70px;}
.cont03 .view a {  display: inline-block;  font-family: 'NanumBareunGothicLight'; font-size: 13px; letter-spacing: 0px; color: #fff;  transition: all 0.3s; position: relative;}
.cont03 .view a::after{ display: block; content: ""; width: 0%; height: 1px; background-color: #fff; transition: all 0.5s; position: absolute; bottom: -5px; left: 50%;
  transform:translateX(-50%)}
.cont03 .view a:hover::after{ width: 105%; transition: all 0.5s;}


/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .cont03 .cont03_in {    width: 85%;  }
  .cont03 .slide_studio {    width: 100%;  }
  .cont03 .slide_studio .studio_box {    margin: 0 20px;  }
  .cont03 .slide_studio .studio_box .stu_img {    width: auto;    height: auto;  }
  .cont03 .slide_studio .studio_box .stu_img img {    width: 100%;  }
  .cont03 .stu_txt {    width: 250px;    height: 250px;    padding: 120px 40px 30px;    bottom: 55px;  }
  .cont03 .stu_txt p {    font-size: 12px;  }
  .cont03 .stu_txt h2 {    font-size: 18px;  }
  .cont03 .stu_txt h1 {    font-size: 30px;  }
  .cont03 .stu_txt h3 {    font-size: 13px;    top: 20px;    right: 20px;  }
  .cont03 .arrows #prev_Barrow {    left: -6%;  }
  .cont03 .arrows #next_Barrow {    right: -6%;  }
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .cont03 {    padding-bottom: 150px;    background-size: 50% auto;  }
  .cont03 .slide_studio .studio_box {    padding: 0 0 20px 0px;    margin: 0 15px;  }
  .cont03 .slide_studio .studio_box .stu_img {    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.1);  }
  .cont03 .stu_txt {    width: 200px;    height: 200px;    padding: 80px 25px 25px;    bottom: 50px;  }
  .cont03 .stu_txt p {    font-size: 10px;  }
  .cont03 .stu_txt h2 {    font-size: 15px;  }
  .cont03 .stu_txt h1 {    font-size: 25px;  }
  .cont03 .stu_txt h3 {    font-size: 11px;  }
  .cont03 .arrows #prev_Barrow {    left: -4%;  }
  .cont03 .arrows #next_Barrow {    right: -4%;  }
  .cont03 .arrows li span {    width: 15px;  }
  .cont03 .arrows li span:nth-of-type(2) {    margin-top: 7px;  }
  .cont03 .slick-dots li {    margin: 0 5px;  }
  .cont03 .slick-dots li button {    width: 7px;    height: 7px;  }
  .cont03 .view {    margin-top: 40px;  }
  .cont03 .view a {    padding: 10px 30px;    font-size: 12px;  }
}
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
  .cont03 {    padding-bottom: 120px;    background-size: 70% auto;  }
  .cont03 .tit {    margin-bottom: 25px;  }
  .cont03 .tit h1 {    font-size: 20px;  }
  .cont03 .tit h1 strong {    font-size: 13px;    margin-left: 0;  }
  .cont03 .slide_studio .studio_box {    padding: 0 0 20px 0px;    margin: 0 15px;  }
  .cont03 .stu_txt {    width: 100%;    height: auto;    padding: 20px 20px;    position: relative;    bottom: auto;    left: auto;  }
  .cont03 .stu_txt p {    font-size: 9px;  }
  .cont03 .stu_txt h2 {    font-size: 13px;  }
  .cont03 .stu_txt h2::after {    margin: 10px 0;  }
  .cont03 .stu_txt h1 {    font-size: 22px;  }
  .cont03 .view a {  padding: 0px;  font-size: 11px;  }
}

/*베뉴*/
.cont04 {  width: 100%;  padding-bottom: 100px;}
.cont04 .cont04_in {  width: 1400px;  margin: 0 auto;  position: relative;}
.cont04 .tit {  margin-bottom: 35px;  text-align: center;}
.cont04 .tit h1 {  font-size: 30px;  color: #37402c;  font-weight: normal;}
.cont04 .tit h1 strong {  font-family: "NanumBarunGothicBold";  font-size: 15px;  color: #bb8281;  display: inline-block;  margin-left: 10px;}

.cont04 .slide_venue {  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);}
.cont04 .slide_venue .venue_box {  position: relative;  width: 100%;  height: 445px;}
.cont04 .slide_venue .venue_box .venue_img img {  display: inline-block;}
.cont04 .venue_txt {  width: 320px;  height: 250px;  background-color: rgb(195, 149, 148, 0.9);  padding: 45px 0;  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);  z-index: 1;
  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%);  text-align: center;}
.cont04 .venue_txt p {  font-size: 9px;  color: rgba(255, 255, 255, 0.5);  letter-spacing: 1px;}
.cont04 .venue_txt h2 {  font-size: 16px;  color: #fff;  letter-spacing: 1px;}
.cont04 .venue_txt h1 {  font-size: 30px;  font-weight: normal;  color: #fff;  margin: 30px 0 10px;}
.cont04 .venue_txt h5 {  font-size: 20px;  font-weight: normal;  color: #fff;}
.cont04 .venue_txt h3 {  font-family: "NanumBareunGothicLight";  font-size: 50px;  color: rgba(255, 255, 255, 0.5);  margin-top: 15px;}

.cont04 .slick-dots {  position: absolute;  bottom: -50px !important;  left: 50% !important;  transform: translateX(-50%);  display: flex;}
.cont04 .slick-dots li {  margin: 0 7px;}
.cont04 .slick-dots li button {  text-indent: -9999px;  border: 0;  background-color: #fff;  width: 10px;  height: 10px;  border-radius: 50%;  opacity: 0.5;}
.cont04 .slick-dots li.slick-active button {  opacity: 1;}

.cont04 .view {  text-align: center;  margin-top: 80px;}
.cont04 .view a {  display: inline-block;  padding: 12px 50px;  background-color: #a0ac92;  font-size: 13px;  color: #fff;  transition: all 0.3s;}
.cont04 .view a:hover {  background-color: #444;  transition: all 0.3s;}

/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .cont04 .cont04_in {    width: 90%;  }
  .cont04 .slide_venue .venue_box {    height: 290px;  }
  .cont04 .slide_venue .venue_box .venue_img img {    width: 50%;  }
  .cont04 .venue_txt {    width: 300px;    height: 200px;    padding: 30px 0;  }
  .cont04 .venue_txt h1 {    font-size: 25px;    margin: 20px 0 10px;  }
  .cont04 .venue_txt h5 {    font-size: 20px;  }
  .cont04 .venue_txt h3 {    font-size: 40px;    margin-top: 10px;  }
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .cont04 {    width: 100%;    padding-bottom: 80px;  }
  .cont04 .cont04_in {    width: 100%;  }
  .cont04 .tit {    margin-bottom: 25px;  }

  .cont04 .slide_venue .venue_box {    height: 350px;  }
  .cont04 .slide_venue .venue_box .venue_img img {    width: 100%;  }
  .cont04 .venue_txt {    width: 300px;    height: 200px;    padding: 30px 0;  }
  .cont04 .venue_txt p {    font-size: 8px;  }
  .cont04 .venue_txt h2 {    font-size: 12px;  }
  .cont04 .venue_txt h1 {    font-size: 25px;    margin: 20px 0 10px;  }
  .cont04 .venue_txt h5 {    font-size: 20px;  }
  .cont04 .venue_txt h3 {    font-size: 40px;    margin-top: 10px;  }
  .cont04 .slick-dots {    bottom: -40px !important;  }
  .cont04 .slick-dots li {    margin: 0 5px;  }
  .cont04 .slick-dots li button {    width: 7px;    height: 7px;  }
  .cont04 .view {    margin-top: 60px;  }
  .cont04 .view a {    padding: 10px 30px;    font-size: 12px;  }
}
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
  .cont04 {    padding-bottom: 50px;  }
  .cont04 .tit {    margin-bottom: 25px;  }
  .cont04 .tit h1 {    font-size: 20px;  }
  .cont04 .tit h1 strong {    font-size: 13px;    margin-left: 5px;  }
  .cont04 .slide_venue .venue_box {    height: 220px;  }
  .cont04 .venue_txt {    width: 200px;    height: 140px;    padding: 20px 0;  }
  .cont04 .venue_txt h2 {    font-size: 11px;  }
  .cont04 .venue_txt h1 {    font-size: 20px;    margin: 15px 0 5px;  }
  .cont04 .venue_txt h3 {    font-size: 30px;    margin-top: 5px;  }
  .cont04 .view a {    padding: 7px 20px;    font-size: 11px;  }
}

/*인스타*/
.cont05 { padding-bottom: 250px;}
.cont05_in{ width: 90%; margin: 0 auto;  position: relative;}
.cont05 .ct5_tit{ font-size: 30px; color: #37402c; margin-bottom: 30px;}
.cont05 .ct5_tit span{ font-family: "NanumBarunGothicLight"; font-size: 15px; color: #7f8e6d; display: inline-block; padding-left: 5px;}
.cont05 .slide_insta div a{ display: block; position: relative;}
.cont05 .slide_insta div a::after{ display: block; content: ""; width: 100%; height: 100%; background-color: rgba(255,255,255, 0.3); position: absolute; top: 0px; left: 0px; z-index: 1;
  opacity: 0; transition: all 0.3s; }
.cont05 .slide_insta div a:hover::after{ opacity: 1; transition: all 0.3s;}
.cont05 img{ width: 100%;}
.cont05 .arrows {  position: absolute;  top: 50%; margin-top:40px; width: 100%; z-index: 2;}
.cont05 .arrows li {  opacity: 0.5;  position: absolute !important;  top: 0px !important;}
.cont05 .arrows #prev_iarrow {  left: -50px;}
.cont05 .arrows #next_iarrow {  right: -50px;  transform: rotateY(-180deg);}
.cont05 .arrows li span {  display: block;  width: 20px;  height: 3px;  background-color: #fff;  transform: rotate(-45deg);}
.cont05 .arrows li span:nth-of-type(2) {  transform: rotate(45deg);  margin-top: 10px;}
.cont05 .arrows .slick-arrow {  position: relative;  top: auto;  margin-top: 0px;  cursor: pointer;}
.cont05 .arrows li:hover {  opacity: 1;}

/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .cont05 { padding-bottom: 150px; background-size: 50% auto;}
  .cont05 .arrows { margin-top:30px;}
  .cont05 .arrows #prev_iarrow {  left: -30px;}
  .cont05 .arrows #next_iarrow {  right: -30px;}
}
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
  .cont05 { padding-bottom: 0; padding-top: 30px;  background-position: right 55px; background-size: auto 30px;}
  .cont05_in{ width: 100%;}
  .cont05 .ct5_tit  { font-size: 20px; margin: 0 0 20px 10px; }
  .cont05 .ct5_tit span { font-size: 13px;}
  .cont05 .slide_insta .slick-slide { width: 33.3% !important; height: auto !important;}
}

/*forget*/
.cont06 {  width: 100%; background-color: #f5f5f5;  padding: 100px 0 130px 0;  margin-bottom: 200px;}
.cont06_in{ width: 1200px; margin: 0 auto; display: flex; }
.cont06 .tit h1{ font-size: 30px; font-weight: normal; color: #37402c; margin: 25px 0 0 166px;}
.cont06 .tit h1 strong{ font-family: "NanumBareunGothicUltraLight";  font-size: 15px; line-height: 1.3;  color: #7f8e6d; display: block; padding-top: 20px;}
.cont06 .ct6{ margin:25px 0 0 25px;}
.cont06 .ct6 li{ font-family: "NanumBareunGothicLight"; font-size: 15px; color: #37402c; display: inline-block; margin: 0 30px;  padding-left: 10px; position: relative;}
.cont06 .ct6 li::before{ display: block; content: ""; width: 3px; height: 3px; background-color: #7f8e6d; border-radius: 50%; position: absolute; top: 8px; left: 0px;}
.cont06 .ct6 p{ font-family: "NanumBareunGothicLight"; font-size: 15px; color: #37402c; margin:50px 0 0 50px;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .cont06_in{ width: 85%; }
  .cont06 .tit h1{ margin-left: 0px;}
  .cont06 .ct6{ margin:30px 0 0 50px;}
  .cont06 .ct6 li{ margin: 0 10px;}
  .cont06 .ct6 p{ margin:50px 0 0 0px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .cont06{ margin-bottom: 150px; padding:80px 0 150px 0; position: relative;}
  .cont06 .tit h1{ margin: 5px 0 0 0px;}
  .cont06 .ct6{ margin:0px 0 0 80px;}
  .cont06 .ct6 li{ font-size: 14px; margin: 10px 0; display: block;}
  .cont06 .ct6 p{ font-size: 14px; text-align: center; line-height: 1.7; position: absolute;  bottom: 70px; left: 50%; transform: translateX(-50%);}
}
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
  .cont06{ padding: 60px 0 ; margin-bottom: 100px;}
  .cont06_in{ display: block; }
  .cont06 .tit h1{ font-size: 20px; margin-bottom: 30px;}
  .cont06 .tit h1 strong{  font-size: 13px; }
  .cont06 .ct6{ margin:0px 0 0 0px;}
  .cont06 .ct6 li{ font-size: 13px; margin: 6px 0;}
  .cont06 .ct6 li::before{ top: 5px;}
  .cont06 .ct6 p{ font-size: 13px; position: relative; bottom: auto; left: auto;  transform: translateX(0%); margin-top: 50px; }
}
