/* BASIC css start */
/* 메인 배너 */ 
.sliderWrap {position:relative;min-width:1200px;height:700px;overflow:hidden;}
.sliderWrap .sliderArea {position:absolute;top:0;left:0;width:100%;height:100%;text-align: center;}
.sliderWrap .sliderArea,
.sliderWrap .sliderArea .bx-viewport,
.sliderWrap .sliderArea .main_banner,
.sliderWrap .sliderArea .main_banner li {width:100% !important;}

.sliderArea .bx-pager{position:absolute;bottom:80px;left:0;right:0;z-index:60;text-align:center;}
.sliderArea .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.sliderArea .bx-pager-link{display:inline-block;width:16px;height:16px;font-size:0;margin: 0 5px;background-color:#ceccd6; border-radius: 50%; border:1px solid #333}
.sliderArea .bx-pager-link.active{background-color:#ffa303;}
.sliderArea .bx-controls-direction {position:absolute;top:50%;z-index:60;text-align:center;width: 100%;}
.sliderArea:hover .bx-controls-direction {transition:all 0.3s ease;-webkit-transition:all 0.3s ease; opacity:1; }
.sliderArea .bx-prev, .sliderArea .bx-next{position:absolute;top:0;margin-top:-30px;font-size: 36px;display:inline-block;width:60px;height:60px;background-color: rgba(33, 33, 33, 0.5);color:#fff;border-radius: 100%;}
.sliderArea .bx-next {background-color: rgba(0, 0, 0, 0.5);}
.sliderArea .bx-prev i, .sliderArea .bx-next i {vertical-align: middle;line-height: 60px;}
.sliderArea .bx-prev{left:150px;}
.sliderArea .bx-next{right:150px;}
.sliderArea .bx-prev:hover,
.sliderArea .bx-next:hover{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-color: rgba(0, 0, 0, 0.9);}
.sliderArea .main_banner li {height:700px; background-size:cover; background-repeat:no-repeat;}
.sliderArea .main_banner a {position:relative; display:block; width:100%; height:100%;}
.sliderArea .main_banner a::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7);}
.sliderArea .main_banner a .textBox {position: absolute; z-index: 7; left: 50%; transform: translateX(-50%); top:110px;}
.sliderArea .main_banner a dt {font-family:"Noto Sans KR", sans-serif; font-size:56px; font-weight:700; color:#ffffff; line-height:1; padding:33px 0 25px 0; letter-spacing:5px;}
.sliderArea .main_banner a dd {font-size:26px; font-weight:300; color:#ffffff; line-height:1.4; opacity:0.5;}
.sliderArea .main_banner a >img {width:100%;}

/* 서브 배너 */
.subBnnr { margin-top:30px; overflow:hidden;}
.subBnnr .left {float:left}
.subBnnr .right {float:right}

/* 금주 베스트 */
#recmdItem { position: relative; }
#recmdItem .bx-wrapper { min-width:1200px; }
#recmdItem .item-wrap .item-cont .item-list {border:0;text-align: center;}
#recmdItem .item-wrap .item-cont .item-list .thumb .bestNum {position: absolute;left:0;top:0;width: 54px;height: 54px;text-align: center;background: #929292;border-radius: 50%;line-height: 54px;font-size: 20px;z-index: 11;color: #fff;}
#recmdItem .item-wrap .item-cont .item-list .thumb .bestNum.ptClr {background: #113e00;}
#recmdItem .item-wrap .item-cont .item-list .thumb .thumbWrap {position: relative;border-radius: 50%;overflow: hidden;width: 282px;height: 282px;}
#recmdItem .bx-controls-direction {position:absolute;top:50%;z-index:60;text-align:center;width: 100%;}
#recmdItem .bx-prev, #recmdItem .bx-next{position:absolute;top:0;margin-top:-30px;font-size: 50px;display:inline-block;width:60px;height:60px;}
#recmdItem .bx-prev i, #recmdItem .bx-next i {line-height: 60px;}
#recmdItem .bx-prev {left: -70px;}
#recmdItem .bx-next {right: -70px;}
#recmdItem .bx-prev:hover, #recmdItem .bx-next:hover{color:#777}

/* tabProduct */
#tabProduct {visibility:hidden;position:relative;margin: 70px 0;}
#tabProduct .newCate_prod .newCateTab {zoom: 1;overflow: hidden;width: 950px;margin: 0 auto 20px;}
#tabProduct .newCate_prod .newCateTab li{float:left;width: 170px;margin: 0 10px;text-align:center;}
#tabProduct .newCate_prod .newCateTab li a {height: 45px;font-size:16px;line-height: 45px;}
#tabProduct .newCate_prod .newCateTab li a.active {border-bottom: 1px solid #111}
#tabProduct .newCate_prod .slideList ul {margin-left: -25px;}
#tabProduct .newCate_prod .slideList li {position:relative;float:left;width: 220px;margin: 0 0 25px 25px;}
#tabProduct .newCate_prod .slideList li .thumb {position: relative;border-radius: 50%;overflow: hidden;width: 220px;height: 220px;}
#tabProduct .newCate_prod .slideList li .thumb img {width:100%;}
#tabProduct .newCate_prod .prd-info-bx {display:none;position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;}
#tabProduct .newCate_prod .prd-info-bx .prd-info {position:absolute;top:50%;left:0;right:0;margin-top: -55px;z-index:10;}
#tabProduct .newCate_prod .prd-info-bx .clChip { padding-bottom: 10px; }
#tabProduct .newCate_prod .prd-info-bx .clChip span {display: inline-block;width: 14px;height: 4px;}
#tabProduct .newCate_prod .prd-info-bx .prd-name {font-size: 14px;}
#tabProduct .newCate_prod .prd-info-bx .prd-subname {padding: 10px 15px;}
#tabProduct .newCate_prod .prd-info-bx .prd-price {padding: 5px 0;position:relative;}
#tabProduct .newCate_prod .prd-info-bx .prd-price del,
#tabProduct .newCate_prod .prd-info-bx .prd-price strike {color:#999;margin-left: 5px;}
#tabProduct .newCate_prod .prd-info-bx .prd-price span {font-size: 20px;color: #113e00;font-weight:bold;}
#tabProduct .newCate_prod .prd-info-bx .prd-preview i { font-size: 16px; }
#tabProduct .newCate_prod .prd-info-bx .bg {position:absolute; top:0; left:0; right:0;bottom:0;background:#fff; opacity:0.9; filter:alpha(opacity=90); z-index:0; border-radius:50%; }
#tabProduct .bx-controls-direction {position:absolute;bottom: 50%;z-index:60;text-align:center;width: 100%;}
#tabProduct .bx-prev, #tabProduct .bx-next{position:absolute;top: 60px;font-size: 50px;display:inline-block;width:60px;height:60px;}
#tabProduct .bx-prev i, #tabProduct .bx-next i {line-height: 60px;}
#tabProduct .bx-prev {left: -70px;}
#tabProduct .bx-next {right: -70px;}
#tabProduct .bx-prev:hover, #tabProduct .bx-next:hover{color:#777}

/* 메인 중간 배너 */
.mdlArea01 { position:relative; width:100%; height: 180px; margin-top: 70px; }
.mdlArea01 img {position: absolute;left:50%;margin-left: -960px;}

/* 상품 타이틀 */
.h_title {padding: 70px 0 50px;text-align:center;}
.h_title h3 {display:inline-block;padding: 0 80px;position:relative;font-size:32px;line-height:32px;background:#fff;}
.h_title .line {margin:-15px auto 0;width:100%;height: 1px;background:#111;}

/* newArrivals */
#newArrivals .item-wrap .item-cont .item-list{width: 372px;margin: 0 39px 40px 0;}
#newArrivals .item-wrap .item-cont .item-list .thumb a { width: 100%; }
#newArrivals .item-wrap .item-cont .nomg { padding-right:0px }


/* s:2024 main */
#main {width:100%; min-width:1200px; overflow:hidden;}
#main .sec {width:100%; position:relative;}
#main .inner {width:1620px; margin:0 auto;}
#main .mainVisual {width:100%;}
#main .mainVisual img {width:100%;}

@media screen and (max-width:1680px) {
    #main .sec >.inner {width:1160px; margin:0 auto;}
}

/* 카테고리 */
#main .categoryIntro {padding:120px 0 80px 0;}
#main .categoryIntro .list {display:flex; flex-direction:row; justify-content:space-between;}
#main .categoryIntro .list >li {width:24%; height:480px; background-color:#000; border-radius:10px; overflow:hidden; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative;}
#main .categoryIntro .list >li::after {content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; display:none;}
#main .categoryIntro .list >li:hover {box-shadow:5px 4px 20px rgba(0, 0, 0, 0.3);}
#main .categoryIntro .list >li:hover::after {display:block;}
#main .categoryIntro .list >li:hover .hoverList {display:block;}
#main .categoryIntro .list >li:hover .btn {background-color:#fff; border:none;}
#main .categoryIntro .list >li:hover .btn, #main .categoryIntro .list >li:hover .btn i {font-weight:400; color:#000000;}
#main .categoryIntro .list >li a {width:100%; height:100%; display:block; position:relative; z-index:2;}
#main .categoryIntro .cateBox {padding-left:55px; padding-top:50px;}
#main .categoryIntro dl {margin-bottom:20px;}
#main .categoryIntro dt, #main .categoryIntro dd {color:#fff;}
#main .categoryIntro dt {display:inline-block; font-size:30px; font-weight:900;}
#main .categoryIntro .border {display:block; width:100%; height:1px; background-color:#fff; margin:8px 0 12px 0;}
#main .categoryIntro dd {font-size:18px; font-weight:300; line-height:1.3;}
#main .categoryIntro .btn {width:115px; height:35px; line-height:35px; border-radius:17px; border:1px solid rgba(255,255,255,0.2); text-align:center; }
#main .categoryIntro .btn, #main .categoryIntro .btn i {font-size:15px; font-weight:300; color:#fff;}
#main .categoryIntro .hoverList {margin-top:25px; display:none;}
#main .categoryIntro ul li p {font-size:20px; font-weight:400; color:#ffa303;}
#main .categoryIntro ul li:not(:last-child) {margin-bottom:10px;}

@media screen and (max-width:1680px) {
    #main .categoryIntro .list >li {width:24.3%; height:450px;}
    #main .categoryIntro .cateBox {padding-left:30px; padding-top:40px;}
    #main .categoryIntro dt {font-size:26px;}
    #main .categoryIntro dd {font-size:16px;}
    #main .categoryIntro ul li p {font-size:17px;}
}

/* 맛의풍미 */
#main .swiperCustom01 {position:relative; width:100%;}
#main .swiperCustom01 .swiper {width:80%;}
#main .swiperBtnCustom {width:80px; height:80px; border-radius:50%; opacity:1; background-color:var(--color01); border:none;}
#main .swiperBtnCustom:after {font-size:26px; color:#fff; opacity:1;} 
#main .swiperBtnCustom.swiper-button-disabled { background-color:#fff; border:1px solid #cccccc; box-sizing:border-box;}
#main .swiperBtnCustom.swiper-button-disabled::after {color:#cccccc;}
#main .flavorLayout .titBox dl {text-align:center; margin-bottom:80px;}

@media screen and (max-width:1680px) {
    #main .swiperBtnCustom {width:60px; height:60px;}
    #main .swiperBtnCustom:after {font-size:21px;}
}
#main .flavorLayout {padding-bottom:80px;}
#main .flavorLayout .titBox dt, #main .flavorLayout .titBox dd, #main .flavorLayout .titBox p {font-family: "Noto Sans KR", sans-serif;}
#main .flavorLayout .titBox dt { line-height:1; font-size:60px; font-weight:700; color:#000000;}
#main .flavorLayout .titBox .border {display:block; width:60px; height:3px; background-color:var(--color01); margin:25px auto;}
#main .flavorLayout .titBox dd p:nth-child(1) {font-size:36px; font-weight:700; color:#333333; padding-bottom:25px;}
#main .flavorLayout .titBox dd p:nth-child(2) {font-size:20px; font-weight:400; color:#666666; line-height:1.5;}
#main .flavorLayout .swiperBtnCustom {top:115px !important; margin-top:0 !important;}
#main .flavorLayout .imgBox {margin-bottom:25px; width:100%; border-radius:20px; overflow:hidden; border:3px solid transparent; box-sizing:border-box; background-color:#f0f0f0;}
#main .flavorLayout .swiper-slide:hover .imgBox {border:3px solid var(--color01); box-sizing:border-box;}
#main .flavorLayout .imgBox img {width:100%;}
#main .flavorLayout .textBox .cate {font-family: "Noto Sans KR", sans-serif; font-size:14px; font-weight:900; color:var(--color01); text-align:left;}
#main .flavorLayout .textBox dl {margin:10px 0 13px 0; text-align:left;}
#main .flavorLayout .textBox dt {font-size:22px; font-weight:700; color:#333333; padding-bottom:3px;}
#main .flavorLayout .textBox dd {font-size:16px; font-weight:400; color:#888888;}    
#main .flavorLayout .textBox dd br {display:none; word-break:keep-all;}
#main .flavorLayout .textBox .text {font-size:14px; font-weight:400; color:#888888; line-height:1.3; text-align:left;}
#main .flavorLayout #mainSliderPagi01 {margin-top:60px;}

@media screen and (max-width:1680px) {
    #main .swiperCustom01 .swiper {width:calc(100% - 200px);}
}

/* 배너 */
#main .banner {width:100%; margin-bottom:170px;}
#main .banner .inner {width:1200px; margin:0 auto 40px auto; display:flex; flex-direction:row; justify-content:space-between;}
#main .banner .inner a img {border:1px solid #dddddd; box-sizing:border-box;}
#main .banner .inner a:hover img{border:1px solid var(--color01);}
#main .banner .inner a img {width:100%;}
#main .banner .bn {width:100%; position:relative;}
#main .banner .bn .bg {width:100%; height:218px; overflow:hidden; background-color:#ba5244;}
#main .banner .bn .bg::after {content:''; width:520px; height:218px; background-color:#ae4d54; position:absolute; top:-0; right:0;}
#main .banner .bn .box {width:1200px; margin:0 auto; position:absolute; left:50%; transform:translateX(-50%); top:-14px; }
#main .banner .bn .box img {display:block; margin:0 auto;}

@media screen and (max-width:1580px) {
    #main .banner .bn .bg::after {width:30%;}
}

#main .commonTitle span {display:block; font-family: "Roboto", sans-serif; font-size:18px; font-weight:400; color:var(--color01); line-height:1; margin-bottom:13px; text-align:center;}
#main .commonTitle p {font-family:"Noto Sans KR", sans-serif; font-size:36px; font-weight:700; color:#333333; line-height:1; text-align:center;}

/* 베스트상품 */
#main .bestProduct {padding-bottom:100px;}
#main .bestProduct .commonTitle {margin-bottom:30px;}
#main .bestProduct .swiper-slide .imgBox img {width:300px; display:block; margin:0 auto;}
#main .bestProduct .swiper-slide a {width:1200px; margin:0 auto; display:block;}
#main .bestProduct .cateBox {border-radius:15px; background-color:var(--color01); padding:8px 19px; display:inline-block; margin:0 auto; line-height:1; margin-bottom:20px;}
#main .bestProduct .cateBox p, #main .bestProduct .cateBox span {font-size:14px; color:#fff;}
#main .bestProduct .cateBox p {display:inline-block; line-height:1; font-weight:300;}
#main .bestProduct .cateBox span {display:inline-block; line-height:1; font-weight:700;}
#main .bestProduct dl {}
#main .bestProduct dt {font-size:26px; font-weight:700; color:#000; margin-bottom:13px;}
#main .bestProduct dd {font-size:16px; font-weight:300; color:#888888; margin-bottom:35px}
#main .bestProduct .text {width:420px; margin:0 auto; font-size:20px; font-weight:300; color:#333333; text-align:center; word-break:keep-all; margin-top:20px;} 
#main .bestProduct .btn {margin-bottom:40px; width:200px; height:70px; border:1px solid #dddddd; box-sizing:border-box; border-radius:8px; display:flex; flex-direction:row; align-items:center; justify-content:center; margin:30px auto 40px auto;} 
#main .bestProduct .btn p {font-size:18px; font-weight:700; color:#000000;}
#main .bestProduct .btn i {font-size:18px; color:#999999; margin-left:5px;}
#main .bestProduct .swiper-button-next, 
#main .bestProduct .swiper-button-prev {width:auto !important; height:auto !important; top:200px; margin-top:0 !important; font-size:120px; font-weight:300; color:#929292;}
#main .bestProduct .swiper-button-next img, 
#main .bestProduct .swiper-button-prev img {width:80px;}   
#main .bestProduct .swiper-button-prev::after,
#main .bestProduct .swiper-button-next::after {display:none;}

@media screen and (max-width:1580px){
    #main .bestProduct .swiper-button-next img, 
    #main .bestProduct .swiper-button-prev img {width:40px;}      
}

#main .jinjomiBox {padding:90px 0 80px 0; background-size:cover; background-position:center; background-repeat:no-repeat; text-align:center;}
#main .jinjomiBox .titImg {margin-bottom:30px;}
#main .jinjomiBox .text01 {font-size:30px; font-weight:300; color:#fff; margin-bottom:60px;}
#main .jinjomiBox .text01 span {display:inline-block; font-weight:500;}
#main .jinjomiBox .text02 {font-size:20px; font-weight:300; color:#fff; opacity:0.5; margin-bottom:80px;}
#main .jinjomiBox ul {display:flex; flex-direction:row; align-items:center; justify-content:center }
#main .jinjomiBox ul li {width:320px; border-radius:16px; background-color:#fff; border:3px solid #fff; box-sizing:border-box;}
#main .jinjomiBox ul li:hover {border:3px solid var(--color01);}
#main .jinjomiBox ul li a {display:block; width:100%; height:100%; padding:30px 0 40px 0; }
#main .jinjomiBox ul li:nth-child(2) img {margin-top:15px;}
#main .jinjomiBox ul li:not(:last-child) {margin-right:25px;}
#main .jinjomiBox .imgBox {height:110px; margin:0 auto;}
#main .jinjomiBox dt {font-size:30px; font-weight:700; color:#444444; margin-bottom:20px;}
#main .jinjomiBox dd {font-size:18px; font-weight:300; color:#666666;}

@media screen and (max-width:1280px) {
    #main .jinjomiBox ul li {width:280px;}
    #main .jinjomiBox ul li:not(:last-child) {margin-right:15px;}
}

/* Md's pick */
#main .btnCustom02 {width:680px; height:80px; line-height:80px; text-align:center; border-radius:8px; border:1px solid #dddddd; box-sizing:border-box; margin:0 auto; display:flex; flex-direction:row; justify-content:center; align-items:center;}
#main .btnCustom02 span {display:block; font-size:18px; font-weight:400; color:#111111; }
#main .btnCustom02 i {color:#999; font-size:18px; margin-left:10px;}
#main .btnCustom02:hover {background-color:var(--color01);}
#main .btnCustom02:hover span {color:#fff;}
#main .btnCustom02:hover i {color:#fff;}

#main .mdPick {padding-bottom:90px;}    
#main .mdPick .commonTitle {margin-bottom:30px;}
#main .mdPick ul {width:100%; display:flex; flex-direction:row; align-items:flex-start; flex-wrap:wrap; margin-bottom:20px;} 
#main .mdPick ul li {width:24.3%; margin-bottom:50px;}
#main .mdPick ul li:not(:nth-child(4n)) {padding-right:0.9333333333333333%;}
#main .mdPick .imgBox {border-radius:20px; width:100%; margin-bottom:20px; border-radius:12px; overflow:hidden; background-color:#f5f5f5;}
#main .mdPick .imgBox img {width:100%;}
#main .mdPick .name {font-family:"Noto Sans KR", sans-serif; font-size:18px; font-weight:400; color:#333333; line-height:1;}
#main .mdPick .info {font-family:"Noto Sans KR", sans-serif; font-size:16px; font-weight:300; color:#444444; line-height:1; margin:15px 0 10px 0;}
#main .mdPick .price {font-size:18px; font-weight:400; color:#111111;}
#main .mdPick .price span {font-size:26px; font-weight:700; color:#a50b10;}


/* 새소식 */
#main .notice {padding:100px 0 120px 0; background-color:#f8f5f2;}
#main .notice .inner {width:1380px;}
#main .notice ul {display:flex; flex-direction:row; justify-content:space-between; width:100%; padding:50px 0 85px 0;}
#main .notice ul li {width:calc(33.33333333333%); border-right:1px solid #d3d0ce; box-sizing:border-box;}
#main .notice ul li a {display:block; width:calc(100% - 70px); padding:0 35px; margin:0 auto;}
#main .notice ul li:nth-child(1) {border-left:1px solid #d3d0ce; box-sizing:border-box;}
#main .notice ul li .data {font-size:16px; font-weight:700; color:#999999; padding-bottom:10px; line-height:1;}
#main .notice ul li .subject {font-size:22px; font-weight:400; color:#222222; padding-bottom:25px;}
#main .notice ul li .text {font-family:"Noto Sans KR", sans-serif; font-size:16px; font-weight:300; color:#7c7c7c; line-height:1.3; word-break:keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

@media screen and (max-width:1420px) {
    #main .notice {padding:60px 0;}
    #main .notice .inner {width:1160px;}
}

/* 리뷰 */
#main .review {padding-bottom:100px; background-color:#f8f5f2;}
#main .review .inner {position:relative;}
#main .review .bg {display:block; margin:-150px auto 0 auto; position:relative; left:22px;}
#main .review .commonTitle {padding-bottom:55px;}
#main .review .swiper-slide {-webkit-transition:all .5s;transition:all 0.5s; background-color:transparent; transition-timing-function:ease-in-out; position:relative;}
#main .review .textBox {position:absolute; top:0; left:0; width:100%; height:100%; text-align:left; padding:48px 0 0 50px;}
#main .review .textBox .name {font-size:20px; font-weight:400; color:#000000; line-height:1;}
#main .review .textBox .cate {font-size:24px; font-weight:700; color:#a50b10; padding:12px 0 20px 0; line-height:1;}
#main .review .textBox .text {font-size:16px; font-weight:400; color:#666666; line-height:1.4;}
#main .review .textBox .text02 {font-size:15px; line-height:1.3;}
#main .review .swiperCustom03 {width:1200px; margin:0 auto;}
#main .review .swiperCustom03 img {width:100%;}

@media screen and (max-width:1680px) {
    #main .review .swiper-button-prev {left:-80px;} 
    #main .review .swiper-button-next {right:-80px;} 
    #main .review .swiperCustom03 {width:100%;}
    #main .review .bg {width:1200px;}
    #main .review .textBox {padding:45px 0 0 40px;}
    #main .review .textBox .text {font-size:15px;}
    #main .review .textBox .text02 {font-size:14px;}
}    
@media screen and (max-width:1420px) {
    #main .review {padding:60px 0;}
    #main .review .textBox {padding:45px 0 0 30px;}
    #main .review .textBox .name {font-size:18px;}
    #main .review .textBox .cate {font-size:21px; padding:10px 0 15px 0;}
    #main .review .textBox .text {line-height:1.3; letter-spacing:-0.6px;}
    #main .review .textBox .text02 {line-height:1.25; letter-spacing:-1px;}
}
@media screen and (max-width:1280px) {
    #main .review .inner {width:calc(100% - 200px);}
    #main .review .swiper-button-prev {left:-80px;} 
    #main .review .swiper-button-next {right:-80px;} 
    #main .review .swiperCustom03 {width:100%;}
    #main .review .textBox {padding:35px 0 0 30px;}
    #main .review .textBox .cate {font-size:18px;}
    #main .review .bg {width:80%;}
}
/* e:2024 main */ 
/* BASIC css end */