.pretandard { font-family: 'Red Hat Display', 'Pretendard', sans-serif !important; } 
.fw300 { font-weight: 300 !important; }
.fw500 { font-weight: 500 !important; }
.fw600 { font-weight: 600 !important; }
#frmQuickSearch { display: none; }
#shop_cart_wrap { display: none; }

/* 메인 : 팝업 */
#main-popup-wrap { position: fixed; bottom: 0; right: 0; width: 520px; z-index: 1001; border-top-left-radius: 100px; overflow: hidden; box-shadow: 10px 30px 60px rgba(0,0,0,0.3);}
#main-popup-wrap .close-wrap { width: 100%; position: relative; }
#main-popup-wrap .close-wrap ul { display: flex; }
#main-popup-wrap .close-wrap ul li { width: 50%; text-align: center; background: #fff; box-sizing: border-box; }
#main-popup-wrap .close-wrap ul li:nth-child(1) { border-right: 1px solid #ddd; }
#main-popup-wrap .close-wrap ul li a { display: block; width: 100%; height: 100%; padding: 15px 0; }
#main-popup-wrap .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { pointer-events: unset !important; }
#main-popup-wrap .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { pointer-events: unset !important; }
#main-popup-wrap .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0 !important; }
#main-popup-wrap .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0 !important; }
#main-popup-wrap .swiper-pagination { width: 100%; top: 15px; }
#main-popup-wrap .swiper-pagination-bullet { border-radius: 4px !important; margin: 0 2px; transition: .2s; -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1); box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1); }
#main-popup-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff !important; width: 17px; }
#main-popup-wrap .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: unset; left: unset; }


/* 상품진열(리스트 그룹형 */
div.goods_list_cont .item_group_type ul > li .item_cont:after { content: ''; display: block; clear: both; } 
div.goods_list_cont .item_group_type ul > li .item_cont .item_photo_box { width: 50%; margin: 0; border: 0; float: left; } 
div.goods_list_cont .item_group_type ul > li .item_cont .item_photo_box .num { display: none; } 
div.goods_list_cont .item_group_type ul > li .item_cont .item_photo_box .item_icon_box { z-index: 1; position: absolute; top: 16px; right: 16px; margin-top: 0; border-bottom: 0; } 
div.goods_list_cont .item_group_type ul > li .item_cont .item_photo_box .item_icon_box img { display: block; margin-bottom: 4px; padding: 0; } 
div.goods_list_cont .item_group_type ul > li .item_cont .item_photo_box > a > img { width: 100%; } 
div.goods_list_cont .item_group_type ul > li { padding: 0 0.2%; margin: 0 0 30px; }

div.goods_list_cont .item_group_type ul > li .item_cont .item_info_cont { overflow: hidden; width: 50%; box-sizing: border-box; float: left; } 

div.goods_list_cont .item_group_type ul > li .item_cont .item_info_cont .item_tit_box a .item_name { text-align: left; } 
div.goods_list_cont .item_group_type ul > li .item_cont .item_info_cont .item_money_box { text-align: left; } 

