@charset "UTF-8";

/* common */
.main {background-color: #e6e6e6;}
.m_section {padding:10px 15px 0;background-color: #fff;}
.m_section-header {position:relative;padding:14px 0 12px;}
.m_section-header--flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.m_section-title {font-size:22px;line-height:28px;margin-bottom:4px;font-weight:bold;}
.m_section-desc {margin-top:2px;font-size:14px;line-height:21px;color:#777;}
.m_section--none-horizon {padding: 0;}
.m_section--none-horizon .m_section-header {padding:14px 16px 12px;}


.m_section .module-product--scroll .module-product__li {width:165px;padding: 0 16px 0 0;}

.m_section-contents {padding-bottom:48px;}
.m_hotdeal .m_section-contents {padding-bottom:40px;}
.m_cookit .m_section-contents {padding-bottom:40px;}
.m_new_product .m_section-contents {padding-bottom:0;}
.m_recipe {padding:10px 15px 0 0;}
.m_recipe .m_section-contents{width:calc(100% + 15px);}

.m_section-contents .module-container {position:relative;z-index:1;}

.m_more_btn {border-top: 1px solid #eee;
    background-color:#fff;
    display: flex;padding-right:12px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;line-height:14px;color:#666;
    width: auto;
    height: auto;
    border-top: none;
    background: none;
    font-size: 13px;position:relative;
}
.m_section-header .m_more_btn {position:absolute;right:16px;top:16px;}
.m_more_btn:after {position:absolute;right:0;top:0;width:12px;height:12px;margin-left:2px;background: url(/cjom/mobile/images/main/icon-main-more.svg) no-repeat 100% 50%;background-size:8px 9px;display: block;content: '';}
.m_more_btn_full {display:block;cursor:pointer;height:50px;line-height:50px;text-align:center;margin:0 8px;box-sizing: border-box;border:1px solid #ddd;border-radius: 4px;background-color:#fff;}
.m_more_btn_full span {font-size:15px;color:#333;padding-right:13px;line-height:50px;background: url(/cjom/mobile/images/icon/icon-btn-more.svg) no-repeat 100% 2px;background-size:7px 14px;}

/* 해더 상단 배너 개편 작업 */
.header__banner--top {position:relative; background-color:#0d533a; overflow: hidden; 
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);    
}
.header__banner--top .bg__element {position: fixed; width: 100%; top: 0px; left: 0px; height: 20px; z-index: -1; transform: translateY(-1px); background-color:#0d533a;}
.header__banner--top a {display:flex; align-items:center; justify-content:center; height:44px; font-weight:bold; color:#fff; font-size:14px; line-height:44px;}
.header__banner--top img {height:100%; width:auto; position:absolute; top:0; left:50%; transform: translateX(-50%);}
.header__banner--top .add__img {display:inline-block; height:100%; margin-left:8px;}
.header__banner--top .add__img:empty {display:none;}
.header__banner--top .add__img img {position: relative; left:0; transform:initial;}
.header__banner--top .btn__close {display:block; position:absolute; right:0; top:0; width:44px; height:100%; z-index:50; background: transparent;}
.header__banner--top .btn__close:before {display:block; position:absolute; top:50%; left:50%; width:14px; height:14px; transform: translate(-50%, -50%); content:""; background-size: cover; background-position:50% 50%; background-repeat:no-repeat;
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg transform='translate(.1 .1)' fill='%23fff' fill-rule='evenodd'%3E%3Crect transform='rotate(45 6.894 6.894)' x='-2.356' y='6.394' width='18.5' height='1' rx='.5'/%3E%3Crect transform='scale(-1 1) rotate(45 0 -9.75)' x='-2.356' y='6.394' width='18.5' height='1' rx='.5'/%3E%3C/g%3E%3C/svg%3E");}

/* 추후 BO에서 옵션으로 분기 개발시 바로 적용가능하게 선적용: 클래스로 분기 */
.header__banner--top .btn__close.type__white:before {background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg transform='translate(.1 .1)' fill='%23fff' fill-rule='evenodd'%3E%3Crect transform='rotate(45 6.894 6.894)' x='-2.356' y='6.394' width='18.5' height='1' rx='.5'/%3E%3Crect transform='scale(-1 1) rotate(45 0 -9.75)' x='-2.356' y='6.394' width='18.5' height='1' rx='.5'/%3E%3C/g%3E%3C/svg%3E");}
.header__banner--top .btn__close.type__black:before {background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m.429 1.184.6-.6 11.4 11.4-.6.6-11.4-11.4z' fill='%23000' stroke='%23000' stroke-width='.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m12.429 1.184-.6-.6-11.4 11.4.6.6 11.4-11.4z' fill='%23000' stroke='%23000' stroke-width='.5'/%3E%3C/svg%3E%0A");}
/* //해더 상단 배너 개편 작업 */

/********************************************
- 지라: MARKETDEV-4291
- 작업자:허도경
- 작업날짜:2023-02-13
- 작업내용: 더마켓 추천테마 고도화_메인 및 상품 內 추천 해시태그 - 퍼블요청
*********************************************/
.main-recommand__menu {background:#f6f8f8;}
.main-recommand__menu .scroll-menu__wrap {padding:8px 16px;}
.main-recommand__menu .scroll-menu__wrap li {position: relative; display:inline-block; box-shadow:0px 1px 4px 0 rgb(0 0 0 / 10%); border-radius: 32px;}
.main-recommand__menu .scroll-menu__wrap li ~ li {margin-left:8px;}
.main-recommand__menu .scroll-menu__wrap li a {display:block; position: relative; z-index:0; height:32px; padding:8px 12px; font-size:13px; border-radius:32px; color:#555; box-sizing:border-box; overflow: hidden;}
.main-recommand__menu .scroll-menu__wrap li a:after {content:""; position:absolute; bottom:0; background-color:rgba(0,0,0,0.1);}
.main-recommand__menu .scroll-menu__wrap li a em {color:#1ba774; font-style:normal; font-weight:bold;}
.main-recommand__menu .scroll-menu__wrap li a:before,
.main-recommand__menu .scroll-menu__wrap li .bg_mask {position: absolute; padding-top:100%; background-repeat: no-repeat; background-size: 50% 50%; background-position: 0 0;}
.main-recommand__menu .scroll-menu__wrap li a:before {content:''; z-index: -2; width: calc(100% + 6px); top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #dedede; background-image: linear-gradient(#dedede,#dedede, #dedede);}
.main-recommand__menu .scroll-menu__wrap li.is-active a:before {background-color: #34bf8c; background-image: linear-gradient(#34bf8c,#34bf8c, #34bf8c);}
.main-recommand__menu .scroll-menu__wrap li .bg_mask {display:none; width:100%; background:url(/cjom/mobile/images/main/bg_main_recommand.svg) no-repeat 0 0; background-size:cover; z-index:-1; left:0; top:50%; margin-top:-50%; animation: cjom_rotate 2.5s linear infinite;}
.main-recommand__menu .scroll-menu__wrap li.is-active .bg_mask {display:block;}
.main-recommand__menu .scroll-menu__wrap li a:after {content: ''; position: absolute; z-index: -1; left: 1px; top: 1px; width: calc(100% - 2px); height: calc(100% - 2px); background: white; border-radius: 32px;}
.m_recommend.recomm-theme-section .m_section-header {padding-top:0;}
.m_recommend.recomm-theme-section .m_section-header .m_more_btn {top:6px;}
/*
.product-detail__section.m_recommend.recomm-theme-section {padding:0px;}
.product-detail__section.m_recommend.recomm-theme-section + .recomm-theme-section {padding-top:48px;}
*//* MARKETDEV-7863 */
.product-detail__section.m_recommend.recomm-theme-section {padding-bottom:48px;}    /* MARKETDEV-7863 */


/* 메인링크 */
.m_shortcuts {margin-top:0;padding:0 0 0 0;border-top:0;}
.m_shortcuts .module-container--scroll{overflow:visible;position:relative;top:-18px;z-index:10;background:none;}
.m_shortcuts .m_section-contents {padding-bottom:0;}
.m_shortcuts_list {height:70px;font-size:13px;margin-left:10px;}
.m_shortcuts_list li {position:relative;display:inline-block;width:18.1%; /*width:60px;*/text-align:center;}

.m_shortcuts_list li{position:relative;}
.m_shortcuts_list li a {display:block;padding-top:46px;font-size:13px;font-weight:500;color:#333;}
.m_shortcuts_list li.m_menu_01{margin-right:6px;}
.m_shortcuts_list li.m_menu_01 a {background: url(/cjom/mobile/images/main/icon-main-menu01.svg) no-repeat 50% 26%;background-size:37px auto;}
.m_shortcuts_list li.m_menu_02 a {background: url(/cjom/mobile/images/main/icon-main-menu02.svg) no-repeat 50% 26%;background-size:27px auto;}
.m_shortcuts_list li.m_menu_03 a {background: url(/cjom/mobile/images/main/icon-main-menu03.svg) no-repeat 50% 26%;background-size:31px auto;}
.m_shortcuts_list li.m_menu_04 a {background: url(/cjom/mobile/images/main/icon-main-menu04.svg) no-repeat 50% 26%;background-size:39px auto;}
.m_shortcuts_list li.m_menu_05 a {background: url(/cjom/mobile/images/main/icon-main-menu05.svg) no-repeat 50% 26%;background-size:39px auto;}
.m_shortcuts_list li.m_menu_06 a {background: url(/cjom/mobile/images/main/icon-main-menu06.svg) no-repeat 50% 26%;background-size:34px auto;}
.m_shortcuts_list li.m_menu_07 a {background: url(/cjom/mobile/images/main/icon-main-menu07.svg) no-repeat 50% 26%;background-size:25px auto;}
.m_shortcuts_list li.m_menu_08 a {background: url(/cjom/mobile/images/main/icon-main-menu08.svg) no-repeat 50% 26%;background-size:36px auto;}
.m_shortcuts_list li.m_menu_09 a {background: url(/cjom/mobile/images/main/icon-main-menu09.svg) no-repeat 50% 26%;background-size:30px auto;}
.m_shortcuts_list li.m_menu_10 a {background: url(/cjom/mobile/images/main/icon-main-menu10.svg) no-repeat 50% 26%;background-size:34px auto;}
.m_shortcuts_list li.m_menu_11 a {background: url(/cjom/mobile/images/main/icon-main-menu11.svg) no-repeat 50% 26%;background-size:37px auto;}
.m_shortcuts_list li.m_menu_13 a {background: url(/cjom/mobile/images/main/icon-main-menu13.svg) no-repeat 50% 26%;background-size:34px auto;}
.m_shortcuts_list li.m_menu_14 a {background: url(/cjom/mobile/images/main/icon-main-menu14.svg) no-repeat 50% 26%;background-size:34px auto;}
.m_shortcuts .module-product--scroll {padding:0; margin:0; overflow-x: auto; overflow-y: visible; text-align:center;background:none;}
.m_shortcuts .module-product--scroll::-webkit-scrollbar {
    display: none;
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
.m_shortcuts.new .module-container--scroll{overflow:visible;position:relative;top:0;z-index:10;background:none;}
.m_shortcuts.new .m_section-contents {padding-bottom:0;height:auto;}
.m_shortcuts.new .m_shortcuts_list {margin-left:12px;height:auto; /* margin-top:4px; */}
.m_shortcuts.new .m_shortcuts_list.count5 {display:flex;padding-right:12px; justify-content: space-between; align-items: center;}
.m_shortcuts.new .m_shortcuts_list.count5 + .m_shortcuts_list.count5 {padding-bottom:15px;}
.m_shortcuts.new .m_shortcuts_list + .m_shortcuts_list.count5 {padding-bottom:15px;}
.m_shortcuts.new .m_shortcuts_list.count5 li {width:18%;float:none;margin-right:0;}
.m_shortcuts.new .m_shortcuts_list li {position:relative;display:inline-block; text-align:center;position:relative;}
.m_shortcuts.new .m_shortcuts_list li:last-child {margin-right:0;}
.m_shortcuts.new .m_shortcuts_list li a {display:block;font-size:12px;color:#222;line-height:13px;padding:0 0 20px 0; position: relative;}
.m_shortcuts.new .m_shortcuts_list li .thumb {display:block; margin:0 auto; display: flex; justify-content: center; align-items: center; width:52px; height:52px;}
.m_shortcuts.new .m_shortcuts_list li .thumb > video {width:100%;}
/* MARKETDEV-5002 수정건 */
.m_shortcuts.new .m_shortcuts_list li .txt {display:block; font-size:12px; color:#222;line-height:12px; letter-spacing:-0.5px; position:absolute; left:50%; transform: translateX(-50%); bottom:0;}
.m_shortcuts.new .module-product--scroll {margin-bottom:0; overflow-x: auto; overflow-y: visible; background:none;}
.m_shortcuts.new .module-product--scroll::-webkit-scrollbar {
    display: none;
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
.m_shortcuts.new .m_shortcuts .module-product--scroll > ul:first-child {padding-top:0;}
.m_shortcuts.new .m_shortcuts .module-product--scroll > ul {height:72px;padding-top:4px;}
.m_shortcuts.new .m_shortcuts .module-product--scroll > ul.count5 li {width:20%;}

/* MARKETDEV-7515 메인개편1차 .renew 클래스 추가 */
.renew .m-visual .swiper-slide.video .mv-video {padding-top:75.73%;}

.renew .m_shortcuts.new{padding:8px 0;}
.renew .m_shortcuts.new .m_shortcuts_list{margin:0;}
.renew .m_shortcuts.new .m_shortcuts_list>li{position:relative;width:15%;min-width:56px;height:auto;overflow:hidden;}
.renew .m_shortcuts.new .m_shortcuts_list>li+li{margin-left:12px;}
.renew .m_shortcuts.new .m_shortcuts_list>li:first-child{padding-left:16px;}
.renew .m_shortcuts.new .m_shortcuts_list>li:last-child{padding-right:16px;}
.renew .m_shortcuts.new .m_shortcuts_list>li a{padding:0;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
.renew .m_shortcuts.new .m_shortcuts_list>li .thumb{width:auto;height:56px;}
.renew .m_shortcuts.new .m_shortcuts_list>li .thumb img{width:auto;height:100%;}
.renew .m_shortcuts.new .m_shortcuts_list>li .txt{position:absolute;top:-9999px;left:-9999px;}
.renew .m_shortcuts.new .m_shortcuts_list>li:first-child{text-align:left;}
.renew .m_shortcuts.new .m_shortcuts_list>li:last-child{text-align:right;}

.renew .m_shortcuts.new .m_shortcuts_list[data-service-cnt="4"]{padding:0 16px;text-align:left;}
.renew .m_shortcuts.new .m_shortcuts_list[data-service-cnt="4"]>li{width:calc(20% - 12.8px);padding:0 !important;}
.renew .m_shortcuts.new .m_shortcuts_list[data-service-cnt="4"]>li+li{margin-left:calc(6.66% + 17px);}
.renew .m_shortcuts.new .m_shortcuts_list[data-service-cnt="5"]{padding:0 16px;}
.renew .m_shortcuts.new .m_shortcuts_list[data-service-cnt="5"]>li{width:calc(20% - 12.8px);padding:0 !important;}
.renew .m_shortcuts.new .m_shortcuts_list[data-service-cnt="5"]>li+li{margin-left:16px;}


.renew .m-shortcuts-cate{padding:0 0 16px;}
.renew .m-shortcuts-cate .m_section-contents{height:auto;padding-bottom:0;}
.renew .m-shortcuts-cate .m_shortcuts_cate_list{display:flex;flex-wrap:wrap;padding:0 16px;overflow:hidden;}
.renew .m-shortcuts-cate .m_shortcuts_cate_list>li{width:calc(20% - 12.8px);}
.renew .m-shortcuts-cate .m_shortcuts_cate_list>li+li{margin-left:16px;}
.renew .m-shortcuts-cate .m_shortcuts_cate_list>li:nth-child(n+6){margin-top:8px;}
.renew .m-shortcuts-cate .m_shortcuts_cate_list>li:nth-child(5n+1){margin-left:0;}
.renew .m-shortcuts-cate .m_shortcuts_cate_list>li:first-child{text-align:left;}
.renew .m-shortcuts-cate .m_shortcuts_cate_list>li:last-child{text-align:right;}
.renew .m-shortcuts-cate .m_shortcuts_cate_list>li a{display:block;position:relative;padding-bottom:18px;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
.renew .m-shortcuts-cate .m_shortcuts_cate_list>li .thumb{display:block;max-width:56px;margin:0 auto;}
.renew .m-shortcuts-cate .m_shortcuts_cate_list>li .txt{position:absolute;bottom:2px;left:50%;font-size:12px;color:#222;text-align:center;white-space:nowrap;line-height:1;transform:translateX(-50%);}
.renew .m-shortcuts-cate .m_shortcuts_cate_list>li.shortcuts-more{display:none;}
.renew .m-shortcuts-cate .m_shortcuts_cate_list .btn-more-cate{display:block;max-width:58px;margin:0 auto;font-size:12px;color:#222;}

.renew .m-shortcuts-cate .m_shortcuts_cate_list.hide>li:nth-child(n+10){display:none;}
.renew .m-shortcuts-cate .m_shortcuts_cate_list.hide>li.shortcuts-more{display:block;margin-left:16px;}

.renew .m-shortcuts-cate .m_shortcuts_cate_list a{outline:0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);}



@media all and (max-width:360px){
    .renew .m_shortcuts.new .m_shortcuts_list[data-service-cnt="4"]>li+li{margin-left:34.6px;}
    .renew .m_shortcuts.new .m_shortcuts_list[data-service-cnt="5"]>li+li{margin-left:12px;}
}

@media all and (max-width:320px){
    .renew .m-shortcuts-cate .m_shortcuts_cate_list{padding:0 12px;}
    .renew .m-shortcuts-cate ul>li .txt{letter-spacing:-1px;}
    .renew .m_shortcuts.new .m_shortcuts_list>li+li{margin-left:10px;}
    .renew .m_shortcuts.new .m_shortcuts_list>li:first-child{padding-left:12px;}
    .renew .m_shortcuts.new .m_shortcuts_list>li:last-child{padding-right:12px;}

    .renew .m_shortcuts.new .m_shortcuts_list[data-service-cnt="4"]{padding:0 12px;}
    .renew .m_shortcuts.new .m_shortcuts_list[data-service-cnt="4"]>li+li{margin-left:24px;}
    .renew .m_shortcuts.new .m_shortcuts_list[data-service-cnt="5"]>li+li{margin-left:12px;}
    .renew .m_shortcuts.new .m_shortcuts_list[data-service-cnt="5"]{padding:0;}
    .renew .m_shortcuts.new .m_shortcuts_list[data-service-cnt="5"]>li:first-child{padding-left:12px !important;}
    .renew .m_shortcuts.new .m_shortcuts_list[data-service-cnt="5"]>li:last-child{padding-right:12px !important;;}
    
    
}


/********************************************
- 지라: MARKETDEV-3953
- 작업자:허도경
- 작업날짜:2023-01-12
- 작업내용: 더보기 추가(라인1단일 때, 2단일 때)
*********************************************/
.m_shortcuts.new[data-view="main"] .m_shortcuts_list.count5 {margin-right:0;}
.m_shortcuts.new[data-view="main"] .m_shortcuts_list li a {font-weight:unset;}
.m_shortcuts.new[data-view="main"] .m_shortcuts_list {margin-left:0; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap:nowrap;}
.m_shortcuts.new[data-view="main"] .m_shortcuts_list li {min-width:52px; margin-left:16px;}
.m_shortcuts.new[data-view="main"] .m_shortcuts_list li:first-of-type {margin-left:0;}
.m_shortcuts.new[data-view="main"] .module-product--scroll {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding:16px 16px 20px;}
.m_shortcuts.new[data-view="main"] .m_shortcuts_list li .txt {font-weight: initial;}
.m_shortcuts.new .module-container--scroll .view__wrap {display:none;}
.m_shortcuts.new[data-line="double"] .module-container--scroll .view__wrap {width:60px; display:flex; height:100%; align-items:center; justify-content:center;}
.m_shortcuts.new .module-container--scroll .more-view__menu {margin-left:6px;}
.m_shortcuts.new .module-container--scroll .view__wrap .thumb {display: block;}
.m_shortcuts.new .module-container--scroll .view__wrap .txt {display: block; font-size: 12px; color: #666; line-height: 13px; margin-top: 4px; letter-spacing: -0.5px; font-weight: initial;}

/********************************************
- 지라: MARKETDEV-5002
********************************************/
.m_shortcuts.new .m_shortcuts_list li .btn-view__menu .thumb {width:60px; height:50px;}
/* .m_shortcuts.new .m_shortcuts_list + .m_shortcuts_list {padding-bottom:15px;} */
.m_shortcuts.new .m_shortcuts_list + .m_shortcuts_list {margin-top:16px;}


/* 아이콘 변경  */
.m_shortcuts_list li.shortcut_menu01 a {background: url(/cjom/mobile/images/main/icon_main_shortcut01.svg) no-repeat 50% 15%;background-size:40px auto;}
.m_shortcuts_list li.shortcut_menu02 a {background: url(/cjom/mobile/images/main/icon_main_shortcut02.svg) no-repeat 50% 15%;background-size:40px auto;}
.m_shortcuts_list li.shortcut_menu03 a {background: url(/cjom/mobile/images/main/icon_main_shortcut03.svg) no-repeat 50% 15%;background-size:41px auto;}
.m_shortcuts_list li.shortcut_menu04 a {background: url(/cjom/mobile/images/main/icon_main_shortcut04_n.gif) no-repeat 50% 15%;background-size:40px auto;}
.m_shortcuts_list li.shortcut_menu05 a {background: url(/cjom/mobile/images/main/icon_main_shortcut05.svg) no-repeat 50% 15%;background-size:40px auto;}
.m_shortcuts_list li.shortcut_menu06 a {background: url(/cjom/mobile/images/main/icon_main_shortcut06.png) no-repeat 50% 15%;background-size:40px auto;}
.m_shortcuts_list li.shortcut_menu07 a {background: url(/cjom/mobile/images/main/icon_main_shortcut07.svg) no-repeat 50% 15%;background-size:40px auto;}
.m_shortcuts_list li.shortcut_menu07 .icon-shortcut_menu07 {position:absolute;top:-17px;left:50%;margin-left:-28px;display:block;width:60px;height:21px;z-index:10;background: url(/cjom/mobile/images/main/icon_main_shortcut07_label.svg) no-repeat 50% 0;background-size:60px 21px;}
.m_shortcuts_list li.shortcut_menu08 a {background: url(/cjom/mobile/images/main/icon_main_shortcut08.svg) no-repeat 50% 15%;background-size:40px auto;}
.m_shortcuts_list li.shortcut_menu09 a {background: url(/cjom/mobile/images/main/icon_main_shortcut09.svg) no-repeat 50% 15%;background-size:40px auto;}
.m_shortcuts_list li.shortcut_menu10 a {background: url(/cjom/mobile/images/main/icon_main_shortcut10.svg) no-repeat 50% 15%;background-size:40px auto;}

.m_shortcuts_list li.shortcut_menu02 .lottie_shortcut{display:none;}
.m_shortcuts_list li.shortcut_menu04 .lottie_shortcut{text-align:center;position:absolute;top:-18px;left:50%;margin-left:-30px;display:block;width:62px;height:20px;z-index:10;background:url(/cjom/mobile/images/main/icon_main_shortcut04_bg.svg) 0 0 no-repeat;background-size:contain;}
.m_shortcuts_list li.shortcut_menu04 .lottie_shortcut div {opacity:0;font-size:0;}


/* 마켓핫딜 */
.m_hotdeal {padding-top:18px !important;border-top:0;}
.m_hotdeal .module-product__sub-title {line-height: 17px; max-height:34px;-webkit-line-clamp:2;}
.m_hotdeal .module-product__price-box {margin-top:7px;}
.m_hotdeal .module-product__price--discount-cash {display:block;width:100%;}
.m_hotdeal .module-product__price--discount-percent {font-size:18px;font-weight:bold;letter-spacing: -0.3px;margin:0;}
.m_hotdeal .module-product__price {margin:0 0 0 2px;}
.m_now_event + #idvdRcmSctBtm {padding-top:0;}
#idvdRcmSctBtm {padding-bottom:48px;}
/* 지금은행사중 */
.m_now_event [data-js=floating__target].is-floating { top:44px !important; }
.m_now_event .m_now_event_title {margin-top:64px;height:24px;font-size:22px;font-weight:bold;padding:0 16px;line-height:26px;}
.m_now_event .m_section-header .m_more_btn {top:22px;}
.m_now_event .is-floating .main__brand-menu {padding:10px 0 10px;height:40px;}
.m_now_event .scroll-x {padding:0 0 30px 15px;margin-bottom:-30px; -ms-overflow-style: none; /* IE, Edge */
    scrollbar-width: none; /* Firefox */}
.m_now_event .scroll-x::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */}
.m_now_event .m_more_btn_full {margin:0 16px;}
.m_now_event .product-list {padding-bottom:32px;}
.m_now_event .m_meue_list a:last-child {margin-right:0;}
.m_now_event .scroll-x {padding:0 0 30px 15px;margin-bottom:-30px;}

/* 카테고리 인기상품 */
.m_cate_popular [data-js=floating__target].is-floating { top:44px !important; }
.m_cate_popular .m_cate_popular_title {margin-top:64px;height:24px;font-size:22px;font-weight:bold;padding:0 16px;line-height:26px;}
.header--main.renew ~ .m_cate_popular [data-js=sticky__target].is-floating,
.header--main.renew ~ .m_cate_popular [data-js=floating__target].is-floating { top:40px !important; } /* MARKETDEV-7515 메인 1차 개편 */
.header--main.renew ~ .contents .m_cate_popular [data-js=sticky__target].is-floating,
.header--main.renew ~ .contents .m_cate_popular [data-js=floating__target].is-floating { top:40px !important; } /* MARKETDEV-7515 메인 1차 개편 */

.m_cate_popular .m-section-tooltip{top:24px !important;}

.m_cate_popular [data-js=sticky__target].is-floating,
.m_cate_popular [data-js=floating__target].is-floating { top:44px !important; }
.m_cate_popular [data-js=floating__target].is-floating.active { position:static;}
.m_cate_popular .is-floating .main__brand-menu {padding:10px 0 10px;height:40px;}
.m_cate_popular .scroll-x {padding:0 0 30px 15px;margin-bottom:-30px; -ms-overflow-style: none; /* IE, Edge */
    scrollbar-width: none; /* Firefox */}
.m_cate_popular .scroll-x::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */}
.m_cate_popular #categoryCont1.module-container.active {margin-top:-10px;}
.m_cate_popular .m_more_btn_full {margin:0 16px;}
.m_meue_list li {display:inline-block;width:auto;}
.m_meue_list a {width:auto;margin-right:8px;height:38px;font-size:14px;cursor:pointer;display:inline-block;padding:0 16px;color:#333;border-radius:20px;line-height:38px;border: 1px solid #ddd;    background-color: #fff;}
.m_meue_list a.active {color:#fff;font-weight:bold;border:1px solid #1BA774;background-color:#1BA774;}
.m_cate_popular .product-list {padding-bottom:32px;}
/* visual */
.m-visual {position: relative;overflow: hidden;}
.m-visual-item {
    position: relative;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 0 0;
    float:none;
}
.m-visual-item img {width: 100%;vertical-align:top;}
.m-visual-contents {
    padding: 30px 25px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.m-visual-title {color: #025232;}
.m-visual-title-text-regular {
    line-height: 20px;
    font-size: 21px;
    font-weight: 300;
}
.m-visual-title-text-bold {
    margin-top: 8px;
    display: block;
    font-size: 26px;
    line-height: 20px;
}
.m-visual-text {
    margin-top: 18px;
    font-size: 19px;
    color: #ac8b4d;
}
.m-visual-link {
    margin-top: 20px;
    width: 82.5px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #ad8c4d;
    border-radius: 12.5px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #ad8c4d;
}
/* 넘버링수정 시작 */
.m-visual-status {right:0;bottom:0;
    height:28px;line-height:28px;
    display: flex;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 12px;color: #fff;
}
.m-visual-status .swiper-pagination {display:inline-block;position:relative; padding:0; margin-right:3px;min-width:auto; right:30px; top:1px;width:auto;white-space: nowrap;color:#fff !important;height:28px;line-height:27px;letter-spacing:-1px;}
.m-visual-status .swiper-pagination span {line-height:26px;}
.m-visual-status__total {margin-left:2px;color: rgba(255, 255, 255, 0.8);}
.m-visual-status__total em {font-style: normal;}
.m-visual-status__all {padding:0 8px;background:none;color:#fff;/*width:24px;height:27px;background:url(/cjom/mobile/images/icon/ico-main-slide-all.png) no-repeat center; background-size: 10px;*/}
.m-visual-status__all span {color:#fff;font-size:12px;letter-spacing:-1px;line-height:28px;}

/* banner */
.m-banner {position:relative;display: block;}
.m-banner .slick-prev{left:0;width:40px;height:40px;background: url(/cjom/mobile/images/main/ico-m-banner_p.png) no-repeat 50%;background-size:40px;}
.m-banner .slick-next {right:0;width:40px;height:40px;background: url(/cjom/mobile/images/main/ico-m-banner_n.png) no-repeat 50%;background-size:40px;}
.m-banner .slick-prev:before,.m-banner .slick-next:before {color:transparent;opacity:1;content:'';}
/* 20220919 banner추가 */
.m-banner-new{overflow:hidden;position:relative;height:16.6667vw;clear:both;}
.m-banner-new .swiper-slide:nth-child(1){text-align:left;}
.m-banner-new .swiper-slide:nth-child(2){text-align:right;}
.m-banner-new .swiper-slide a{overflow:hidden;position:relative;display:inline-block;width:77.7778vw;height:100%;vertical-align:top;}
.m-banner-new .swiper-slide .bnr-img{position:absolute;top:0;width:77.7778vw;height:100%;}
.m-banner-new .swiper-slide:nth-child(1) .bnr-img{left:0;}
.m-banner-new .swiper-slide:nth-child(2) .bnr-img{right:0}
.m-banner-new .swiper-slide .bnr-img img{width:auto;height:100%;visibility:hidden;}
.m-banner-new .swiper-slide:nth-child(2) .bnr-img img{float:right;}
.m-banner-new .swiper-slide-active:nth-child(1) a{box-shadow:3px 0 8px 0 rgb(0 0 0 / 20%);}
.m-banner-new .swiper-slide-active:nth-child(2) a{box-shadow:-3px 0 8px 0 rgb(0 0 0 / 20%);}
.m-banner-new .swiper-slide-active:after{content:'';position:absolute;top:calc(50% - 15px);width:30px;height:30px;background-size:100% auto;}
.m-banner-new .swiper-slide-active:nth-child(1):after{right:calc(22.2222vw - 15px);background-image:url('/cjom/mobile/images/main/btn-bnr-left.png');}
.m-banner-new .swiper-slide-active:nth-child(2):after{left:calc(22.2222vw - 15px);background-image:url('/cjom/mobile/images/main/btn-bnr-right.png');}
.m-banner-new .swiper-slide-active .bnr-img img{visibility:visible;}
.m-banner-new.ani .swiper-slide-active a{animation: 2s .5s bannerAni infinite alternate;}
.m-banner-new.ani .swiper-slide-active:nth-child(1):after{animation: 2s .5s bannerAni2 infinite alternate;}
.m-banner-new.ani .swiper-slide-active:nth-child(2):after{animation: 2s .5s bannerAni3 infinite alternate;}
.m-banner-new .bnr-bg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:auto 100%;}
.m-banner-new .bnr-bg.on{display:block;}
.m-banner-new .bnr-bg.b1{background-position:0 0;text-align:right;}
.m-banner-new .bnr-bg.b2{background-position:100% 0;}
.m-banner-new .bnr-bg div{display:inline-block;width:22.2222vw;height:100%;background-repeat:no-repeat;background-size:auto 100%;}
.m-banner-new .bnr-bg.b1 div{background-position:100% 0;}
.m-banner-new .bnr-bg.b2 div{background-position:0 0;}
.m-banner-new  [class*='btn-']{position:absolute;top:0;width:22.2222vw;height:100%;font-size:1px;color:transparent;opacity:0;z-index:5;}
.m-banner-new .btn-next-mbnr{right:0;}
.m-banner-new .btn-prev-mbnr{left:0;}
.m-banner-new .swiper-button-disabled{display:none;}
.m-banner-new.one,
.m-banner-new.one .swiper-slide .bnr-img img{height:auto;}
.m-banner-new.one .swiper-slide a{width:100%}
.m-banner-new.one .swiper-slide .bnr-img{position:static;display:block;width:100%;}
.m-banner-new.one .swiper-slide .bnr-img img{width:100%;visibility: visible;}
.m-banner-new.one [class*='btn-'], .m-banner-new.one .bnr-bg{display:none;}

@keyframes bannerAni {
    0% {width: 77.7778vw;}
    50% {width: 75.2778vw;}
    100% {width: 77.7778vw;}
}
@keyframes bannerAni2 {
    0% {right: calc(22.2222vw - 15px);}
    50% {right: calc(24.7222vw - 15px);}
    100% {right: calc(22.2222vw - 15px);}
}
@keyframes bannerAni3 {
    0% {left: calc(22.2222vw - 15px);}
    50% {left: calc(24.7222vw - 15px);}
    100% {left: calc(22.2222vw - 15px);}
}

/* MAIN SHORTCUTS */
.main__shortcuts {background-color: #fff; display: flex; align-items: center; justify-content: flex-start;}
.main__shortcuts__li {width: 20%; border-left: 1px solid #eee; box-sizing: border-box;}
.main__shortcuts__li:first-child {border-left-color: transparent;}
.main__shortcuts__a {position:relative; padding-bottom: 5px; height: 78px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px;}
.main__shortcuts__a:before {width: 50px; height: 50px; background: url(/cjom/mobile/images/icon/ico-main-shortcuts.png?ver=20200512) no-repeat 0 0; background-size: auto 50px; display: block; content: '';}
.main__shortcuts__a .ico-new {position:absolute;right:6px;top:10px;width:16px;height:16px;text-indent:-99999em;background: url(/cjom/mobile/images/icon/icon_m_new.png) no-repeat 0 0;background-size:16px;}

.main__shortcuts__a--type2:before {background-position: -350px 0;}
.main__shortcuts__a--type3:before {background-position: -50px 0;}
.main__shortcuts__a--type4:before {background-position: -150px 0;}
.main__shortcuts__a--type5:before {background-position: -200px 0;}
.main__shortcuts__a--type6:before {background-position: -250px 0;}


/* MAIN HOTDEAL */
.main__timer {margin-top: 4px; display: flex; align-items: center; justify-content: center; color: #2a715a;}
.main__timer-colon {padding: 0 9px; font-size: 18px; font-weight: 700;}
.main__timer-number {font-size: 21px;}
.m_section-header--hotdeal {padding: 15px 0; border-bottom: 1px solid #eee; background-color: #fff; text-align: center;}
.m_section-header--hotdeal .m_section-title {font-size: 16px; font-weight: 300;}
.m_section .module-product--column {margin: 0 -15px;}

/* 쿡킷 */
.main__cookit .module-product--list .module-product__li {padding: 15px 0;}
.main__cookit .module-product--list .module-product__cart {right: 0;}
.main__cookit .module-product--list .component-recipe {margin-top: 6px;}

/* 선물하기 */
.main__gift-shortcuts {border-top: 1px solid #eee; display: flex; flex-wrap: wrap;}
.main__gift-shortcuts__anchor {padding: 8px 0; width: calc( 100% / 3); border-top: 1px solid #eee; border-left: 1px solid #eee; display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box;}
.main__gift-shortcuts__anchor:nth-child(1),
.main__gift-shortcuts__anchor:nth-child(4) {border-left-color: transparent;}
.main__gift-shortcuts__anchor:nth-child(1),
.main__gift-shortcuts__anchor:nth-child(2),
.main__gift-shortcuts__anchor:nth-child(3) {border-top-color: transparent;}
.main__gift-shortcuts__icon {width: 50px; height: 50px; background-size: 50px; background-position: center; display: block;}
.main-kv-list {margin-bottom: -30px;}
.main-kv-list__li{margin:10px 0;}
.main-kv-list__li:last-child{margin:10px 0 0 0;}
.main-kv-list__anchor {display: block;}
.m_section-contents--none-bottom {padding-bottom: 0;}

/* 2019-07-04 메인 KV 넘버링수정 시작 */
.swiper-pagination{min-width:44px;height:30px;text-align:center;bottom:0;right:0px;line-height:30px;vertical-align:middle;color:#d0d0d0!important;position: absolute;z-index:102;padding-left:2px;font-size:14px;}/* 2019-07-12 메인 KV 넘버링넓이값수정 */
.swiper-pagination-current{color:#fff;}

/* 2019-09-20 메인팝업 추가 */
.main-popup .modal__container{margin-left:-170px;width:340px;padding:0;z-index:100;}
.main-popup .modal__container li{width:340px;height:360px;}
.main-popup .modal__container li a{position:relative;display:block;width:100%;height:100%;}
.main-popup .modal__container li a .txt {position: absolute;right: 55%;font-weight: Bold;top: 16%;color: #E7D5C0;font-size: 29px;}
.main-popup .modal__container li img{max-width:100%;height:100%;}
.main-popup .modal__container .swiper-pagination{left:0;bottom:55px;height:10px;line-height:10px;}
.main-popup .modal__container .swiper-pagination-bullet{width:9px;height:9px;margin-left:10px;background:rgba(255, 255, 255);}
.main-popup .modal__container .swiper-pagination-bullet:first-child{margin-left:0;}
.main-popup .modal__container .swiper-pagination-bullet-active{background:#fff;}
.main-popup .modal__container .swiper-button-prev,
.main-popup .modal__container .swiper-button-next{position:absolute;top:176px;width:32px;height:52px;background:rgba(0, 0, 0, 0.2);border-radius:0;font-size:0;line-height:0;text-indent:-9999px;}
.main-popup .modal__container .swiper-button-prev{left:0;}
.main-popup .modal__container .swiper-button-next{right:0;}
.main-popup .modal__container .swiper-button-prev:after,
.main-popup .modal__container .swiper-button-next:after{position:absolute;top:17px;content:'';display:block;width:12px;height:18px;background:url('/cjom/mobile/images/common/bg_popup_arrow.png') no-repeat;}
.main-popup .modal__container .swiper-button-prev:after{right:12px;}
.main-popup .modal__container .swiper-button-next:after{left:12px;background-position:100% 0;}
.main-popup .modal__container .btn-box{overflow:hidden;}
.main-popup .modal__container .btn-box button{float:left;width:calc((100% / 2) - 21px);height:42px;line-height:42px;color:#777;border-right:1px solid rgba(0, 0, 0, 0.07);border-radius:0;font-size:14px;background:rgba(255, 255, 255);box-sizing:border-box;}
.main-popup .modal__container .btn-box button:last-child{border-right:0;}
.main-popup .modal__container .btn-box .btn-play-toggle{width:42px;display:inline-block;background:url('/cjom/mobile/images/common/ico_popup_control.png') no-repeat;background-position:16px 50%;text-indent:-9999px;color:transparent;}
.main-popup .modal__container .btn-box .btn-play-toggle.play{background-position:-13px 50%;}
.main-popup .modal__container .btn-box.no_control .btn-play-toggle{display:none;}
.main-popup .modal__container .btn-box.no_control button:not(.btn-play-toggle){width:50%;}
.main-popup .swiper-wrapper.disabled{transform: translate3d(0px, 0, 0) !important;}
.main-popup .swiper-wrapper.disabled + .main__visual-ctrl{display:none;}
@media screen and (max-width:320px){
    .main-popup .modal__container{margin-left:-150px;width:300px;padding:0;}
    .main-popup .modal__container li{width:300px;height:318px;}
    .main-popup .modal__container .swiper-button-prev,
    .main-popup .modal__container .swiper-button-next{top:155px;}
}
/* //2019-09-20 메인팝업 추가 */


/* main 시스템 점검 */
.check-banner {position:relative;display: block;background-color:#f2f2f2;}
.check-banner .close {position:absolute;right:8px;top:10px;width:21px;height:21px; background: transparent url(/cjom/mobile/images/icon/ico-m-banner-close.png) no-repeat; background-size:21px; display: block; }
.check-banner .close .btn_close  {display:none;}
.check-banner .check-banner-wp {padding:10px 0 7px 0;}
.check-banner .check-banner-item .title {font-weight:600;padding:0 30px 0 15px;line-height:1.43;color:#222;}
.check-banner .check-banner-item .desc {padding:0 30px 0 15px;line-height:1.82;font-size:11px;color:#767676;}
.check-banner .check-banner-item .desc a {font-weight:normal;margin-left:2px;line-height:1.8;font-size:11px;color:#00893d;text-decoration:underline;}
.check-banner .slick-dots {width:auto;height:8px;padding:0;position:absolute;right:12px;bottom:11px;background-color:transparent;}
.check-banner .slick-dots li {width:8px;height:8px;}
.check-banner .slick-dots li button {width:8px;height:8px;}
.check-banner .slick-dots li.slick-active button {background-color:#666;}
/* 쿠폰&혜택 */
.m-banner-coupon + .m_section.type-pd {padding-top:18px;}
.m-banner-coupon {display:block;padding-top:8px;padding-bottom:8px;letter-spacing:-1px;}
.m-banner-coupon a {display:block;padding:22px 0 0 30px;width:348px;height:68px;box-sizing:border-box;margin:0 auto;background:url(/cjom/mobile/images/mypage/img-banner-coupon.png) no-repeat 0 0; background-size:auto 73px;}
.m-banner-coupon .per {display:none;font-size:18px;color:#222;}
.m-banner-coupon .txt {display:block;font-size:0;text-indent:-99999em;height:24px;background:url(/cjom/mobile/images/mypage/img-number-random.gif) no-repeat 0 0; background-size:auto 24px;}
.m-banner-coupon .txt .emp {color:#1ba774; }
@media screen and (max-width:320px) {
    .m-banner-coupon a {width:300px;height:63px;padding:20px 0 0 30px;background-size:auto 63px;}
}

/* 이렇게 먹어보세요 */
.m_section.type-pd{padding:10px 0 0;}
.m_section.type-pd .m_section-header{padding:14px 15px 15px 15px;}
.m_section.type-pd .m_section-header h1{font-size:22px;line-height:28px;font-weight:bold;}
.recomm-wrap .scroll-wrap{position:relative;margin:0 0 15px;}
.recomm-wrap .tag-box{overflow-y: hidden;overflow-x: auto;margin:0 0 -30px;padding:0 0 30px 15px;}
.recomm-wrap .tag-box li{width:auto;padding:11px 16px;color:#333;font-size:14px;border:1px solid #ddd;border-radius:30px;margin-right:8px;box-sizing:border-box;}
.recomm-wrap .tag-box li:last-child{margin-right:0;}
.recomm-wrap .tag-box li.swiper-slide-thumb-active{border-color:#1BA774;background:#1BA774;color:#fff;}
.recomm-wrap .product-box .img-box{position:relative;}
.recomm-wrap .product-box .img-box .dsc{position:absolute;left:15px;top:84%;width:calc(100% - 15px);padding:15px;background:#fff;box-sizing:border-box;}
.recomm-wrap .product-box .img-box .dsc .tit01,
.recomm-wrap .product-box .img-box .dsc .tit02{display:block;font-size:30px;color:#333;line-height:36px;font-weight:bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word; }
.recomm-wrap .product-box .img-box .dsc .txt{ font-size:16px;color:#767676;line-height:23px;margin-top:8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;}
.recomm-wrap .product-box .img-box .flag{display:block;position:absolute;left:0;top:0;width:100%;height:auto;z-index:1;}
.recomm-wrap .product-box .prd-list{margin:0 20px 0 30px;}
.recomm-wrap .product-box .prd-list .product-item{display:flex;padding:5px 0;border-bottom:1px solid #f1f1f1;align-items:center;}
.recomm-wrap .product-box .prd-list .product-item:first-child{border-top:1px solid #f1f1f1;}
.recomm-wrap .product-box .prd-list .product-item a{display:flex;width:100%;align-items:center;}
.recomm-wrap .product-box .prd-list .product-item .input-checkbox{margin:0;}
.recomm-wrap .product-box .prd-list .product-item .thumb{position:relative;width:60px;height:60px;margin:0 10px 0 8px;}
.recomm-wrap .product-box .prd-list .product-item .thumb .soldout{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba( 0, 0, 0, .7); display: flex; align-items: center; justify-content: center; font-size: 11px; color: #fff; }
.recomm-wrap .product-box .prd-list .product-item .title{color:#333;font-size:15px;width:48%;line-height:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.recomm-wrap .product-box .prd-list .product-item .price-info{width:26%;margin:0;font-size:15px;text-align:right;color:#333;}
.recomm-wrap .product-box .prd-list .product-item .price{font-size:16px;font-weight:500;}
.recomm-wrap .product-box .prd-list .product-item .price .num{margin-right:1px;font-size:16px;vertical-align: baseline; font-weight:normal;}
.recomm-wrap .product-box .prd-list .product-item .checkbox__input{padding-left:20px;}
.recomm-wrap .product-box .prd-list .total-box{padding:17px 0 20px;overflow:hidden;}
.recomm-wrap .product-box .prd-list .total-box .checkbox__input{float:left;font-size:16px;color:#333;font-weight:500;margin-top:3px;}
.recomm-wrap .product-box .prd-list .total-box .total-price{float:right;background:#fff;font-size:18px;}
.recomm-wrap .product-box .prd-list .total-box .total-price .num{margin-right:1px;font-size:19px;font-weight:bold;vertical-align: baseline; }
.recomm-wrap .product-box .prd-list .btn-box{padding-bottom:30px;}
.recomm-wrap .product-box .prd-list .btn{font-weight:bold;font-size:15px;height:56px;line-height:54px;color:#0c8050;border:2px solid #0c8050;background-color:#fff;}
@media screen and (min-width:768px){
    .recomm-wrap .product-box .img-box .dsc{top:92%}
    .recomm-wrap .product-box .prd-list .product-item .title{width:63%;}
}

/* 신제품 */
.m_new_product .module-product--scroll {padding: 0 0 50px 0;}
.m_new_product .product-2column .product-list {position:relative;display:block;white-space:nowrap;font-size:0;padding-left:16px;padding-bottom:25px;}
.m_new_product .product-2column .product-list li {width:232px;padding:0;margin-right:16px;}
.m_new_product .product-list li .nproduct-txt01 {word-break:break-all;white-space: normal;font-size:13px;line-height:18px;color:#333;}
.m_new_product .product-list li .nproduct-txt02 {word-break:break-all;white-space: normal;margin-top:2px;font-size:15px;line-height:20px;color:#111;font-weight:bold;}
.m_new_product .product-list li .nproduct-txt03 {word-break:break-all;white-space: normal;margin-top:4px;font-size:13px;line-height:18px;color:#999;}
.m_new_product .product-list .movlink {margin-top:10px}
.m_new_product .product-list .movlink a {text-decoration:underline;font-size:14px;color:#347560;font-weight:500;}
.m_new_product .product-list .label-prime {display:block;position:absolute;left:0;bottom:0;padding:0 11px;line-height:33px;height:33px;border-radius:0 0  0 4px;color:#fff;font-weight:bold;font-size:12px;text-align:center;padding:0 11px 0 25px;background:#2e5754 url('/cjom/mobile/images/mypage/ico_user_grade.svg') no-repeat 9px 12px;background-size:12px 10px;}
.m_new_product .product-2column .product-coupon {overflow:hidden;margin-top:5px;}
.m_new_product .product-2column .product-coupon li {width:auto;float:left;margin:4px 0 0 4px;}
.m_new_product .product-2column .product-coupon li:first-child {margin-left:0;}
.m_new_product .product-list li .product-price-box {overflow:hidden;margin-top:4px;}
.m_new_product .product-list li .product-price-discount {display:inline-block; /* float:left;*/ line-height:20px;}
.m_new_product .product-list li .product-price {float:left;line-height:16px;margin:2px 0 0 4px;}
.m_new_product .product-list li .product-badge-box + .product-title {padding-top:0;}
/* 레시피 */
.m_recipe .module-product--scroll {padding: 0 0 50px 0;}
.m_recipe .module-product__contents-box {padding-top:13px;}
.m_recipe .module-product--scroll .module-product__li {width:240px;margin-right:16px;padding:0;}
.m_recipe .module-product--scroll .module-product__li .module-product__image-box {width:240px;height:310px; background-color:#f8f8f8;}
.m_recipe .module-product--scroll .module-product__li .module-product__anchor--image {padding-top:310px;}
.m_recipe .module-product--scroll .module-product__li .module-product__image-box img {position:absolute;top:50%;left:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.m_recipe .module-product--scroll .module-product__li .label {display:block;position:absolute;left:0;bottom:0;padding:0 10px;line-height:33px;height:33px;color:#fff;font-size:12px;text-align:center;background-color:#0c8050;}
.m_recipe .module-product--scroll .module-product__li .label span {display:inline-block; }
.m_recipe .module-product__li .title  { margin-top:0; font-weight:bold;font-size:20px; line-height:25px; max-height:50px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }
.m_recipe .module-product__li .desc  { margin-top:7px; font-size: 15px;color:#777; line-height:22px; max-height:66px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; }
.m_recipe .module-product__li .movlink {margin-top:10px}
.m_recipe .module-product__li .movlink a {text-decoration:underline;font-size:13px;color:#0c8050;font-weight:500;}

/* 쿡킷추천상품 */
.m_cookit .module-product--scroll {padding: 0 0 50px 0;}

/* 공지사항 */
.m_notice  {margin-top:0;padding:0 15px;border-top:8px solid #f2f2f2;}
.m_notice .m_notice_list {overflow:hidden;width:100%;padding:15px 0;height:55px;box-sizing:border-box;}
.m_notice .m_notice_list dt {float:left;text-align:left;padding-right:10px;font-size:16px;font-weight:bold;line-height:22px;letter-spacing: -0.4px;}
.m_notice .m_notice_list dd {float:left;text-align:left;line-height:22px;font-size:16px;letter-spacing: -0.4px;}
.m_notice .m_notice_list dd + dd{padding-top:5px;}
.m_notice .m_notice_list .txt {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:72%;overflow:hidden;}
.m_notice .m_notice_list .txt span {color:#2a715a;}
.m_notice .m_notice_list .m_notice_btn {float:right;}
@media screen and (max-width:320px){
    .m_notice .m_notice_list .txt  {width:68%;}
}
.m-banner + .m_hotdeal {border-top:0;}
.m_hotdeal .m_section_title {font-size:19px;line-height:24px;color:#333;margin-bottom:4px;}
.m_new_product {padding:20px 0 0 0;}
.m_new_product .m_section-header {padding-left:16px;}
.m_new_product .module-product--scroll .module-product__ul {padding-left:16px;}
.m_cookit {padding:10px 0 0 0;}
.m_cookit .m_section-header {padding-left:16px;}
.m_cookit .m_more_btn {right:16px;}
.m_cate_popular {padding:10px 0 0 0;}
.m_cate_popular .m_section-header {padding-left:16px;}
.m_now_event {padding:10px 0 0 0;}
.m_now_event .m_section-header {padding-left:16px;}
.m_recipe .m_section-header {padding-left:16px;}
.m_recipe .module-product--scroll .module-product__ul {padding-left:16px;}

/* 메인팝업 */
.m_modal_popup .m_modal_popup_cont .m-modal-pop {position:absolute;left:20px;top:20%;width:100%;text-align:left;}
.m_modal_popup .m_modal_popup_cont .m-modal-pop .tit {font-size:28px;font-weight:bold;line-height:32px;color:#5e2f2f;letter-spacing:-2px;}
.m_modal_popup .m_modal_popup_cont .m-modal-pop .txt01 {margin-top:2px;font-size:28px;font-weight:bold;line-height:32px;color:#ff5b01;letter-spacing:-2px;}
.m_modal_popup .m_modal_popup_cont .m-modal-pop .txt02 {margin-top:2%;font-size:16px;line-height:21px;color:#ff5b01;}

.m_modal_popup .m_modal_popup_cont .m-modal-prime {position:absolute;box-sizing: border-box;padding:0 10px;top:26px;width:100%;text-align:left;}
.m_modal_popup .m_modal_popup_cont .m-modal-prime .txt01 {display:block;height:50px;padding:10px 0 0 61px;font-size:16px;font-weight:bold;line-height:20px;color:#d4a14c;background:url('/cjom/mobile/images/prime/ico_user_grade.png') no-repeat 0 0;background-size:60px;}
.m_modal_popup .m_modal_popup_cont .m-modal-prime .txt02 {margin-top:5px;color:#333;font-size:21px;line-height:27px;text-align:center;font-weight:bold;}
.m_modal_popup .m_modal_popup_cont .m-modal-prime .thumb {margin-top:12px;height:80px;text-align:center;}
.m_modal_popup .m_modal_popup_cont .m-modal-prime .thumb img {width:280px;height:80px;border-radius:0;margin:0 auto;}



/* 메인 모달팝업 슬라이더 변경 2023-10-24 */
.m_modal_popup .modal_main_banner.swiper-container{overflow:visible;}
.m_modal_popup .modal_main_banner .swiper-slide a{display:block;position:absolute;bottom:0;left:0;width:100%;height:auto;}
.m_modal_popup .modal_main_banner .m_modal_thumb_ctrl {position:absolute;right:15px;top:15px;padding:0 11px;height:22px;border-radius:11px;background-color: rgba(0, 0, 0, 0.2);transition:top .3s;z-index:102;}
.m_modal_popup .modal_main_banner .swiper-pagination{position:static;min-width:0;height:22px;padding:0;font-size:12px;color:#fff !important;line-height:22px;}
.m_modal_popup .modal_main_banner .swiper-pagination-current{font-weight:700;}
.m_modal_popup .modal_main_banner.no-swiper .swiper-slide a{position:static;} 

/* 개인화추천 Pilot */
.m_recommend{margin-top:0;}
.m_recommend .product-detail__h2{padding-top:8px;font-size:19px;line-height:24px;color:#333;font-weight:700;margin:0px 0 15px 0;}
.product-detail__section.m_recommend {margin-bottom:0;padding:10px 0 6px;border-top:0;}
.m_recommend .m_section-header {padding:14px 15px 12px;}
.m_hotdeal .m_section-header .m_more_btn {right:15px}
.m_recipe .m_section-header .m_more_btn {right:0}

/* mobile - 개인화 상품추천 - 메인 */
.product-detail__section.p_rec_main{margin-top:0;padding: 20px 0 15px;}
.product-detail__section.p_rec_main .product-detail__h2{ padding:10px 0 0 15px; font-size: 19px; font-weight: 700; line-height: 1px; margin: 0 0 4px 0;color:#333}
.product-detail__section.p_rec_main .product-detail__sub-title{font-size: 14px; line-height: 1.5; color: #777; padding-left:15px;}
.product-detail__section.p_rec_main .module-product--scroll .module-product__li {padding: 12px 15px 15px 0; width: 165px;}
.product-detail__section.p_rec_main .module-product__sub-title {line-height: 17px; max-height:34px;-webkit-line-clamp:2;}
.product-detail__section.p_rec_main .module-product__price-box {margin-top:7px;}
.product-detail__section.p_rec_main .module-product__price--discount-cash {display:block;width:100%;}
.product-detail__section.p_rec_main .module-product__price--discount-percent {font-size:18px;font-weight:bold;letter-spacing: -0.3px;margin:0;}
.product-detail__section.p_rec_main .module-product__price {margin:0 0 0 2px;}
.m_section.m_hotdeal + .p_rec_main{margin-top:10px;}
.product-detail__section.p_rec_main .module-product__anchor--image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.03;
}
/** 2021-11-24 추가 **/
.m_recomm_section {
    line-height: 1px;
}
#idvdRcmMain02PrdArea {margin-top:2px;}

/*main lottie*/
#lottie-bibigo {position: fixed; width: 100%; ;  z-index: 100;background-color: rgba(0, 0, 0, 0.5);}
.lottie-bibigo-close {display: none; width:30px; height: 30px;z-index: 101; background: transparent;position: absolute;top: 10.7%;right: 8%;}

/* 동영상 노출개선 20221104 : 메인배너 */
.m-visual .swiper-slide {position:relative;}
.m-visual .swiper-slide>a {position:relative;display:block;width:100%;height:100%;z-index:1;}
.m-visual .swiper-slide.video.type-white .mv-video:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;bottom:0;z-index:1;background:url(/cjom/mobile/images/main/mv_video_bg.svg) 0 0 no-repeat;background-size:cover !important;}
.m-visual .swiper-slide.video .mv-video {position:relative;display:block;width:100%; /* padding-top:100%; */ padding-top: 90.67%; overflow:hidden;} /* MARKETDEV-5002:수정 건 */
.m-visual .swiper-slide.video .mv-video video,
.m-visual .swiper-slide.video .mv-video iframe {position:absolute;top:50%;left:50%;height:100%;width:auto;min-width:100%;transform:translate(-50%,-50%);pointer-events:none;
min-height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;}/* MARKETDEV-5002:수정 건 */

.m-visual .swiper-slide.video .mv-video .video-txt {position:absolute;top:9.6%;left:6.4%;width:calc(87% - 50px);color:#111;z-index:2;}
.m-visual .swiper-slide.video.type-white .mv-video .video-txt {color:#fff;}
.m-visual .swiper-slide.video .mv-video .video-txt .vt-title {display:block;font-size:28px;line-height:36px;font-weight:bold;}
.m-visual .swiper-slide.video .mv-video .video-txt .vt-text {display:block;font-size:15px;line-height:23px;margin-top:12px;}
.m-visual .swiper-slide.video .btn-sound {-webkit-tap-highlight-color:transparent;position:absolute;top:calc(4.3% - 15px);right:calc(4.3% - 15px);width:54px;height:54px;z-index:2;background:url(/cjom/mobile/images/main/mv_video_sound1.svg) 50% 50% no-repeat;background-size:24px !important;}
.m-visual .swiper-slide.video .btn-sound.muted {background:url(/cjom/mobile/images/main/mv_video_mute1.svg) 50% 50% no-repeat;}
.m-visual .swiper-slide.video.type-white .btn-sound {background:url(/cjom/mobile/images/main/mv_video_sound2.svg) 50% 50% no-repeat;}
.m-visual .swiper-slide.video.type-white .btn-sound.muted {background:url(/cjom/mobile/images/main/mv_video_mute2.svg) 50% 50% no-repeat;}
.m_new_product .product-2column .product-list li .btn-product-play {width:60px;height:60px;background-size:34px;}
.m_new_product .product-2column .product-list li.product-pause .btn-product-play {width:48px;height:48px;background-size:48px;}

/********************************************
- 지라: MARKETDEV-4076
- 작업자:허도경
- 작업날짜:2023-01-12
- 작업내용: 메인 배너 텍스트(BO에서 컨트롤 가능하게 수정)
*********************************************/
[data-detail-view="m-visual"] .main-kv-list__li {position: relative;}

[data-detail-view="m-visual"] .visual-txt__wrap,
.m-visual .visual-txt__wrap {position:absolute;top:8.53%;left:7.47%; width: calc(100% - 66px); color:#111; z-index:4; box-sizing:border-box;}
[data-detail-view="m-visual"] .visual-txt__wrap .main-text,
.m-visual .visual-txt__wrap .main-text {font-size: 7.22vw; line-height:9vw; font-weight:bold; letter-spacing:-0.5px;}
[data-detail-view="m-visual"] .visual-txt__wrap .sub-text,
.m-visual .visual-txt__wrap .sub-text {font-size: 4.44vw; line-height:6vw; margin-top:2.1vw; letter-spacing:-0.5px;}

[data-detail-view="m-visual"],
.m-visual [data-bg-option="true"] {position: relative;}

.m-visual .swiper-slide > a,
.m-visual .swiper-slide-active.bg-active a,
[data-detail-view="m-visual"] .main-kv-list__li a {position: relative; overflow: hidden;}

[data-bg-option="true"] {overflow: hidden;}
[data-bg-option="true"] a:before {display:block; position: absolute; left: 0; right:0; top:0; bottom:0; width:100%; box-sizing:border-box; content: ""; background:url(/cjom/mobile/images/main/bg_visual_banner_m.png?SF=webp) no-repeat 0 0; background-size:cover; z-index: 1;}

.m-visual .swiper-slide {-webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); -webkit-transform:translate3d(0, 0, 0);}

.m-visual .swiper-slide a:before {visibility:hidden;}
.m-visual .swiper-slide[data-bg-option="true"] a:before {visibility:visible;}
.m-visual .swiper-slide video {}

[data-detail-view="m-visual"] [data-color="white"],
.m-visual [data-color="white"] {color:#fff !important}
[data-detail-view="m-visual"] [data-color="black"],
.m-visual [data-color="black"] {color:#111 !important}

.m-visual[data-animation="true"] .swiper-slide-prev .main-text,
.m-visual[data-animation="true"] .swiper-slide-prev .sub-text,
.m-visual[data-animation="true"] .swiper-slide-next .main-text,
.m-visual[data-animation="true"] .swiper-slide-next .sub-text {transform: translateX(-20%); -webkit-transform: translateX(-20%); opacity:0;}
.m-visual[data-animation="true"] .swiper-slide-active .main-text {animation-name: mainBnFadeInUp; animation-duration: 0.3s; opacity:1;}
.m-visual[data-animation="true"] .swiper-slide-active .sub-text {animation-name: mainBnFadeInUp; animation-duration: 0.7s; opacity:1;}
.m-visual .video .btn-sound[data-type="white"] {background:url(/cjom/mobile/images/main/mv_video_sound2.svg) 50% 50% no-repeat;}
.m-visual .video .btn-sound[data-type="white"].muted {background:url(/cjom/mobile/images/main/mv_video_mute2.svg) 50% 50% no-repeat;}

@-webkit-keyframes mainBnSlideInRight {
    from {
        transform: translateX(20%);
        -webkit-transform: translateX(20%);
    }

    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
  }
@keyframes mainBnSlideInRight {
    from {
        transform: translateX(20%);
        -webkit-transform: translateX(20%);
    }

    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
  }

@-webkit-keyframes mainBnFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
}
}
@keyframes mainBnFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/*20221128 골라담기 추가 */
.m_meue_list .market_boxsale {padding-left:36px; background:url(/cjom/mobile/images/sub/hotdel/icon-boxsale.svg) 16px 10px no-repeat;}
.m_now_event .m_now_event_title.boxsaleicon {height:26px; padding-left:41px; background:url(/cjom/mobile/images/sub/hotdel/icon-boxsaletitle.svg) 16px 0px no-repeat;}
.m_now_event .choice_deal {margin-top: 25px;}
.m_now_event #cateNow2 .m_more_btn_full {margin-top:2px;}

/********************************************
* 메인 화면 개편 작업 (해더, 스와이프, 퀵메뉴)
- MARKETDEV-8413
********************************************/
/* 스와이프 */
.renew .m-visual .swiper-slide.video {height:auto; box-sizing:border-box; overflow: hidden;}
.renew .m-visual .swiper-slide.video .mv-video {box-sizing: border-box; height:100%;}
[data-detail-view="m-visual"] .visual-txt__wrap,
.renew .m-visual.main__banner .visual-txt__wrap {top: initial; left:25px; bottom:25px;}
[data-detail-view="m-visual"] .visual-txt__wrap .main-text,
.renew .m-visual.main__banner .visual-txt__wrap .main-text {font-size:26px; line-height:34px;}
[data-detail-view="m-visual"] .visual-txt__wrap .sub-text,
.renew .m-visual.main__banner .visual-txt__wrap .sub-text {font-size:14px; line-height:20px; margin-top:8px;}
.renew .m-visual.main__banner .visual-txt__wrap .mv-flag{margin-bottom:6px;}
.renew .m-visual.main__banner .visual-txt__wrap .mv-flag img {vertical-align:top;width:auto;/*max-height:20px;*/}

/* 동영상 소리 조절 아이콘 */
.m-visual.main__banner .swiper-slide.video .btn-sound {width: 28px; height: 28px; right:15px; top: 46px;}

/* 해더 */
.header.header--main.new__type {position:fixed; width:100%; z-index:120; top:0; left:0; right:0; background-color:#fff; transform: translateY(0); box-sizing:border-box;}
.header.header--main.new__type.fixed { background: transparent;}
.header.header--main.new__type .main__header--wrap {position: relative; transform: translate3d(0,0,0);}
.header.header--main.new__type .main__header {display:flex; height:52px; position: relative; align-items:center; justify-content:space-between; box-sizing: border-box; padding:0 16px 0 20px;}
.header.header--main.new__type .logo,
.header.header--main.new__type .app-alarm {background-position:50% 50%; background-repeat:no-repeat; background-size:100% auto;}
.header.header--main.new__type .logo {width:150px; height:20px;}
.header.header--main.new__type .app-alarm {width:24px; height:24px; position: relative; top:0; right:0;}
.header.header--main.new__type .logo a {display:inline-block;}
.header.header--main.new__type .app-alarm .app-count .total {top:-8px;}

.header.header--main.new__type.is-banner ~ .contents.renew2024{margin-top:57px;}

/* MARKETDEV-10231:검색  추가*/
/* .header.header--main.new__type.video .search__wrap {display:none;} */
.header.header--main.new__type .search__wrap {display: flex; padding: 8px 11px 8px 12px; justify-content: space-between; align-items: center; border-radius: 100px; background: rgba(255, 255, 255, 0.30); backdrop-filter: blur(2px); width:43vw; box-sizing: border-box;}
.header.header--main.new__type .search__wrap * {-webkit-tap-highlight-color: transparent;}
.header.header--main.new__type .search__input--item {font-size: 13px; font-style: normal; line-height: 100%; letter-spacing: -0.5px; width: calc(100% - 21px);}
.header.header--main.new__type .search__input--item:focus {outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: transparent;}
.header.header--main.new__type .search__input--item::placeholder {color: rgba(0, 0, 0, 0.80);}
.header.header--main.new__type .search__input--item::-webkit-placeholder {color: rgba(0, 0, 0, 0.80);}
.header.header--main.new__type .search__input--item::-moz-placeholder {color: rgba(0, 0, 0, 0.80);}
.header.header--main.new__type .btn__search {width:19px; height:18px; background: url("data:image/svg+xml,%0A%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M7.42986 14.0009C10.5382 14.0009 13.058 11.4295 13.058 8.25753C13.058 5.08556 10.5382 2.51416 7.42986 2.51416C4.32154 2.51416 1.80176 5.08556 1.80176 8.25753C1.80176 11.4295 4.32154 14.0009 7.42986 14.0009Z' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.2176 16.0891L11.1162 12.9243L14.2176 16.0891Z' fill='black' fill-opacity='0.6'/%3E%3Cpath d='M14.2176 16.0891L11.1162 12.9243' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0; background-size:cover;}

@media screen and (max-width:320px) { 
    .header.header--main.new__type .search__wrap {width:41vw;}
    .header.header--main.new__type .main__header {padding: 0 8px 0 16px;}  
}
/* // MARKETDEV-10231:검색  추가 */

/* logo */
.header.header--main.new__type.dark .logo {background-image:url(/cjom/mobile/images/main/ico_main_logo_dark.png);}
.header.header--main.new__type.light .logo {background-image:url(/cjom/mobile/images/main/ico_main_logo_light.png);}

/* app Alarm */
.header.header--main.new__type .app-alarm,
.header.header--main.new__type.dark .app-alarm {background-image:url(/cjom/mobile/images/main/ico_main_alarm_dark.png);}
.header.header--main.new__type .app-alarm.white,
.header.header--main.new__type.light .app-alarm {background-image:url(/cjom/mobile/images/main/ico_main_alarm_light.png);}

/* 스크롤 시 */
.header.header--main.new__type.scroll .logo {background-image:url(/cjom/mobile/images/main/ico_main_logo_dark.png) !important;}
.header.header--main.new__type.scroll .app-alarm {background-image:url(/cjom/mobile/images/main/ico_main_alarm_dark.png) !important;}
.header.header--main.new__type.scroll::before {content:""; height:2px; background-color:#fff; top:-2px; width:100%; position:absolute;  z-index:120}
.header.header--main.new__type.scroll .main__header--wrap {position: relative; transform: translateY(0px); will-change: contents;background: #fff;}
.header.header--main.new__type.scroll .search__wrap {background: #F6F6F6;}

/* 메인 퀵메뉴 */
.renew .m_shortcuts.new.new__type {padding:16px 0;}
.renew .m_shortcuts.new.new__type .m_shortcuts_list > li {width:auto;}
.renew .m_shortcuts.new.new__type .m_shortcuts_list > li .txt {position: relative; left: 0; top: 0; transform: none; text-align: center; margin-top:6px; color:#222; font-weight:normal; white-space: nowrap; line-height: 1;}
.renew .m_shortcuts.new.new__type .m_shortcuts_list>li .thumb {width:60px; height:60px;}

/* 띠배너 노출에 관한 상단 영역 조정 */
.contents.renew.renew2024.header__banner--active {padding-top:44px;}

.m_cate_popular [data-js=sticky__target].is-floating.header__banner--active, 
.m_cate_popular [data-js=floating__target].is-floating.header__banner--active { top:84px !important; } 

/********************************************
- 지라:MARKETDEV-4020
- 작업자:허도경
- 작업날짜:2023-01-09
- 작업내용:메인 퀵메뉴 가로 스크롤 인디케이터 추가, 더보기 메뉴 추가
*********************************************/
.menu--pos__progress.double .swiper-wrapper {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap}
.menu--pos__progress.double .swiper-wrapper li {display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.menu--pos__progress {padding:4px 12px 33px; position: relative; overflow: hidden; box-sizing:border-box;}
.menu--pos__progress .swiper-wrapper {display:inline-flex; white-space:nowrap; box-sizing:border-box;}
.menu--pos__progress .swiper-slide {width:60px; text-align: center; position: relative; margin-right:6px;}
.menu--pos__progress .swiper-slide a {display: block; font-size: 13px; color: #666; line-height: 14px; padding-top: 0;}
.menu--pos__progress .swiper-slide .thumb {margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.menu--pos__progress .swiper-slide li > div {width: 60px;}
.menu--pos__progress .swiper-slide .txt {display: block; font-size: 12px; color: #666; line-height: 13px; margin-top: 4px; letter-spacing: -0.5px;}
.menu--pos__progress .swiper-scrollbar  {position: absolute; left: 50%; bottom:15px; transform: translateX(-50%); height: 3px; width: 60px; overflow: hidden; background: #eee;}

.menu--pos__progress .menu-view__menu {height: auto; display: flex; justify-content: center; align-items: center; margin-right:0;}

.menu--pos__progress .swiper-scrollbar .swiper-scrollbar-drag {background-color:#1ba774; max-width:20px;}
.menu--pos__progress[data-swiper="false"] .swiper-slide {width: 16.8%;}
.menu--pos__progress[data-swiper="false"] .swiper-wrapper {display:flex; justify-content: space-between; align-items:center;}
.menu--pos__progress[data-swiper="false"] .swiper-scrollbar {display:none;}
/* 지라:MARKETDEV-4020 */
/* MARKETDEV-4667 :  D:20230328 마켓핫딜 개선  */
.m_now_event .is-floating .main__brand-menu {padding:10px 15px !important;}
.m_now_event .m_section-header .m_more_btn:after {top:1px !important;}
.m_now_event .m_now_only .swiper-slide .m_now_event_title {display:none;}
.m_now_event .main__brand-menu {padding:0 15px;overflow:hidden;}
.m_now_event .main__brand-menu .hot-nav a {pointer-events: none;}
.m_now_event .main__brand-menu .hot-nav .swiper-slide-thumb-active a {color:#fff;font-weight:bold;border:1px solid #1BA774;background-color:#1BA774;}
.m_now_event .m_section-contents {overflow:hidden;}

.m_marketdel {position:relative;padding-top:20px;}
.m_marketdel .m_section-title {height:36px;}
.m_marketdel .m_section-title img {width:auto;height:100%;}
.m_marketdel .m_section-header {padding:2px 16px 10px;}
.m_marketdel .m_more_btn:after {background:url(/cjom/mobile/images/main/icon-main-more3.svg) no-repeat 100% 50%;}
.m_marketdel:after {position:absolute;left:0;top:0;width:100%;height:140px; background-color:#1ba774;content:'';}
.m_marketdel .m_section-header .m_more_btn {top:15px;}
.m_marketdel .m_section-header {z-index:100;}
.m_marketdel .m_section-header .m_more_btn {color:#fff;}
.m_marketdel .module-container {background:transparent;}
.m_marketdel .product-wp {margin-top:-4px;background:transparent;}
.m_marketdel .product-list {padding:0 12px 64px;display:flex;}
.m_marketdel .product-list li .product-list-top {margin-bottom:0;}
.m_marketdel .product-list li .product-list-cont {margin-top:10px;}
.m_marketdel .product-list li .product-title {font-size:13px;line-height:16px;letter-spacing:-0.5px;max-height:32px;}
.m_marketdel .product-list li .product-price-box{margin-top:2px;}
.m_marketdel .m_meue_list a {border:1px solid #fff;background:transparent;color:#fff;}
.m_marketdel .swiper-slide-thumb-active a {color:#1ba774 !important;font-weight:bold !important;background-color:#fff !important;}
.m_marketdel .product-list li {width:33.3%;padding:20px 4px 0;}
.m_marketdel .product-list li .product-price-discount {line-height:20px;}
.m_marketdel .product-list li .product-price-discount .per {padding-right:10px;font-size:13px;letter-spacing:-0.5px;line-height:20px;color:#e84e4d;background:url(/cjom/mobile/images/main/icon_discount.svg) no-repeat 100% 4px;}
.m_marketdel .product-list li .product-price-discount .price {font-size:13px;letter-spacing:-0.5px;line-height:20px;}
.m_marketdel .product-list li .product-price-discount .per + .price {margin-left:-2px;}
.m_marketdel .product-list li .product-price-discount .price .won {font-size:13px;letter-spacing:-0.5px;}
.m_marketdel .product-list li .product-cate-box {margin-top:6px;}
.m_marketdel .product-list li .product-list-top a .label {font-size:13px;font-weight:bold;border-radius: 4px;height:23px;line-height:23px;padding:0 4px;background-color:#e84e4d;}
.m_marketdel .product-list {padding-bottom:0;}
.m_marketdel .swiper-pagination {position:static;padding:16px 0 0;width:100%;height:7px;opacity:1;}
.m_marketdel .swiper-pagination .swiper-pagination-bullet {width:7px;height:7px;opacity:1;margin:0 3px;background-color:#ddd;}
.m_marketdel .slick-dots {padding-bottom:0;}
.m_marketdel .swiper-pagination .swiper-pagination-bullet-active {background-color:#666;}

.m_marketdel .m_more_btn_full {margin:30px 16px 0 !important;}
/*.m_choice_deal {padding:34px 16px 10px;}*/            /* MARKETDEV-8068 */
.m_choice_deal {padding:34px 16px 38px;} 
.m_choice_deal .choiceget_wp {padding:0;}
.choice_deal .slick-dots {padding:16px 0 0;}
.choice_deal .slick-dots li {width:7px;height:7px;margin:0 3px;}
.choice_deal .slick-dots li button {background-color:#ddd;}
.choice_deal .slick-dots li.slick-active button {background-color:#666;}
/*.choice_deal .m_more_btn_full {margin-top:30px !important;}*/ /* MARKETDEV-8068 */
.choice_deal .m_more_btn_full {margin:30px 0 0!important;}
.choice_deal .m_now_event_title {margin-top:48px;}

.mt48 {margin-top:48px !important;}
.m_now_only .m_more_btn_full {margin-top:30px !important;}
.m-banner-new + .product-detail__section.m_recommend {padding-top:48px;}
#idvdRcmSctTop {padding-bottom:48px;}

@media screen and (max-width:320px) {
    .m_marketdel .product-list li .product-price-discount .price {display:block;margin-left:0;line-height:16px;}
}

.m_timesale {padding-top:14px !important;}
.m_timesale .product-list {padding-bottom:0;}

/*2023-10-25 70주년 아이콘 추가 MARKETDEV-6524*/
.themarket-70th {position: absolute;top: 2.88%;right: 2.88%; z-index: 1; width: 23.6729%; display: block;} 

/* 2024-01-17 설문조사 배너 추가 MARKETDEV-7205 */
/*.m_banner_survey{padding:0 16px;}*/   
.m_banner_survey{padding:0 16px 48px;}  /* MARKETDEV-7863 */
.m_banner_survey .box-survey-info{padding:20px 16px 20px 48px;background:#f6f8f8 url(/cjom/mobile/images/icon/ico_survey.svg) no-repeat 16px 16px;background-size:26px 26px;;}
.m_banner_survey .box-survey-info .info-txt1{position:relative;font-size:14px;color:#333;font-weight:bold;line-height:18px;}
.m_banner_survey .box-survey-info .info-txt1>span{color:#1ba774;}
.m_banner_survey .box-survey-info .info-txt2{margin-top:4px;font-size:13px;color:#666;line-height:17px;}
.m_banner_survey .box-survey-info .btn-survey{height:24px;margin-top:8px;padding:0 12px;font-size:12px;color:#666;background:#fff;border:1px solid #ddd;}
.m_marketdel+.m_banner_survey{margin-top:-30px;}


/* MARKETDEV-7863 */
.m_section.m_brand_new{padding-top:0;}
.m_recommend.recomm-theme-section+.m_recommend{padding-top:0;}
.m_recommend.recomm-theme-section+.m_recommend .m_section-header{padding-top:0;}

/* MARKETDEV-8068 메인 간격 수정 */
.renew2024{background:#fff;}
.renew2024.renew .m-shortcuts-cate{padding-bottom:38px;}
.renew2024 .m_timesale{padding-top:0 !important;}
.renew2024 .m_recommend .m_section-header{padding:0 15px 12px;}
.renew2024 .m_section-contents{padding-bottom:48px;}
.renew2024 .m_recommend .recommend_load{padding-bottom:20px;}
.renew2024 .m_timesale .m_section-header{padding:0 16px 14px;}
.renew2024 .product-detail__section.m_recommend{padding:0;}
.renew2024 .m-banner-new + .m_section,
.renew2024 .m-shortcuts-cate + .product-detail__section.m_recommend{padding-top:48px;}

.renew2024 .m_choice_deal{padding-top:0;padding-bottom:48px;}
.renew2024 .m_choice_deal .m_section-header{padding-top:0;}
.renew2024 .m_new_product,
.renew2024 .m_cookit{padding-top:0;}
.renew2024 .m_new_product .m_section-header,
.renew2024 .m_cookit .m_section-header{padding-top:0;}
.renew2024 .m_brand_new .m_section-contents{padding-bottom:48px;}
.renew2024 .product-detail__section.m_recommend.recomm-theme-section{padding-bottom:48px;}


/* MARKETDEV-9065 메인, 월컴메세지 서비스 - 신규 진행 */
.renew2024 .m_recommend.m_welcome .m_section-title {font-size:20px;line-height:20px;font-weight:bold;letter-spacing: -0.5px;}
.renew2024 .m_recommend.m_welcome  .m_section-desc {margin-top:1px;font-size:20px;line-height:30px;font-weight:bold;color: #333;letter-spacing: -0.5px;}
.renew2024 .m_recommend.m_welcome .m-section-tooltip {position: absolute;top:32px;right: 15px;font-size: 0;}
@media all and (max-width:359px){
    .renew2024  .m_recommend.m_welcome .m-section-tooltip{top:30px !important;right: 10px !important;}
   /* .renew2024 .m_recommend.m_welcome  .m_section-desc {margin-top:1px;font-size:5.5vw;line-height:8.5vw;font-weight:bold;color: #333;letter-spacing: -0.5px;}*/
}

/* MARKETDEV-8068 main up-selling */
.m-section-tooltip{position:absolute;top:9px;right:15px;font-size:0;}
.m-section-tooltip>span{font-size:12px;color:#999;}
.m-section-tooltip .tooltip{margin-left:3px;}
.m-section-tooltip .tooltip .tooltip__anchore.is-active{background-position:0 0;}
.m-section-tooltip .tooltip .tooltip__anchore.is-active:after{display:none;}
@media all and (max-width:359px){
    .m-section-tooltip{top:33px !important;}
}

.product-detail__section.m_first_purchase.m_recommend,
.product-detail__section.m_recent_popular.m_recommend,
.product-detail__section.m_first_purchase,
.product-detail__section.m_recent_popular{margin-top:0;padding:0;}

.m-banner-new+.product-detail__section.m_recommend.m_first_purchase{padding-top:48px !important;}

.m_first_purchase .m_section-header,
.m_recent_popular .m_section-header,
.m_first_purchase.m_recommend .m_section-header,
.m_recent_popular.m_recommend .m_section-header{padding:0 15px 12px;}
.m_first_purchase .recommend_load,
.m_recent_popular .recommend_load,
.m_first_purchase.m_recommend .recommend_load,
.m_recent_popular.m_recommend .recommend_load{position:relative;margin: 0 auto;text-align:center;font-size:13px;color:#666;padding:5px 0 3px}
.m_first_purchase .recommend_load:before,
.m_recent_popular .recommend_load:before,
.m_first_purchase.m_recommend .recommend_load:before,
.m_recent_popular.m_recommend .recommend_load:before{content:'';display:inline-block;margin:0 auto;width:42px;height:42px;background:url(/cjom/mobile/images/icon/recommend_load_grey.gif) 0 0 no-repeat;background-size:42px;}
.m_first_purchase .recommend_load span.txt,
.m_recent_popular .recommend_load span.txt,
.m_first_purchase.m_recommend .recommend_load span.txt,
.m_recent_popular.m_recommend .recommend_load span.txt{display:block;line-height:16px;padding-top:7px;}



/* D:20240422 비비고리뉴얼 MARKETDEV-8037 */
.main-bibigo-banner {position:fixed;right:0;bottom:0;left:0;width:100%;height:100%;z-index:130;overflow:hidden;transition:all 1.2s ease-in-out;}
.main-bibigo-banner .bb-dim {position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:132;}
.main-bibigo-banner .floating-area {position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:133;}
.main-bibigo-banner #bb-banner {position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0) !important;width:100%;height:100%;z-index:135;}
.main-bibigo-banner .bb-floating {position:fixed;right:20vw;width:78vw;bottom:81.8vw;transition:right 1.2s ease-in-out, opacity 1.2s ease-in-out, bottom 1.2s ease-in-out, width 1.2s ease-in-out;opacity:0;}
.main-bibigo-banner .bb-mini {position:absolute;top:3vw;right:3vw;width:28px;height:28px;background:url(/cjom/mobile/images/icon/btn_mini_bibigo.svg) no-repeat 0 0/cover;z-index:140;}
.main-bibigo-banner .bb-close {opacity:0;position:absolute;top:-3vw;right:-2.5vw;width:0;height:0;background:url(/cjom/mobile/images/icon/btn_close_bibigo.svg) no-repeat 0 0/cover;z-index:140;transition:opacity 0.1s  1.2s ease-in-out;}
.main-bibigo-banner.active {right:14px;left:auto;bottom:66px;width:26vw;height:28.077vw;z-index:120;overflow:visible;}
.main-bibigo-banner.active .bb-dim {}
.main-bibigo-banner.active .floating-area {top:auto;bottom:54px;right:0;left:auto;width:26vw;height:28.077vw;animation:cloud 1.2s infinite ease-in-out;}
.main-bibigo-banner.active.ontop .floating-area {bottom:0;}
.main-bibigo-banner.active .bb-floating {position:absolute;opacity:1;bottom:0;right:0;width:26vw;}
.main-bibigo-banner.active .bb-floating a {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:134;}
.main-bibigo-banner.active .bb-mini {display:none;}
.main-bibigo-banner.active .bb-close {opacity:1;width:22px;height:22px;}

/* D:20241031 플로팅 배너 기능 개선 (오늘하루 보지 않기) MARKETDEV-9520 */
.main-bibigo-banner .bibigo-banner-footer {position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 15px 15px 25px;color:#fff;z-index:140;}
.main-bibigo-banner .bibigo-banner-footer .checkbox__input {padding-left:28px;color:#fff;}
.main-bibigo-banner .bibigo-banner-footer .bb-banner-close {padding:10px;color:#fff;font-size:14px;text-decoration:underline;}
.main-bibigo-banner.active .bibigo-banner-footer {display:none;}

@keyframes cloud {
	0%,100% {transform:translateY(0);}
	50% {transform:translateY(4px);}
}


/* D:20240522 AI활용 테마 및 상품 추천서비스 MARKETDEV-8228 */
.m_now_only + .banner__content--wrap {margin-top:48px;}
.m_theme_ai {padding:0;margin:0;background:url(/cjom/mobile/images/common/ai_bg.jpg) no-repeat 50% 0/100% auto;}
/*.m_theme_ai .ai-theme-title {padding:22px 15px;font-size:22px;font-weight:bold;color:#333;line-height:26px;}*/  
.m_theme_ai .ai-theme-title {position:relative;padding:22px 15px;font-size:22px;font-weight:bold;color:#333;line-height:26px;} /* MARKETDEV-9036 */ 
.m_theme_ai .ai-theme-title .m_more_btn{position:absolute;top:28px;right:16px;font-weight:400;} /* MARKETDEV-9036 */
.m_theme_ai .ai-theme-title .ai-lottie {display:inline-block;width:26px;height:26px;}
.m_theme_ai .ai-theme-title .ai-lottie svg {width:26px !important;height:26px !important;}
.m_theme_ai .ai-theme-title .ai-lottie + span {display:inline-block;line-height:26px;height:26px;}
.m_theme_ai .ai-theme-title .tooltip {margin-left:0;transform:translateY(-2px);}
.m_theme_ai .ai-theme-title .tooltip__anchore {background:url(/cjom/mobile/images/icon/ico-common-tooltip2.svg) no-repeat 0 0/auto 15px;}
.m_theme_ai .ai-theme-title .tooltip__anchore.is-active {background:url(/cjom/mobile/images/icon/ico-common-tooltip2_on.svg) no-repeat 0 0/auto 15px}
.m_theme_ai .ai-theme-title .tooltip__anchore .theme-tip-title {font-size:0;opacity:0;line-height:0;}
.m_theme_ai.type1 {padding-bottom:48px;}
.m_theme_ai .m_section-header {padding:0 15px;margin:0 0 12px 0;}
.m_theme_ai .m_section-header .tooltip {width:auto;position:absolute;bottom:0;right:15px;}
.m_theme_ai .m_section-header .tooltip .theme-tip-title {display:inline-block;font-size:12px;line-height:15px;color:#999;transform:translateY(-1px);}
.m_theme_ai .m_section-header .tooltip .tooltip__anchore {transform:translateY(-1px);width:auto;background:none;/*width:14px;height:14px;background-size:auto 14px;*/}
.m_theme_ai .m_section-header .tooltip .tooltip__anchore.is-active:after {margin-top:12px;}
.m_theme_ai .m_section-header .tooltip .tooltip__anchore .theme-tip-title {position:relative;padding-right:18px;}
.m_theme_ai .m_section-header .tooltip .tooltip__anchore .theme-tip-title:after {position:absolute;top:0;right:0;content:"";display:block;width:15px;height:15px;background:#fff url(/cjom/mobile/images/icon/ico-common-tooltip.png) no-repeat 0 0;background-size:auto 15px;}
.m_theme_ai .m_section-header .tooltip .tooltip__anchore.is-active .theme-tip-title:after {background-position:-15px 0;background-size:auto 15px;}
.m_theme_ai.type1 .m_section-title {font-size:18px;color:#4c48eb;font-weight:bold;/*font-family:Roboto !important;*/line-height:24px;margin:0 !important;}
.m_theme_ai.type1 .m_section-desc {font-size:13px;line-height:17px;font-weight:normal;color:#333;margin-top:3px;/*max-width:calc(100% - 80px);*/}
.m_theme_ai.type1 .m_section-title:before {content:"#";display:inline-block;}
.m_theme_ai .product-list li.prod-ai-more {width:auto;padding:0 15px;}
.m_theme_ai .product-list li.prod-ai-more a {display:block;text-align:center;color:#333;font-size:13px;}
.m_theme_ai .product-list li.prod-ai-more a span {position:relative;display:block;width:44px;height:44px;box-sizing:border-box;border-radius:100%;background:#fafafa;border:1px solid #ddd;margin:25px auto 6px auto;}
.m_theme_ai .product-list li.prod-ai-more a span:before {content:"";display:block;width:9px;height:16px;background:url(/cjom/mobile/images/common/arr_prod_ai.svg) no-repeat 50% 50%/9px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:1px;}
.m_theme_ai .m_more_btn_full {margin:-18px 15px 0 15px !important;}
.m_theme_ai.type2 .m_section-header {margin:0;}
.m_theme_ai.type2 h3 {font-size:18px;font-weight:bold;color:#4c48eb;line-height:24px;padding:24px 15px 0 15px;}
.m_theme_ai.type2 h3:first-child {padding-top:0;}
.m_theme_ai.type2 h3:before {content:"#";display:inline-block;}
.m_theme_ai.type2 h3+.ai-h3-desc {padding:3px 15px 12px 15px;font-size:13px;line-height:17px;font-weight:normal;color:#333;}
.m_theme_ai .m_section-contents {/*padding-bottom:24px;*/}
/* D:20240911 '날씨/일자/시간대 별 Ai테마' 개인화 추천 MARKETDEV-9172 */
.m_section.ai-theme-box {position:relative;padding:0;}
.m_section.ai-theme-box .m_section-header {padding:0;margin:0 15px 12px 15px;font-size:19px;font-weight:bold;line-height:25px;max-height:50px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.m_section.ai-theme-box .m_section-header.type2 {position:relative;display:block;max-height:unset;overflow:visible;text-overflow:unset;-webkit-line-clamp:none;-webkit-box-orient:unset;}
.m_section.ai-theme-box .m_section-header .m_section-title {font-size:19px;line-height:25px;word-wrap:break-word;word-break:break-all;display:inline;margin:0;}
.m_section.ai-theme-box .m_section-header .m_section-title p.m_section-desc {font-size: 13px;line-height:17px;font-weight:normal;color:#333;margin-top:3px;}
.m_section.ai-theme-box .m_section-header .m_section-title div.theme_title {display:inherit;font-size:19px;line-height:25px;word-wrap:break-word;word-break:break-all;}
.m_section.ai-theme-box .m_section-header.type2 .m_section-title {display:block;}
.m_section.ai-theme-box .m_section-header.type2 .m_section-title div.theme_title {display:block;white-space:nowrap;-webkit-line-clamp:1;max-width: calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;}
.m_section.ai-theme-box .m_section-header .m_section-title span {color:#4c48eb;}
.m_section.ai-theme-box .m_section-header .m_section-title span:before {content:"#";display:inline-block;}
.m_section.ai-theme-box .m_section-header .tooltip {display:inline;width:auto;height:auto;position:relative;top:auto;right:auto;margin:0;}
.m_section.ai-theme-box .m_section-header .tooltip .tooltip__anchore {width:auto;height:unset;line-height:unset;border-radius:0;background:none;shape-outside:content-box;float:right;}
.m_section.ai-theme-box .m_section-header .tooltip .tooltip__anchore.is-active:after {margin-top:12px;}
.m_section.ai-theme-box .m_section-header .tooltip .tooltip__anchore .theme-tip-title {position:relative;height:21px;line-height:25px;margin-left:55px;display:inline-block;vertical-align:top;font-size:12px;color:#999;}
.m_section.ai-theme-box .m_section-header .tooltip .tooltip__anchore .theme-tip-title:after {content:"";display:inline-block;width:15px;height:15px;margin-left:3px;vertical-align:middle;transform:translateY(-1px);background:#fff url(/cjom/mobile/images/icon/ico-common-tooltip.png) no-repeat 0 0;background-size:auto 15px;}
.m_section.ai-theme-box .m_section-header .tooltip .tooltip__anchore .blind {top:0;right:0;}
.m_section.ai-theme-box .m_section-header .tooltip .tooltip__anchore.is-active .theme-tip-title:after {background-position:-15px 0;background-size:auto 15px;}
.m_section.ai-theme-box .m_section-header.type2 .tooltip {position:absolute;top:0;right:0;}
.m_section.ai-theme-box .m_section-header.type2 .tooltip .tooltip__anchore .theme-tip-title {margin-left:5px;}

.m_section.ai-theme-box .m_section-header-new{margin:0 15px 12px;}
.m_section.ai-theme-box .m_section-header-new .m_section-title {margin-bottom:0;font-size:19px;font-weight:bold;line-height:25px;max-height:50px;overflow:hidden;}
.m_section.ai-theme-box .m_section-header-new .m_section-title>span{color:#4c48eb;}
.m_section.ai-theme-box .m_section-header-new .m_section-title>span:before{content:'#';}
.m_section.ai-theme-box .m_section-header-new .tooltip{display:inline-block;width:15px;height:15px;margin-bottom:4px;background:url(/cjom/mobile/images/icon/ico-common-tooltip.png) no-repeat 0 0;background-size:auto 15px;vertical-align:bottom;}
.m_section.ai-theme-box .m_section-header-new .tooltip:before{display:none !important;} 

@media all and (max-width:320px) {
    .m_section.ai-theme-box .m_section-header-new .m_section-title{display: -webkit-box;position:relative;padding-right:18px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .m_section.ai-theme-box .m_section-header-new .m_section-title .tooltip{position:absolute;bottom:0;right:0;}
}

.m_section.ai-theme-box .m_section-header:after{content:attr(data-text)}
.m_section.ai-theme-box .m_section-header .theme_title2{display:block;padding-right:10px;clip-path:polygon(0 50%, 100% 50%, 100% 100%, 0 100%, 0 0) /*polygon(50% 0, 50 100%, 100% 100%, 50% 100%);}*/}
.m_section.ai-theme-box .m_section-header .tooltip-ico{display:inline-block;width:15px;height:15px;margin-top:-5px;background:#fff url(/cjom/mobile/images/icon/ico-common-tooltip.png) no-repeat 0 0;background-size:auto 15px;vertical-align:middle;}


.tooltip__pannel.tooltip-m-ai {}
.tooltip__pannel.tooltip-m-ai .tooltip__text {width:285px;padding:16px 40px 16px 16px;border-color:#999;}
.tooltip__pannel.tooltip-m-ai .tooltip__text ul li {position:relative;font-size:13px;line-height:16px;padding-left:20px;}
.tooltip__pannel.tooltip-m-ai .tooltip__text ul li+li {margin-top:2px;}
.tooltip__pannel.tooltip-m-ai .tooltip__text ul li:before {content:"";position:absolute;top:6px;left:6px;display:block;width:3px;height:3px;background:#555;border-radius:100%;}
.tooltip__pannel.tooltip-m-ai .tooltip__text .tooltip__close {width:40px;height:40px;position:absolute;top:0;right:0;background: url(/cjom/mobile/images/icon/ico-close-ai.png) no-repeat center center/12px;}


/* MARKETDEV-11520 메인상단개편 */
.main__visual-banner {padding: 0 15px; background: #fff;}
.main__visual-banner .swiper-slide {overflow: hidden; border-radius: 16px;}
.main__visual-banner .swiper-slide > a {width: auto;}
/* .main__visual-banner.swiper-3d .swiper-slide-shadow {background-color: #b4b8b5;} */
.main__visual-banner.swiper-3d .swiper-slide-shadow {-webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);}
.main__visual-banner .visual-img {position: relative; height: 100vw; background: #fff;}
.main__visual-banner .mv-video::before,
.main__visual-banner .visual-img::before {content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 59%, rgba(0, 0, 0, 0.20) 100%), rgba(0, 0, 0, 0.08); border-radius: 16px;}
.main__visual-banner .swiper-slide.video .mv-video {padding-top: 100vw !important;}
.main__visual-banner.m-visual .swiper-slide.video .btn-sound {top: 15px; z-index: 11;}

[data-detail-view="m-visual"] .visual-txt__wrap,
.renew--2025 .m-visual.main__banner .visual-txt__wrap {left: 33px; bottom: 12.222vw; text-align: center; color: #fff;}
[data-detail-view="m-visual"] .visual-txt__wrap .main-text, 
.renew--2025 .m-visual.main__banner .visual-txt__wrap .main-text {font-size: 6.9444vw; line-height: 1.3; letter-spacing: -1px; color: #fff !important;}
[data-detail-view="m-visual"] .visual-txt__wrap .sub-text, 
.renew--2025 .m-visual.main__banner .visual-txt__wrap .sub-text {margin-top: 2.222vw; font-size: 3.888vw; line-height: 1.285; letter-spacing: -1px; color: #fff !important;}
.renew--2025 .m-visual[data-animation="true"] .swiper-slide-active .main-text {animation-duration: 0.6s;}
.renew--2025 .m-visual[data-animation="true"] .swiper-slide-active .sub-text {animation-duration: 1s;}
.renew--2025 .m-visual[data-animation="true"] .swiper-slide-active .main-text,
.renew--2025 .m-visual[data-animation="true"] .swiper-slide-active .sub-text,
.renew--2025 .m-visual.main__banner .visual-txt__wrap .mv-flag {transform: translateZ(0); will-change: transform; backface-visibility: hidden; -webkit-font-smoothing: antialiased;}
.renew--2025 .m-visual.main__banner [data-bg-option="true"] a::before {display:none;}
[data-detail-view="m-visual"] .main-kv-list__anchor::before {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 59%, rgba(0, 0, 0, 0.20) 100%), rgba(0, 0, 0, 0.08);}

.main__visual-banner .m-visual-status {right: 27px; bottom: 15px; height: 22px; background-color: rgba(31, 31, 31, 0.30); border-radius: 10px; line-height: 22px;}
.main__visual-banner .m-visual-status .m-visual-status__all {height: 22px; padding: 0 10px;}
.main__visual-banner .m-visual-status .swiper-pagination {position: static; display: flex; align-items: center; height: 20px; line-height: 20px; margin: 0; font-size: 12px; letter-spacing: -0.5px;}
.main__visual-banner .m-visual-status .swiper-pagination::after {content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 4px; background: url(/cjom/mobile/images/main/ico_swiper_plus.png) no-repeat center / 100%;}
.main__visual-banner .m-visual-status .swiper-pagination span {line-height: 1; letter-spacing: -0.5px;}
.main__visual-banner .m-visual-status .swiper-pagination-current {}
.main__visual-banner .m-visual-status .swiper-pagination-total {color: rgba(255, 255, 255, 0.40);}
.main__visual-banner .m-visual-status .swiper-pagination-total::before {content: ""; display: inline-block; width: 1px; height: 7px; background-color: #D9D9D9; margin: 0 4px; vertical-align: 1px;}

.menu-nav__shortcut {overflow: auto hidden; -webkit-overflow-scrolling: touch;}
.menu-nav__shortcut::-webkit-scrollbar {display: none; width: 0px; background: transparent;}
.menu-nav__shortcut-wrap {padding-bottom: 32px; margin-top: 15px;}
.menu-nav__shortcut {}
.menu-nav__shortcut ul {display: flex; flex-wrap: nowrap; gap: 0 12px; white-space: nowrap;}
.menu-nav__shortcut li {flex-shrink: 0; width: 54px;}
.menu-nav__shortcut li:first-child {padding-left: 15px;}
.menu-nav__shortcut li:last-child {padding-right: 15px;}
.menu-nav__shortcut a {display: block;}
.menu-nav__shortcut .thumb {display: flex; align-items: center; justify-content: center; width: 54px; height: 54px;}
.menu-nav__shortcut .txt {display: block; margin: 8px -6px 0; text-align: center; color: #222; font-size: 12px; white-space: nowrap;}
.scroll-navigation {overflow: hidden; position: relative;width: 56px; height: 3px; margin: 15px auto 0; background: #eee; border-radius: 3px;}
.scroll-navigation__bar {position: absolute; left: 0; top: 0; width: 28px; height: 100%; background: #333; border-radius: 3px;/*  transition: left 0.08s linear; */}