.mainContainer { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; }
.mainTopsildeWrap { width: 100%; background: #F3F0EB; margin: 0 auto; padding:5px 0 80px; overflow: hidden;}
.mainTopsildeWrap .mainContainer {max-width: 1240px; margin: 0 auto;}
.mainTopsildeWrap .slider-wrap .slick-list { overflow: visible !important;}
.mainTopsildeWrap .slider-wrap .slick-slide { position: relative; margin: 0 20px; opacity:0.5;}
.mainTopsildeWrap .slider-wrap .slick-slide.slick-current.slick-active,
.mainTopsildeWrap .slider-wrap .slick-slide.slick-center {opacity:1; }

.mainContainer.mTop30 {margin: 30px auto 0;}
.mainContainer.mTop60 {margin: 60px auto 0;}
.mainContainer.mTop90 {margin: 90px auto 0;}
.mainContainer.mBot100 {margin: 0 auto 100px;}
.mainContainer.mBot90 {margin: 0 auto 90px;}

.mainTopsildeWrap .banner_title { position:absolute; top:50%; text-align:left; transform:translateY(-50%); clear:both; left:10%;}
.mainTopsildeWrap .slick-slide.slick-center .banner_title,
.mainTopsildeWrap .slick-slide.slick-active .banner_title{left: 6%;-webkit-transition: 3s ;
	-moz-transition: 3s ;
	-ms-transition: 3s ;
	-o-transition: 3s ;
	transition: 3s ;}  /* 좌측노출 텍스트 끝나는 지점  화면 좌측에서 % */
.mainTopsildeWrap .banner_title .f_black {color:#333;}
.mainTopsildeWrap .banner_title .f_white {color:#fff;}
.mainTopsildeWrap .banner_title .f_bori {color:#f7d49b;}
.mainTopsildeWrap .banner_title .f_event1 {color:#00bd9f;}
.mainTopsildeWrap .banner_title .f_event2 {color:#be9d69;}
.mainTopsildeWrap .banner_title .f_event3 {color:#3675ce;}
.mainTopsildeWrap .banner_title .btxt {font-size:50px; line-height:120%; font-weight:600;}
.mainTopsildeWrap .banner_title .stxt {display:block; font-size:20px; line-height:160%; padding-top:20px;}
.mainTopsildeWrap .banner_title .stxtw {display:block; font-size:20px; line-height:160%; padding-top:20px;color:#fff;}
.mainTopsildeWrap .banner_title .stxtb {display:block; font-size:20px; line-height:160%; padding-top:20px;color:#333;}

.mainTopsildeWrap .left_bg {position:absolute; left:calc(100% + 20px); top:0; height:100%; }
.mainTopsildeWrap .left_bg img {}
.mainTopsildeWrap .right_bg {position:absolute; right:calc(100% + 20px); top:0; height:100%; }
.mainTopsildeWrap .right_bg img { }
.mainTopsildeWrap .slider-wrap .slick-track,
.mainTopsildeWrap .slider-wrap .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 6ms;
}

.mainTopsilde .controler { display: none;}
.mainBanner1 { clear:both; width: 100%;  background: #F3F0EB; margin:100px auto;}
.mainBanner1 .mainContainer { overflow: hidden; }
.mainContainerFull {clear:both; margin: 0 auto; width:100%; padding:0;  }
.mainContainerFull:after{clear:both; display:block; content:"";}
.mainContainerFull.mPB5 {padding-bottom:10%;}
.mainContainerFull .mainTitle {padding-left:21px;}

.mainSection4 {clear:both; width:100%; padding:100px 0; background: #DEEBE1; text-align: center; }
.mainSection4 h1 { text-align: center; color: #3B3B3B; font-size: 38px; padding-bottom: 30px;}
.mainSection4 .mainVideoBanner { position: relative; width: 100%; max-width:1200px; margin: 0 auto; }
.mainSection4 .mainVideoBanner .videoFrameContainer { position:relative; height:0; padding-bottom:56.25%; overflow:hidden; border-radius: 10px;}
.mainSection4 .mainVideoBanner .videoFrameContainer iframe,
.mainSection4 .mainVideoBanner .videoFrameContainer object,
.mainSection4 .mainVideoBanner .videoFrameContainer embed{position:absolute;top:0;left:0;width:100%;height:100%;} 

.mainBanner2 {  width: 100%; background: #F3F0EB; padding-bottom: 90px; }
.mainBanner2 .mainContainer {  }
.mainBanner2 .swiper-button-next:after, .mainBanner2 .swiper-button-prev:after { display: none;}
.mainBanner2 .swiper-button-next, .mainBanner2 .swiper-button-prev { width: 42px; height: 42px;}
.mainBanner2 .swiper-button-prev { left: -20px; }
.mainBanner2 .swiper-button-next { right: -20px; }
.mainSilde3  { overflow: hidden; }

.mainBanner3 {  width: 100%; background: #F3F0EB; padding-bottom: 90px; padding-bottom: 100px; }
.mainBanner3 .mainTitle { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; }
.mainBanner3 .mainContainer { position: relative; width: 100%; max-width: 920px; margin: 0 auto; padding-top: 35px; }
.mainBanner3 .swiper-wrapper{padding-left: 30px;}
.mainBanner3 .swiper-button-next:after, .mainBanner3 .swiper-button-prev:after { display: none;}
.mainBanner3 .swiper-button-next, .mainBanner3 .swiper-button-prev { width: 42px; height: 42px;}
.mainBanner3 .swiper-button-prev { left: -110px; }
.mainBanner3 .swiper-button-next { right: -120px; }
.mainBanner3 .swiper-slide img { border-radius: 20px; }

.mplTab { margin:0 auto 25px; text-align:left; padding-bottom:25px; width:100%; overflow:hidden; }
.mplTab ul { font-size:0; display: block; white-space: nowrap;}
.mplTab ul li {display: inline-block; width:auto; margin:0 4px; background:none;}
.mplTab ul li a { display: inline-block; vertical-align: middle;  box-shadow: inset 0 0 0 2px #a5a5a5, 0 0 1px #333; border-radius: 30px; white-space: nowrap; font-weight:500; max-width: 210px; padding:3px 20px; font-size:16px; color:#555; line-height: 30px; text-align:center; overflow:hidden; }
.mplTab ul li.select a { color:#fff; background-color:var(--f-point-color); box-shadow: inset 0 0 0 2px var(--f-point-color), 0 0 1px rgba(0, 0, 0, 0);}

.mainTitle { clear:both; margin: 0 0 35px 10px; text-align: left;  }
.mainTitle p { height: 32px; line-height: 32px;}
.mainTitle .titleTop { color:#000000; font-size:30px; font-weight:600;  }
.mainTitle .titleTop2 { color:#000000; font-size:30px; font-weight:600; padding-bottom:20px; text-align: center;  }
.mainTitle .titleTop img { vertical-align: middle; margin-right: 5px;}
.mainTitle .titleBottom { color:#525252; font-size:14px; }
.mainBoardTab > .cols1 {display:none;}
.mainBoardTab > .cols1:first-child {display:block;}

.innerContent {clear:both; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.innerContent:after { content:""; display:block; clear:both; }
.boardListContainer {overflow:visible;  width:100%; display:flex; flex-wrap: wrap; align-content: stretch;}
.boardListContainer:after { content:""; display:block; clear:both; }
.boardListContainer ul.boardWrap { float: left;  position: relative; width:33.33%; margin-bottom:25px;padding-left: 10px; padding-right: 10px; padding-bottom:35px; border-bottom:1px solid #cacaca; box-sizing:border-box;}
.boardListContainer ul.boardWrap:nth-child(4),
.boardListContainer ul.boardWrap:nth-child(5),
.boardListContainer ul.boardWrap:nth-child(6) { border: 0; margin-top: 50px;}
.boardListContainer ul.boardWrap li {width: 100%;}
.boardListContainer ul.boardWrap li.boardImage { display:block; border-bottom: none; cursor:pointer; overflow:hidden; border-radius:20px;border: 1px solid #e5e5e5;}
.boardListContainer ul.boardWrap li.boardImage img { width: 100%; border-radius:20px;}
.boardListContainer ul.boardWrap li.boardInfo {clear:both; padding:25px 0 10px; text-align: left; }
.boardListContainer ul.boardWrap li.boardInfo .boardTitle {display:block; font-size:18px; color:#000; padding-bottom:10px; font-weight:500;}
.boardListContainer ul.boardWrap li.boardInfo .boardTitle a { color:#000; }
.boardListContainer ul.boardWrap li.boardInfo .boardContent { margin:8px 0 8px; color:#000; font-size:14px; overflow: hidden; }
.boardListContainer ul.boardWrap li.boardInfo .boardContent a { color: #000;}

.goodsAddImg {width:100%; max-width: 586px; text-align:center; border: 0; box-sizing: border-box; margin: 0 auto; padding: 0;box-sizing: border-box;}
.goodsAddImg .innerContent { width:100%; border-radius:20px; overflow: hidden;}
.goodsAddImg .innerContent img {width: 100%; border-radius:20px; }

.goodsAddImg_new {width:100%; max-width: 586px; text-align:center; border: 0; box-sizing: border-box; margin: 0 auto; padding: 0;box-sizing: border-box;}
.goodsAddImg_new .innerContent_new { border-radius:20px; overflow: hidden;text-align:left;}
.goodsAddImg_new .innerContent_new img { border-radius:20px; }


.mainContainerBg { width: 100%; background: #F3F0EB; padding-top: 100px;  }

.html_more {clear:both; width:100%; font-size:20px; margin-top:30px; text-align:center;}
.html_more.mTop0 {margin-top:0;}
.html_more a {  border-radius:5px; position: relative; display:inline-block; background-color: transparent; border:1px solid #35322D; padding:15px 50px; min-width:250px; color: #000;  -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.html_more a:before{
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background-color: #037158;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.5s !important;
}
.html_more a:hover:before {
    display: block;
    width: 100%;
}

.html_more:after {clear:both; display:block; content:"";}
.html_more.green { background-color:var(--f-point-color); margin-top:20px; }
.html_more.green a { color:#fff; border:1px solid #fff; }
.html_more.green a:hover {border:1px solid #fff; }
.html_more.green a:before{display:none;}

.html_more a:hover{
    color: #fff !important;
    z-index: 999;
	border-color: #037158;
    background-color: #037158;
}
.mainSection4 .html_more {margin-top:70px;}

.mainContainer2 { position: relative; width: 100%; max-width: 1204px; margin: 0 auto; padding: 120px 0 50px; }

@media screen and (max-width:1400px){
    .mainBanner2 .swiper-button-prev { left: 20px; }
    .mainBanner2 .swiper-button-next { right: 20px; }
}

@media screen and (max-width:1400px){
    .mainBanner3 .swiper-button-prev { left: 110px; }
    .mainBanner3 .swiper-button-next { right: 120px; }
}


/* 메인 타임세일 상품 진열 */
.mainContainerBgTime { width: 100%; background: #037158; padding: 100px 0;  }
.mainContainerBgTime .mainContainer {max-width:1098px; margin:0 auto;}
.mainContainerBgTime .mainTitle {text-align:center; padding-bottom:40px;}
.mainContainerBgTime .mainTitle .titleTop { color:#fff; font-size:38px; font-weight:500;  }
.mainContainerBgTime .mainTitle .titleBottom { color:#fff; font-size:22px; padding-top:20px; }

.mainTimeSale {-webkit-backface-visibility: hidden;}
.mainTimeSale .item-display .list .space {position:relative;}
.mainTimeSale .goodsListItem {border:none; width:950px; margin:0 auto; }
.mainTimeSale .goodsListItem .innerSale {position:relative; clear:both; width:100%; overflow:hidden; border-radius:20px; }
.mainTimeSale .goodsListItem .innerSale a img {width:100%; border-radius:20px; max-width:870px;}
.mainTimeSale .goodsListItem .innerSaleGoods {position:absolute; background:#fff; border-radius:12px; bottom:30px; width:770px; padding:5px 20px; margin:0 30px; left:auto; right:auto;} 
.mainTimeSale .goodsListItem .innerSaleGoods .innerContent { display: flex;  max-width:400px; margin:0 auto;}
.mainTimeSale .goodsListItem .innerSaleGoods .thumbnail {  width: 30%; margin:0;}
.mainTimeSale .goodsListItem .innerSaleGoods .thumbnail a { margin:0; box-shadow:none; border:none;}
.mainTimeSale .goodsListItem .innerSaleGoods .goodsListContent {float:left; display: flex; width: 67%; margin: 0 0 0 3%; }
.mainTimeSale .goodsListItem .innerSaleGoods .goodsListContent .goodsListInfo { display: flex;  flex-wrap: wrap; align-content: center; justify-content: flex-start; }
.mainTimeSale .prdName {padding:5px 0;}
.mainTimeSale .item-display .list .space {margin:0 40px;}
.mainTimeSale .item-display .list ul li {padding-bottom:0;}
.mainTimeSale .item-display .list ul li .txt {padding:3px 0 0;}

.mainTimeSale .swiper-button-next, .mainTimeSale .swiper-button-prev { width:19px; height:33px; margin-top:-32px;}

.mainTimeSale .swiper-button-next {
  background: url(../images/new/btn_next_st1.png) no-repeat;
  filter: brightness(0) invert(1);
  right:75px;
}

.mainTimeSale .swiper-button-prev {
  background: url(../images/new/btn_prev_st1.png) no-repeat;
  filter: brightness(0) invert(1);
  left:50px;
}

.mainTimeSale .swiper-button-next::after,
.mainTimeSale .swiper-button-prev::after {
  display: none;
}

.goods_timeSale { position: absolute; z-index:2; text-align:center; overflow:hidden; white-space: nowrap; -webkit-transition:.3s; -moz-transition:.3s;  -ms-transition:.3s; -o-transition:.3s; transition:.3s; }
.goods_timeSale.Center {max-width:100px; top:56px; margin-left:auto; margin-right:auto; left:0; right:0; border-radius:20px; }
.goods_timeSale.topRight {top:4%; right:0; border-top-left-radius:20px; border-bottom-left-radius:20px; }
.goods_timeSale.bottomLeft { bottom:4%; left:0; border-top-right-radius:20px; border-bottom-right-radius:20px;}
.goods_timeSale.bottomFixd {position:absolute; max-width:140px; left:0; right:0; margin:0 auto; bottom:3%; border-radius:20px;}
.goods_timeSale.on {min-width:215px; height:40px; line-height: 38px; margin:-30px auto 5px; color: #000; padding:0 15px 0 44px; background: url('../images/new/timesale_icon.png') no-repeat left 50%;}
/*.goods_timeSale.on {min-width:215px; height:40px; line-height: 38px; margin:-30px auto 5px; color: #000; padding: 0 15px 0 54px; background: url('https://aghealth.hgodo.com/web/upload/event/icon__timedeal_320x320.gif') no-repeat 10px center;background-size: contain;}*/
.goods_timeSale.on span {font-size:28px; line-height: 34px; vertical-align:top;}
/*.goods_timeSale.on em{font-size:34px; margin:0 2px; color:#000; border-radius:0; padding:0 0; border-radius:3px; font-weight:500;}*/
.goods_timeSale.on em{font-size:34px; margin:0 2px; color:#000; border-radius:0; padding:0 0; border-radius:3px; font-weight:500;}
.goods_timeSale.on em:first-child {margin-left:0;}
.endTimeSaleMsg {position: absolute; z-index:2; text-align:center; top:6%; max-width:230px; font-size:16px; margin-left:auto; margin-right:auto; left:0; right:0; border-radius:20px; min-width:90px; height:40px; line-height: 38px; margin:5px auto 5px; color: #000; padding:0 10px 0 10px; background: rgba(42,42,42, 0.8);  -webkit-transition:.3s; -moz-transition:.3s;  -ms-transition:.3s; -o-transition:.3s; transition:.3s;}



.mainContainer .mainicon {
	margin-top:25px;
	height: 85px;
    color: #fff;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
	padding-top:25px;
	padding-bottom:15px;
}

.mainContainer .mainicon a {
	margin:10px;
}

.mainContainer .mainicon img {
    /*max-width: 265px;*/
	max-width: 235px;
    vertical-align: bottom;
}


.keyword-health .title {
    padding-right: 15px;
	font-size: 30px !important;
	font-weight:650 !important;
	color:#000;
}

.keyword-health .body {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    gap: 24px 30px;
    margin-right: 20px;
	margin-bottom:85px
}


.keyword-health .body li a {
	font-size: 18px !important;
    display: inline-block;
	border-radius: 10px;
	padding:7px 9px;
    border-color: #DEEBE1;
    background-color: #DEEBE1;
}


.keyword-health .body li a {
    color: #000;
	font-weight:410 !important;
    transition: all 0.5s;
}

.b6-400 {
    font-size: 20px !important;
    line-height: 32px !important;
    font-weight: 410 !important;
	padding-top:15px;
}

.keyword-health a:hover {
	border-radius: 10px;
    color: #037158 !important;
    z-index: 999;
    border-color: #DEEBE1;
    background-color: #DEEBE1;
	padding:7px 9px;
	font-size: 18px !important;
	font-weight:410 !important;
}


.boardListContainer ul.boardWrap li.boardImage > a .audio-summary {
    position: absolute;
    top: 12px;
    right: 20px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 9px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0,0,0,0.08);
    color: #333;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    pointer-events: none;
}