.top_banner_01 .today_cls {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.line-vt { margin-top: -3px; }
.pd-tmenu { padding-top: 88px; }
.mg-tmenu { margin-top: 88px; }

.M_visual { height: auto; overflow: hidden; }
.M_visual .slick-arrow.slick-prev { left: 40px; }
.M_visual .slick-arrow.slick-next { right: 40px; }
/* .M_visual .image-slide { height: 600px; } */
.M_visual .slick-dots { bottom: 4%; }
.M_visual .slick-dots  button {
  width: 14px;
  height: 14px;
  border-radius: 20px;
  background-color: #b2b2b2;
  transition: background-color .3s, width .3s;
}
.M_visual .slick-dots .slick-active button {
  width: 48px;
  background-color: rgb(255, 255, 255);;
}
.sub-tab-section { overflow-x: auto; }
.sub-tab-section .tab-item { white-space: nowrap; }
.sub-tab-section .tab-item.selected {
  font-weight: 900;
  text-decoration: underline;
}
.sub-tab-section .tab-item.tab-item-sel-0.selected {
  background-color: rgba(0,0,0,.15);
}

.line-center-01::before {
  content: '';
  z-index: 2;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 40px;
  transform: translateY(-50%);
}
.line-top-01::before {
  content: '';
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 1px;
  /* transform: translateY(-50%); */
}
.line-v-1::before {
  content: '';
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.4px;
  height: 1em;
  margin-top: .17em;
}

.ft-grad-01 {
  background: linear-gradient(to right, #fbd21f, #ff6d3f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.search-input-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 5%;
  min-width: 24px;
  cursor: pointer;
}

.bd-bt-c9-3 { border-bottom: 3px solid #244dc2; }
.bd-lg-10 { border: 10px solid #eee;}
.bd-wh-10 { border: 10px solid #fff;}

.ft-df { position: relative; top: .15em; }
.action-btn { position: relative; overflow: hidden; cursor: pointer; }
.action-btn::after,
.action-btn::before {
  content: "";
  /*z-index: -1;*/
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.3px;
  transition: .2s;
}
.action-btn::after { transform: translateX(-105%); }
.action-btn::before { transform: translateX(-200%); }
.action-btn:hover::before,
.action-btn:hover::after {
  transform: translateX(0%);
}
.action-btn:hover::after {
  transform: translateX(0%);
  transition-delay: .2s;
}
.circle-arrow {
  position: absolute;
  top: 0;
  left: 0;
}
.circle-arrow .circle { 
  transform-origin: 50% 50%;
  stroke-dasharray: 0;
  transition: .3s;
  stroke-width: 3px;
}
.arrow-btn-wrap:hover .circle-arrow .circle {
  stroke-dasharray: 2,4;
  transform: rotate(35deg);
}

.arrow-type-01 {
  width: 22px;
  height: 22px;
  background-image: url('https://www.audreypet.com/img/icon/arrow.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.arrow-type-01.arrow-wh { background-image: url('https://www.audreypet.com/img/icon/arrow-wh.svg'); }
.arrow-btn-wrap:hover .arrow-btn-01 .arrow-type-01 { animation: arrowAniType01 .6s forwards; }
@keyframes arrowAniType01 {
  50% { transform: translateX(6px); }
  100% { transform: translateX(0px); }
}


.box-shadow-type0 { box-shadow: 4px 4px 0px 0px rgba(0,0,0,.1); }
.box-shadow-type1 { box-shadow: 8px 8px 0px 0px rgba(0,0,0,.3); }
.box-shadow-type2 { box-shadow: 4px 4px 0px 0px rgba(255,255,255,.4); }
.box-shadow-type3 { box-shadow: 8px 8px 0px 0px rgba(255,255,255,.4); }
.txt-shadow0 { text-shadow: 0.04071em 0.04071em 0em rgba(0, 0, 0, 1); }
.txt-underline-0 { box-shadow: 0px .06em #000; padding-bottom: .02em; }
.txt-underline-1 { box-shadow: 0px .06em #f07e23; padding-bottom: .02em; }
.txt-underline-wh { box-shadow: 0px .06em #fff; padding-bottom: .02em; }

.txt-highlight {
  background-image: url('https://www.audreypet.com/img/bg/highlight.svg');
  background-position: 0 60%;
  background-repeat: no-repeat;
  padding: 0 1em 0.3em 0.2em;
}
.txt-highlight.txt-highlight-c0 { background-image: url('https://www.audreypet.com/img/bg/highlight-1.svg'); }
.txt-highlight.txt-highlight-c1 { background-image: url('https://www.audreypet.com/img/bg/highlight-2.svg'); }
.txt-highlight.txt-highlight-c2 { background-image: url('https://www.audreypet.com/img/bg/highlight-3.svg'); }
.txt-point-1 { border-bottom: solid .1em #f07e23; box-shadow: inset 0 -.45em 0 #ffa35a; }
.txt-point-2 { box-shadow: inset 0 -.7em 0 #ff00ab; padding-bottom: .3em; }


.swiper-slide { height: auto; }
.swiper-pagination-bullet { margin: 0 5px; }
.swiper-pagination-bullet { background-color: #fff; opacity: .5; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #000; opacity: 1; }
.swiper-button-next, .swiper-button-prev { margin-top: -20px; }

.custom-pagination.swiper-pagination {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}
.custom-pagination-1.swiper-pagination {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
}
.swiper-button-next::after, 
.swiper-button-prev::after {
  font-size: 28px;
}


.swiper-container.gallery-top,
.swiper-container.gallery-thumbs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 300px;*/
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination {
  bottom: 20px;
  left: 0;
  width: 100%;
  transform: translateY(50%);
}
.swiper-pagination-bullet { margin: 0 3px; }
.swiper-pagination-bullet-active { background-color: #000; }

.image-swiper-sect01 .swiper-container {
  position: absolute;
  top: 0; left: 0;
}
.image-swiper-sect02 .swiper-button-next, 
.image-swiper-sect02 .swiper-button-prev {
  position: relative;
  top: 0;
  left: 0;
  right: auto;
  margin-top: 0;
  margin-bottom: 0;
  width: 58px;
  height: 58px;
  padding: 14px;
  border: 1px solid #635D60;
  border-radius: 100px;
}
.image-swiper-sect02 .swiper-button-prev { transform: rotate(180deg); }
.image-swiper-sect02 .swiper-button-next::after, 
.image-swiper-sect02 .swiper-button-prev::after { content: none; }
.swiper-slide .aniType01 { transform: translateY(100%); transition-duration: .6s; transition-delay: 0s; }
.swiper-slide.swiper-slide-active .aniType01 { transform: translateY(0%); transition-delay: .3s; }
.swiper-slide.swiper-slide-active .aniType01.aniType01-d4 { transition-delay: .4s; }
.swiper-slide.swiper-slide-active .aniType01.aniType01-d5 { transition-delay: .5s; }
.swiper-slide.swiper-slide-active .aniType01.aniType01-d6 { transition-delay: .6s; }
.swiper-slide.swiper-slide-active .aniType01.aniType01-d7 { transition-delay: .7s; }
.swiper-slide.swiper-slide-active .aniType01.aniType01-d8 { transition-delay: .8s; }
.swiper-slide.swiper-slide-active .aniType01.aniType01-d9 { transition-delay: .9s; }
.swiper-slide.swiper-slide-active .aniType01.aniType01-d10 { transition-delay: 1s; }
.swiper-slide.swiper-slide-active .aniType01.aniType01-d11 { transition-delay: 1.1s; }

/*.bg-height--00 { height: 120%; }*/
.bg-style-00 { background-image: linear-gradient( to top, rgba(0,0,0,1) 18%, transparent 86% ); }

.bg-style-02 { height: 10.2em; }
.bg-style-02 .scroll-active {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 300vh;
  transform: translateY(-50%);
}
.line-txt { position: relative; left: -800px; }
.line-txt-0 { top: -.45em; }
.line-txt-1 { top: .45em; }

.bg-style-01 {
  position: absolute;
  left: -100%;
  bottom: 0;
  background-image: url('https://www.audreypet.com/img/bg/bg-1.svg');
  background-size: auto;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  width: 200%;
  height: 100%;
}
.bg-style-03::before {
  content: '';
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  width: 200%;
  background: rgba(0, 0, 0, 0.25);
  transform: skew(-30deg);
}

.bg-style-04.selected::before {
  content: '';
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  transform: skew(-30deg);
}

.bg-style-05::after {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  transform: skew(-30deg);
}
.bg-style-05::before {
  content: '';
  position: absolute;
  top: 22px; left: 15px;
  width: 100%;
  height: 100%;
  transform: skew(-30deg);
}

.mask-style-00, 
.mask-style-01 { transform: skew(-30deg); }
.mask-style-01::before {
  content: '';
  position: absolute;
  top: 20px; left: 20px;
  width: 100%;
  height: 100%;
}
.mask-style-01-wrap { overflow: hidden; }
.mask-style-01-item {
  transform: skew(30deg);
  left: -30%;
  width: 160%;
}

.fig-01 { width: 14px; height: 6px;}
.fig-02 { width: 44px; height: 6px;}

.tr-style-01 {
  transform-origin: 0 50%;
  transform: translateY(-20px) rotate(-15deg);
  opacity: 0;
}
.scroll-active.on .tr-style-01 {
  transform: translateY(0px) rotate(0deg);
  opacity: 1;
}

.tr-style-02 {
  transform-origin: 0 100%;
  transform: translateX(0px) rotate(-15deg);
  opacity: 0;
}
.scroll-active.on .tr-style-02 {
  transform: translateX(0px) rotate(0deg);
  opacity: 1;
}

.tr-style-03 {
  transform: translateX(-20px);
  opacity: 0;
}
.scroll-active.on .tr-style-03 {
  transform: translateX(0px);
  opacity: 1;
}

.kakao_ban {
  left: auto;
  right: 30px;
  margin: 0;
}
.kakao_bannner {
  position: fixed;
  top: auto;
  left: auto;
  right: 40px;
  bottom: 40px;
  margin: 0;
  background-color: #ffe812;
  z-index: 101;
}
.kakao_bannner .txt-area {
  position: absolute;
  top: 50%;
  left: -20px;
  /* width: 200%; */
  padding: 10px;
  border-radius: 5px;
  line-height: 1;
  background-color: #eee;
  transform: translate(-100%, -50%);
}

.kakao_bannner .txt-area:before {
  content: '';
  position: absolute;
  top: 50%;
  right: -17px;
  margin-top: -8.5px;
  border: 7px solid transparent;
  border-left: 10px solid #eee;
}
.logo-section { min-width: 150px; }
/* #menu-section { order: 0; }
.log-section { order: 1; } */
.log-section { position: absolute; right: 0; }
.member_container { width: 100%; max-width: 1200px; }
.sub_history .history_nav { margin-right: 20px; }
.wrapper { overflow: hidden; position: relative; }
.lec_view_wrap .lec_view_info,
.lec_content .lv_cont { width: 100%; padding: 15px 0; }
.lec_content .lv_cont.detail ul { list-style: none; }
.lc_list .ll_detail { padding-left: 32px; }
.f-clear { clear: both; }
.h-auto { height: auto; }
.w-auto { width: auto; }
.box-shadow-01 { box-shadow: 4px 4px 8px rgba(0,0,0,.4);}

.lec_view { padding: 30px 0px; }
.lec_view .lv_img,
.lec_view .lv_info { 
  clear: both;
  width: 100%;
}
.lec_btn > button {
  height: auto;
  line-height: 1em;
  padding: 15px 20px;
}
.lec_banner .half_wrap { display: flex; align-items: center; }
.lec_banner .half_col,
.lec_banner .half_col:nth-child(2) { display: block; padding: 0; }
.lec_banner .half_col:nth-child(2) { padding-left: 20px; }
.lec_banner .half_col_wrap { position: relative; padding-top: 55.3%; }
.lec_banner .half_col iframe { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
.lec_banner .lec_slide { width: 100%; }
.lec_view_bar .lv_move { width: 100%; height: auto; white-space: nowrap; overflow-x: auto; padding: 0; }
.lec_view_bar .lv_move li { height: auto; line-height: 1em; padding: 10px 20px; margin: 10px; }
.lv_cont img { display: block; width: 100%; }
.lec_content > .board_btn { width: 100%; }
.lv_info dl { display: flex; align-items: center;}

.lec_btn.clearfix { display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px; }
.lec_btn > .share_btn,
.lec_btn > .buy_btn { width: 100%; margin: 0; }
.lec_btn > .share_btn.package-prd,
.lec_btn > .buy_btn.package-prd { width: calc(50% - 10px); margin: 5px; }
.lec_btn > .share_btn.single-prd,
.lec_btn > .buy_btn.single-prd { width: calc(25% - 10px); margin: 5px; }
.wrapper.overlay::after { 
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,.4);
}
.policy_wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.policy_wrap .inner { margin: 30px 0;}
.lec_category .lc_lst a {
  height: auto;
  line-height: 1em;
  padding: 10px 10px;
}



@media screen and (max-width: 800px) {
  #menu-section {
    text-align: right;
    overflow-x: auto;
    font-size: 10px;
  }
  .sect00-image { background-position: 64% 50%; }
  .pd-tmenu { padding-top: 88px; }
  .mg-tmenu { margin-top: 88px; }
  .m-mg-t40m { margin-top: -34px;}
  .logo-section { min-width: 108px; }
  /* .log-section { order: 0; } */
  /* #menu-section { display: block; order: 1; } */
  /* .menu-child { display: none;} */
  #head-section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .kakao_ban { top: auto; bottom: 20px; }
  .kakao_ban.fixed {
    top: auto;
    bottom: 20px;
  }
  .kakao_ban img {display: block; width: 50px;}
  .m-bg-cover {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0; 
  }
  .m-opacity-7 { opacity: .7; }
  .lec_btn { width: 100%; margin-top: 20px; } 
  .lec_btn > .share_btn,
  .lec_btn > .buy_btn { width: 100%; margin: 10px 0 0; }
  .lv_info .lv_ttl,
  .lv_opt, .lv_sns { padding: 10px 0;}
  .lv_info .lv_ttl h3,
  .lec_price .lv_price { font-size: 20px; margin-bottom: 0; }
  .lec_banner .half_wrap { padding: 20px; flex-direction: column; }
  .lec_banner .half_col { width: 100%; }
  .lec_banner .half_col:nth-child(2) { padding-left: 0px; margin-top: 20px; }
  .lec_view { padding: 30px 20px; }
  .lec_view_bar .lv_move li { font-size: 10px; }
  .lc_list th, .lc_list td { font-size: 10px;  height: 30px;}
  .board_btn { padding: 0 10px;}
  .lv_info dt { line-height: 1em;}
  .lec_btn > .share_btn.package-prd,
  .lec_btn > .buy_btn.package-prd,
  .lec_btn > .share_btn.single-prd,
  .lec_btn > .buy_btn.single-prd { width: calc(50% - 10px); /* width: 100%; */ margin: 5px; font-size: 12px; }
  .lec_category .lc_lst li { padding: 0 10px; }
  .policy_wrap .inner { padding: 20px; }
  .policy_wrap h2 { font-size: 26px;}
}