.item_money_box .item_price { font-size: 20px !important; font-weight: 700 !important; color: #1a1a1a !important; line-height: 24px; } 
div.goods_list_cont ul > li .item_cont .item_info_cont .item_money_box .m_price { font-size: 16px !important; font-weight: 700 !important; color: #000 !important; margin-right: 6px; }
div.goods_list_cont ul > li .item_cont .item_info_cont .item_money_box .m_price.coupon { font-size: 14px !important; font-weight: 400 !important; color: #a8a8a8 !important; line-height: 20px; text-decoration: line-through; margin-right: 14px; }

div.goods_list_cont ul > li .item_cont .item_info_cont .item_money_box .m_price.origin_price { font-size: 14px !important;  font-weight: 400 !important; color: #a8a8a8 !important; line-height: 20px; text-decoration: line-through; margin-right: 14px; }

/* 메인슬라이더 */
.swiper_sec01 .overlay { width: 100%; height: 100%; position: absolute; background-image: linear-gradient(to bottom right,#002f4b,#dc4225); opacity: .1; top: 0; left: 0; } 
.swiper_sec01 .swiper-slide img { width: 100%; } 
.vid { background-size: contain; background-position: center center; background-color: black; object-fit: cover; width: 100%; height: 100%; }

/* 리뷰카운트 */
.item_review_cnt { position: relative; margin-top: 21px; } 
.item_review_cnt ul { position: relative; display: flex; } 
.item_review_cnt ul li { margin: 0 17px 0 0 !important; padding: 0 !important; text-align: left;}
.item_review_cnt i { font-size: 20px; vertical-align: top; margin-right: 6px; color: #686868; } 
.item_review_cnt span { font-size: 14px; color: #676767; line-height: 20px; vertical-align: top; font-weight: 500; } 

/* 포인트 기획전 */
.mm_sect_pointevent { margin-bottom: 170px; }
.point-event-cont { position: relative; display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start; gap: 90px; margin-top: 120px; }
.point-event-cont li span { display: block; text-align: center; font-size: 16px; color: #5c5c5c; line-height: 1; font-weight: 500; } 
.point-event-cont li span.tit { margin-top: 7px; text-transform: uppercase;}
.round-gradi { position: relative; border-radius: 50%; padding: 6px; background-image: linear-gradient(to left top,#d85995 20%,#9f73b8,#6677bf 80%); }
.round-gradi.none { background-image: unset; }
.round-gradi:before { content: ""; position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; background: #fff; border-radius: 50%; z-index: 1; }
.round-gradi img { position: relative; z-index: 2; display: block; border-radius: 50%; object-fit: cover; object-position: center; }

/* 혜택 배너 */
section.mm_sect_benefitbn { position: relaitve; overflow: hidden; } 
section.mm_sect_benefitbn .swiper_benefitbn { border-radius: 15px; } 
section.mm_sect_benefitbn .swiper_benefitbn .swiper-slide { padding: 38px 0; cursor: pointer;} 
section.mm_sect_benefitbn .swiper_benefitbn .parallax-bg { position: absolute; left: 0; top: 0; width: 130%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center; background-color:#93aec9;}

section.mm_sect_benefitbn .swiper_benefitbn .t01 { position: relative; font-size: 28px; color: #fff; font-weight: 600; line-height: 1; left: 373px; } 
section.mm_sect_benefitbn .swiper_benefitbn .t02 { position: relative; font-size: 17px; color: #fff; font-weight: 200; line-height: 1; left: 373px; margin-top: 10px; } 
section.mm_sect_benefitbn .swiper_benefitbn .clip-img { position: absolute; left: 63%; bottom: 0; height:100%; display: flex; align-items: center;} 
section.mm_sect_benefitbn .swiper-pagination { width: 100%; bottom: 5px; }
section.mm_sect_benefitbn .swiper-pagination-bullet { border-radius: 4px !important; margin: 0 2px; transition: .2s; -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1); box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1); }
section.mm_sect_benefitbn .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }
section.mm_sect_benefitbn .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { border-radius: 8px; transition: .5s; } 
section.mm_sect_benefitbn .swiper-pagination-bullet-active { width: 17px; background: #fff; } 

/* BEST & NEW */
.mm_sec02 .goods_list { padding-bottom: 0; } 
.mm_sec02 .goods_list_cont ul > li:nth-child(n+4):nth-child(-n+8) { margin: 0; } 

/* NEW IN */
.mm_sec_sticky_vertical.vtc01 .item_review_cnt { display: none; }
.mm_sec_sticky_vertical.vtc01 .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,131313+100&0+64,0.28+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(12,12,12,0) 64%, rgba(19,19,19,0.28) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(12,12,12,0) 64%,rgba(19,19,19,0.28) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(12,12,12,0) 64%,rgba(19,19,19,0.28) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#47131313',GradientType=0 ); /* IE6-9 */ transition: .5s; } 

/* MD PICK */
.md_contents_container { width: 100%; position: relative; display: flex; flex-wrap: wrap; } 
.md_contents_container > li { width: 50%; overflow: hidden; } 
.md_contents_container > li .video-wrap { height: 100%; position: relative; margin-right: 60px; border-radius: 17px; display: flex; justify-content: center; align-items: center; overflow: hidden; } 
.md_contents_container > li .video-wrap.right { align-items: flex-end; margin-right: 0; margin-left: 60px;} 
.md_contents_container > li .video-wrap .overlay { width: 100%; height:100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.1); } 
.md_contents_container > li .video-wrap video { height: 101%; width:100%; object-fit: cover; max-width: 101%; margin-bottom:-0.5%;}
.md_contents_container > li .video-wrap .inner-wrap { position: absolute; } 
.md_contents_container > li .video-wrap .inner-wrap>object { width: 500px; }
.md_contents_container > li .video-wrap.right .inner-wrap { bottom: 75px; } 
.md_contents_container > li .video-wrap .inner-wrap .t01 { font-family:'ivypresto-display','Pretendard', sans-serif; font-size: 28px; color: #fff; font-weight: 400; text-align: center; line-height: 1; margin-bottom: 14px; } 
.md_contents_container > li .video-wrap .inner-wrap .t02 { font-family:'ivypresto-display','Pretendard', sans-serif; font-size: 44px; color: #fff; font-weight: 600; text-align: center; line-height: 1; } 
.md_contents_container > li .video-wrap.right .inner-wrap .t01 { font-size: 44px; color: #fff; font-weight: 600; text-align: center; line-height: 1; margin-bottom: 14px; } 
.md_contents_container > li .video-wrap.right .inner-wrap .t02 { font-size: 28px; color: #fff; font-weight: 400; text-align: center; line-height: 1; } 
.md_contents_container > li .video-wrap > img {width:100%; height:100%; object-fit: cover;} 
.md_contents_container .goods_list { padding-bottom: 0; } 
.md_contents_container div.goods_list_cont ul > li { margin: 0; } 
.md_contents_container div.goods_list_cont ul > li:nth-child(n+1):nth-child(-n+3) { margin-bottom: 60px; }
.md_contents_container div.goods_list_cont ul > li .item_cont .item_info_cont .item_money_box .through { display: block !important; }
.md_contents_container div.goods_list_cont ul > li .item_cont .item_info_cont .item_money_box .m_price.origin_price { display: block !important; }


/* TIME SALE */
.mm_sec05 .goods_list { padding-bottom: 0; } 
.mm_sec05 .more-small { position: absolute; bottom: 23px; left: 0; } 
.more-small { font-size: 14px; color: #a5a5a5; border-bottom: 1px solid #a5a5a5; padding-bottom: 1px; transition: .3s; } 
.more-small.white { color: #fff; border-bottom: 1px solid #fff; }
.more-small:hover { color: #000; } 
.more-small.white:hover { color: #fff; }

/* 키워드 샵 */
.mm_sect_keywordcontents .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0;}
.mm_sect_keywordcontents .swiper-pagination {width: 90%; margin:0 auto 70px; position: relative; display: flex; justify-content: space-around; bottom:0;}
.mm_sect_keywordcontents .swiper-pagination span {font-size: 18px; background: #f2f2f2; color: #9f9f9f; line-height: 1; padding: 13px 30px; border-radius: 26px; cursor: pointer; width:auto; height: auto; opacity:1;}
.mm_sect_keywordcontents .swiper-pagination span.swiper-pagination-bullet-active {background: var(--theme-color-primary); color: #fff; transition: .5s;}
.mm_sect_keywordcontents .tab_contents_wrap { position: relative; } 
.mm_sect_keywordcontents .tab_contents_wrap .md_contents_container { position:relative; opacity: 0; transition: all .7s; z-index: 0; transform: translateY(30px); transition: transform 0.4s ease-in; } 
.mm_sect_keywordcontents .tab_contents_wrap .swiper-slide.swiper-slide-active .md_contents_container {transform:translateY(0); z-index: 1; opacity:1; transition: transform 0.4s ease-out 0.1s, opacity 0.4s ease-out 0.1s;}
.mm_sect_keywordcontents div.goods_list_cont ul > li .item_cont .item_info_cont .item_money_box .through { display: block !important; }



/* 에싸 스토리 */
.mm_sect_essastory { overflow: hidden; } 
.mm_sect_essastory .overflow-container { position: relative; } 
.mm_sect_essastory .swiper-container { overflow: visible; } 
.mm_sect_essastory .swiper-container .swiper-slide { overflow: hidden; border-radius: 0; transition: 1s; } 
.mm_sect_essastory .swiper-container .swiper-slide:hover .overlay { opacity: 1; } 
.mm_sect_essastory .swiper-container .swiper-slide .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0;background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
opacity: 0; transition: .5s; } 
.mm_sect_essastory .swiper-container .swiper-slide:hover { border-radius: 20px; } 
.mm_sect_essastory .swiper-container .swiper-slide img { filter: grayscale(0m) opacity(1); transition: .5s; } 
.mm_sect_essastory .swiper-container .swiper-slide:hover img { filter: grayscale(0) opacity(1); } 
.mm_sect_essastory .swiper-container .swiper-slide .inner-wrap { position: absolute; top: 50px; left: 53px; } 
.mm_sect_essastory .swiper-container .swiper-slide .inner-wrap .t01 { font-size: 27px; color: #fff; line-height: 1; margin-bottom: 19px; } 
.mm_sect_essastory .swiper-container .swiper-slide .inner-wrap .t02 { font-size: 19px; color: #fff; line-height: 1; transition: .5s; font-weight: 500; } 
.mm_sect_essastory .swiper-container .swiper-slide:hover .inner-wrap .t02 { color: #dbcd77; } 

.about_slidewrapper { background: none; margin-left: -10px; position: absolute; bottom: -20px; width: 100%; height: auto; overflow: hidden; } 
.about_slidemove { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 10000px; -webkit-transition: all .15s ease; transition: all .15s ease; } 
.about_slideitem { font-weight: 800; font-size: 200px; color: #fff; opacity: .5; /* -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: #fff; */ text-transform: uppercase; letter-spacing: 10px; margin: 0; } 

.underline:before { height: 10px; top: 15px; } 
.underline { display: inline-block; position: relative; } 
.underline:before { display: inline-block; position: absolute; z-index: -1; content: ""; width: 100%; transition: all 0.3s ease-in; background: -moz-linear-gradient(-45deg, rgba(145,148,179,1) 0%, rgba(145,148,179,0.64) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(145,148,179,1) 0%,rgba(145,148,179,0.64) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(145,148,179,1) 0%,rgba(145,148,179,0.64) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9194b3', endColorstr='#a39194b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

/* 에싸 스토리 LIFE 배너 */
section.mm_sect_lifebn { width: 100%; position: relative; } 
section.mm_sect_lifebn .inner { width: 100%; height: 170px; position: relative; background: #c4b7a6; overflow: hidden; display: flex; justify-content: flex-start; align-items: center; border-radius: 20px; overflow: hidden; } 
section.mm_sect_lifebn .inner .title-wrap { text-align: center; position: absolute; left: 315px; } 
section.mm_sect_lifebn .inner .title-wrap .t01 { font-size: 19px; color: #fff; line-height: 1; letter-spacing: 1px; } 
section.mm_sect_lifebn .inner .title-wrap .t02 { font-size: 28px; color: #fff; line-height: 1; margin-top: 6px; } 
section.mm_sect_lifebn .inner img { position: absolute; right: 0; } 

/* 컬래버레이션 */
.md_contents_container.collabo .item_review_cnt { display: none; }
.md_contents_container.collabo div.goods_list_cont ul > li:nth-child(n+3):nth-child(-n+4) { margin-bottom: 0; } 
.md_contents_container.collabo .ottogi-logo { width: 330px; }

.text-gradi { display: inline-block; font-weight: 800; background: linear-gradient(to right, #cc2b5e, #753a88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 

.mm_video { margin-bottom: 132px !important; }
.mm_video .swiper-slide { display: flex; align-items: center; justify-content: center; flex-direction: column; transition: all 200ms linear; transform: scale(.95); overflow: hidden; } 
.mm_video .swiper-slide .thumbnail { position: relative; background: #414040; }
.mm_video .swiper-slide .thumbnail img { overflow: hidden; transition: .5s; opacity: .6; }
.mm_video .swiper-slide.swiper-slide-active .thumbnail img { opacity: 1; }
.mm_video .swiper-slide .thumbnail i { font-size: 100px; color: rgba(255,255,255,.8); position: absolute; cursor: pointer; transition: .5s; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.mm_video .swiper-slide article { position: relative; margin-top: 11px; opacity: 0; transition: .5s; }
.mm_video .swiper-slide.swiper-slide-active article { opacity: 1; }
.mm_video .swiper-slide article span { font-weight: 500; transition: .5s; } 
.mm_video .swiper-slide article span.cate { background: var(--theme-color-primary); margin-right: 10px; font-weight: 700; font-size: 12px; color: #fff; padding: 2px 5px; border-radius: 5px; line-height: 18px; vertical-align: 2px; }
.mm_video .swiper-slide article span.tit { color: #000; font-size: 18px; }
.mm_video .swiper-slide.swiper-slide-active>p { opacity: 1; color: #000; font-weight: 500; } 
.mm_video .swiper-slide.swiper-slide-active { transform: scale(1); }
.mm_video .swiper-slide.swiper-slide-active:hover>i { color: rgba(255,255,255,.9); } 

/* 마우스 오버 커서 */
#cursor { position: fixed; z-index: 99; left: 0; top: 0; pointer-events: none; will-change: transform; mix-blend-mode: difference; } 
@media (hover: hover) and (pointer: fine){
    .cursor__circle { width: 20px; height: 20px; margin-top: -50%; margin-left: -50%; border-radius: 50%; border: solid 1px rgba(227, 222, 193, 0.64); transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1), width 0.3s cubic-bezier(0.25, 1, 0.5, 1), height 0.3s cubic-bezier(0.25, 1, 0.5, 1); } 
    #cursor.arrow .cursor__circle { width: 100px; height: 100px; background-color: #073099; border-color: #073099; } 
    #cursor.arrow::after { content: ''; position: absolute; left: -50%; top: -50%; width: 100%; height: 100%; background-image: url('https://svgshare.com/i/MzQ.svg'); background-repeat: no-repeat; background-position: center; } 
    #cursor.subtle .cursor__circle { opacity: 0.16; } 
    #cursor.overlay .cursor__circle { width: 48px; height: 48px; background-color: rgba(227, 222, 193, 0.08); border-color: transparent; } 
}

/* goods_view */
.banner-shinhan { position: relative; margin-top: 30px; }