@charset "UTF-8";

/* layout */
/*
#nav-wrap #ca-menu-trigger.is-clicked {background-color:#fff;}
#header.is-fixed #m-ca-lateral-nav {width:163px !important;border:1px solid #d9d9d9 !important;border-top:0 !important;background-color:#fff !important;}
#header.is-fixed #m-ca-lateral-nav .sub-menu {left:163px !important;}
#header.is-fixed #m-ca-lateral-nav .item-has-child > a {color:#333;}

*/
/*main*/
#container.main {padding-bottom:30px;}
.main-visual .contents {position:relative;}

/* 메인 비쥬얼 왼쪽메뉴 */
#m-ca-lateral-nav {display:block;position:absolute;left:0;top:0;width:165px;height:500px;float:left;clear:both;z-index:20200;border:0;background-color:rgba(0, 0, 0, 0.4) !important;}
.nav-wrap #ca-menu-trigger {pointer-events:none;cursor: default;}
.nav-wrap #ca-menu-trigger.is-clicked {background-color:#f3f3f3;}
#m-ca-lateral-nav .cd-navigation {padding:23px 0 2px;border:0;}
#m-ca-lateral-nav .sub-menu {position:absolute;left:164px;top:0;padding:10px;width:175px;border:1px solid #2a715a;background-color:#fff;display:none;}
#m-ca-lateral-nav .special-market .sub-menu {padding:20px;}
#m-ca-lateral-nav .special-market .sub-menu .img-view {border-radius:4px; overflow: hidden;}
#m-ca-lateral-nav .special-market .sub-menu .img-view img {vertical-align:middle;}
#m-ca-lateral-nav a.current,
#m-ca-lateral-nav a:hover {color:#fff;background-color:#2a715a;}
#m-ca-lateral-nav.is-open {display:block;}
#m-ca-lateral-nav .item-has-child > a {position: relative;font-size:17px;color:#fff;line-height:36px;padding-left:25px;box-sizing:border-box;}
#m-ca-lateral-nav .item-has-child > a:hover,
#m-ca-lateral-nav .item-has-child > a.submenu-open {color:#fff;width:auto !important;background-color:#2a715a;}
#m-ca-lateral-nav .cate-nav-ty2 a {color:#fff;}
.sticky-wrap #header.is-fixed .nav-wrap #ca-menu-trigger {pointer-events:auto;cursor:pointer;}

#m-ca-lateral-nav.renew .ca-lateral-nav .cate-nav-ty1{padding-top:14px;}
#m-ca-lateral-nav .sub-menu{border:1px solid #0c8050;}
#m-ca-lateral-nav.renew a:hover,
#m-ca-lateral-nav.renew .item-has-child > a.submenu-open{background:#0c8050;}
#m-ca-lateral-nav.renew .item-has-child > a {font-size:14px;line-height:30px;padding-left:20px;}
#m-ca-lateral-nav.renew .cate-nav-ty2 a{font-size:13px;height:26px;line-height:26px;}
#m-ca-lateral-nav.renew.special .item-has-child > a {line-height:28px;}

.main-visual {overflow:hidden;width:100%;height:500px;margin-bottom:30px;}
.main-visual .slider{overflow:hidden;margin:0 auto;width:100%;height:500px; }
.main-visual .slider.slick-slider {/*width:auto; height:auto !important;*/ }
.main-visual .slider .item{text-align:center;height:500px; width:100%; float:left; background-position:50% top !important; background-size:auto 100% !important;}
.main-visual .slider .item a{position:relative; display:block; height:100%; width:100%; overflow:hidden;}
.main-visual .slider .item a:focus:after{content:''; position:absolute; top:0; left:0; height:100%; width:100%; box-shadow:inset 0 0 3px blue; box-sizing:border-box;}
.main-visual .slider .item img{position:absolute; top:0; left:50%; display:block; max-width:none; height:100%; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.main-visual .slider .slick-util-group{left:50%; bottom:0; max-width:1280px; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.main-visual .slider .slick-dots-group{position:absolute;left:auto;right:-2px;bottom:21px;height:24px;padding:0; box-sizing:border-box; width:auto; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.main-visual .slider .slick-arrow{position:absolute;top:-268px;width:60px;height:80px;text-indent:-99999px;background:url("/cjom/web/images/main/ico-main-visual_arr.png") no-repeat 0 0;background-size:120px 160px;}
.main-visual .slider .slick-prev{left:165px;background-position-x:0;}
.main-visual .slider .slick-next{right:0;background-position-x:100%;}
.main-visual .slider .slick-prev:focus,
.main-visual .slider .slick-prev:hover {background-position:0 -80px;}
.main-visual .slider .slick-next:focus,
.main-visual .slider .slick-next:hover {background-position:-60px -80px;}
.main-visual .slider .slick-count {position:absolute;right:0;bottom:15px;height:36px;line-height:36px;box-sizing:border-box;padding:0 45px 0 21px;color:#fff;font-family:Roboto;letter-spacing:-0.5px;font-size:14px;font-weight:normal;border-radius:18px;background-color: rgba(0, 0, 0, 0.2);}
.main-visual .slider .slick-count strong {font-weight:bold;}
.main-visual .slider .slick-count em {margin:0 3px 0 5px;}
.main-visual .slick-slider .slick-dots {display:none !important;}
.main-visual .slick-slider .slick-util-group .btn-play-toggle {position:relative;height:24px;width:24px;text-indent:-99999px;background:url('/cjom/web/images/main/ico-m-util-stop.svg') no-repeat 0 0;}
.main-visual .slick-slider .slick-util-group .btn-play-toggle.play {background:url('/cjom/web/images/main/ico-m-util-play.svg') no-repeat 0 0;}


/* MARKETDEV-7515 메인 개편 1차 */
.renew .main-visual{height:450px;}
.renew .main-visual .slider{height:450px}
.renew .main-visual .slider .item{height:450px;}
.renew .main-visual .slider .item img{top:50%;width:auto;height:100%;transform:translate(-50%, -50%);}
.renew .main-visual .slider .visual-txt__wrap{top:50%;height:auto;margin-left:-640px;padding-top:0;padding-left:110px;transform:translateY(-50%);}
.renew .main-visual .slider .slick-prev{left:0;}


/* 해더 상단 배너 개편 작업 */
.header__banner--top {position:relative; background-color:#0d533a; overflow: hidden;}
.header__banner--top a {display:flex; align-items:center; justify-content:center; font-weight:bold; height:40px; color:#fff; font-size:15px; line-height:40px; position: relative; z-index:45;}
.header__banner--top img {height:100%; width:auto; position:absolute; top:0; left:50%; transform: translateX(-50%); max-width:initial;}
.header__banner--top .add__img {display:inline-block; height:100%; margin-left:10px;}
.header__banner--top .add__img img {position:relative; left:0; transform:initial;}
.header__banner--top .add__img:empty {display:none;}
.header__banner--top .inner {width:1280px; position:absolute; top:0; left:50%; height:100%; transform:translateX(-50%); z-index:40;}
.header__banner--top .btn__close {display:block; position:absolute; top:0; left:50%; width:40px; height:100%; z-index:50; background: transparent; transform: translateX(-50%); margin-left:628px;}
.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-4076
- 작업자:허도경
- 작업날짜:2023-01-12
- 작업내용: 메인 배너 텍스트(BO에서 컨트롤 가능하게 수정)
*********************************************/
.main-visual .slider .item {position: relative;}
.main-visual .slider .visual-txt__wrap {position:absolute; width:1280px; left: 50%; top:0; transform: translateX(-50%); z-index:5; box-sizing:border-box; text-align: left; height:500px; padding-left: 251px; padding-top: 163px;}
.main-visual .slider .visual-txt__wrap .main-text {font-size:44px;line-height:60px;font-weight:bold;}
.main-visual .slider .visual-txt__wrap .sub-text {font-size:19px;line-height:28px;margin-top:19px;}
.main-visual .slider [data-color="white"] {color:#fff !important}
.main-visual .slider [data-color="black"] {color:#111 !important}
.main-visual .slider [data-bg-option="true"] {position: relative;}
.main-visual .slider [data-bg-option="true"]:after {position: absolute; left: 50%; top:0; content: ""; width:1920px; height:500px; transform: translateX(-50%); background:url(/cjom/web/images/main/bg_visual_banner_pc.png); background-size:cover; z-index: 1;}


/* 마켓핫딜 */
.main .view-wrap:first-child.m-hotdeal {margin-top:7px;}
.m-hotdeal {float:left;width:auto;}
.m-hotdeal .product-list-hot {height:480px;margin-top:0;padding-bottom:0;}
#container.main .contents + .contents{margin-top:65px;}
.m-hotdeal [data-column="3"] .product-item {
    width: calc(( 100% - ( 40px * 2))/3);
    margin-left:40px;}
.m-hotdeal [data-column="3"] .product-item:nth-child(3n+1)  {margin-left:0;}

/* view-wrap */
.main .view-wrap:first-child {margin-top:0;}
.main .view-wrap {margin-top:50px;}
.main .view-wrap .column-title {margin-top:0;color:#333;font-weight:bold;font-size:27px;line-height:32px;height:55px;}
.main .m-category .column-title {height:35px;}
.main .view-wrap .column-title + .column-desc {margin-top:4px;font-weight:normal;color:#666;font-size:15px;line-height:20px;}
.main .m-btn-more {display:block;width:500px;height:50px;line-height:50px;margin:40px auto 0 ;border:1px solid #ccc;box-sizing:border-box;text-align:center;font-size:15px;color:666;}
.main [data-column="4"] .product-item:nth-child(4n+1),
.main [data-column="5"] .product-item:nth-child(5n+1) {clear:left; margin-left:0;}
.main [data-column="4"] .product-item {width:calc((100% - (40px * 3)) /4); margin-left:40px;}
.main [data-column="5"] .product-item {width:calc((100% - (40px * 4)) /5); margin-left:40px;}

/* 이렇게 먹어보세요 */
.m-food-eat {clear:both;padding-top:40px;}
.recomm-wrap .tag-box{ margin:0 0 5px;}
.recomm-wrap .tag-box li{display:inline-block;margin:0 10px 10px 0;}
.recomm-wrap .tag-box li a{display:block;padding:10px 20px;color:#777;line-height:18px;height:18px;font-size:14px;border:1px solid #DDD;border-radius:20px;}
.recomm-wrap .tag-box li.on a{border-color:#1ba774;background:#1ba774;color:#fff;}
.recomm-wrap .product-box{display: flex; overflow:hidden;border:1px solid #ccc;}
.recomm-wrap .product-box .img-box{position:relative;float:left;width:844px;height:486px;}
.recomm-wrap .product-box .img-box .dsc{position:absolute;right:0;bottom:0;width:411px;height:218px;padding:30px;background:rgba(255,255,255,.8);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:#000;line-height:38px;font-weight:500;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;box-sizing:border-box;}
.recomm-wrap .product-box .img-box .dsc .txt{font-size:17px;color:#000;line-height:25px;max-height:75px;margin-top:10px;overflow:hidden; text-overflow:ellipsis; word-break:break-all; box-sizing:border-box; word-wrap:break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.recomm-wrap .product-box .img-box .flag{display:block;position:absolute;left:0;top:0;width:844px;height:486px;z-index:1;}
.recomm-wrap .product-box .prd-list{float:right;width:433px;height:486px;border-left:0;box-sizing:border-box;color:#333;padding-top:19px;}
.recomm-wrap .product-box .prd-list .num{font-family:'Roboto', 'Noto Sans KR', sans-serif; letter-spacing:0;}
.recomm-wrap .product-box .prd-list .scrl-box{min-height:336px;max-height:336px;padding:0 44px 0 28px;margin-bottom:0;overflow:hidden;}
.recomm-wrap .product-box .prd-list .product-item{display:flex;padding:2px 0;border-top:1px solid #ccc;align-items:center;}
.recomm-wrap .product-box .prd-list .product-item:first-child{border-top:0;}
.recomm-wrap .product-box .prd-list .product-item a{display:flex;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:80px;height:80px;margin:0 10px 0 15px;}
.recomm-wrap .product-box .prd-list .product-item .thumb:before{display:none;}
.recomm-wrap .product-box .prd-list .product-item .thumb .soldout{position:absolute; top:50%; left:50%; width:72px; height:72px; margin:-36px 0 0 -36px; border-radius:100%; color:#fff; line-height:72px; text-align:center; font-size:14px; background:rgba(0, 0, 0, 0.6); z-index:2;}
.recomm-wrap .product-box .prd-list .product-item .title{color:#333;font-size:15px;width:151px;line-height:19px;max-height:38px;overflow:hidden; text-overflow:ellipsis; word-break:break-all; box-sizing:border-box; word-wrap:break-word;padding:0;margin:0;}
.recomm-wrap .product-box .prd-list .product-item .price-info{width:85px;margin:0;font-size:15px;text-align:right;color:#333;}
.recomm-wrap .product-box .prd-list .product-item .price{font-size:15px;margin-right:0;}
.recomm-wrap .product-box .prd-list .product-item .price .num{font-size:16px;font-weight:400;}
.recomm-wrap .product-box .prd-list .product-item .input-checkbox.disabled:after{opacity:1;border: 1px solid #ccc;background-color: #f8f8f8;}
.recomm-wrap .product-box .prd-list .total-box{border-top:1px solid #ccc;margin:5px 44px 0 28px;padding:12px 0 8px;overflow:hidden;}
.recomm-wrap .product-box .prd-list .total-box label{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:19px;}
.recomm-wrap .product-box .prd-list .total-box .total-price .num{font-size:20px;font-weight:bold;}
.recomm-wrap .product-box .prd-list .btn-default{width:382px;height:55px;line-height:52px;font-size:19px;margin:0 25px;background-color:#2a715a;}
.recomm-wrap .scroll-wrapper>.scroll-element .scroll-bar {background: #ddd;  opacity: 1;}
/* 카테고리 인기상품 */
.m-category {margin-top:80px !important;}
.m-category [class*='product-list'] {margin-top:20px;padding-bottom:0;}
.m-category-list {margin-top:80px;}
.m-category-list:first-child {margin-top:0;}
.m-category .m-category-menu {margin-top:20px;border-top:1px solid #000;}
/*.m-category .m-category-menu ul {display:flex; justify-content: space-between;height:20px;padding:14px 0 15px;border-bottom:1px solid #ccc;}
.m-category .m-category-menu ul li {position:relative;width:100%;text-align:center;font-size:17px;color:#666;line-height:18px;}*/   /* MARKETDEV-8318 */
.m-category .m-category-menu ul {display:flex; justify-content: space-between;min-height:20px;padding:14px 0 15px;border-bottom:1px solid #ccc;}
.m-category .m-category-menu ul li {display:flex;position:relative;width:100%;padding:0 12px;text-align:center;font-size:17px;color:#666;line-height:18px;flex-direction:column;justify-content:center;}
.m-category .m-category-menu ul li:before {position:absolute;left:0;top:50%;width:1px;height:18px;background-color:#ddd;transform:translateY(-50%);content:'';}
.m-category .m-category-menu ul li:first-child:before {background-color:#fff;}
.m-category .m-category-menu ul li a {color:#333;}
.m-category .m-btn-more {margin-top:40px;}
.m-category .product-wp .product-list {margin-top:0;}

/* 신제품 */
.m-newproduct {margin-top:80px !important;}
.m-newproduct .product-list {margin-top:0;}
.m-newproduct .product-list .s-title {padding-top:0;font-size:13px;line-height:18px;font-weight:normal;color:#333;}
.m-newproduct .product-list .s-title + .product-title {padding-top:2px;font-weight:bold;}
.m-newproduct .new-product-list  {margin-top:0;padding-bottom:0;}
.m-newproduct .product-list .product-desc {margin-top:4px;font-size:13px;line-height:18px;color:#999;}
.m-newproduct .product-price-box {margin-top:8px;}
.m-newproduct .product-price-box .price {margin-left:3px;}
.m-newproduct .product-price-box .product-price {display:inline-block;margin:-5px 0 0 3px;}
.m-newproduct .product-list .product-link {margin-top:12px;}
.m-newproduct .product-list .product-link a {position:relative;color:#1ba774;line-height:20px;font-size:14px;}
.m-newproduct .product-list .product-link a:after {display:inline-block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#1ba774;content:'';}

.m-newproduct .product-item .flag {position:absolute;bottom:0;left:0;padding:0 11px;height:28px;line-height:28px;color:#fff;font-size:12px;text-align:center;background-color:#0c8050;}
.m-newproduct .product-item .flag-prime {font-weight:bold;padding:0 11px 0 27px;background:#0c8050 url('/cjom/web/images/prime/ico_user_grade.svg') no-repeat 11px  9px;background-size:12px 11px;}

.m-newproduct2 {float:right;width:290px;margin-top:0 !important;}
.m-newmarket .m-newproduct2 {float:left;}
.m-newmarket .m-hotdeal {float:right;margin-top:0;}
.m-newproduct2 .new-product-list {height:480px;}
.m-newproduct2 .product-item .desc {margin-top:8px;color:#333;font-size:13px;-webkit-line-clamp:1;line-height:16px;}
.m-newproduct2 .product-item .stit {font-size:21px;margin-top:17px;}
.m-newproduct2 .product-item .tit {font-size:21px;margin-top:4px;-webkit-line-clamp:1;height: 28px;word-wrap: normal;width: 290px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-newproduct2 .product-item .title {margin-top: 10px !important;}
.main .m-newproduct2 .m-btn-more {width:200px;}


/* 쿡킷 추천상품 */
.m-cookit .product-item .category li {font-size:13px;line-height:17px;}
.m-cookit-list{position:relative;margin-top:0;}
.m-cookit-list:after{content:""; clear:both; display:block;}
.m-cookit-list > li:nth-child(1){margin-left:0;}
.m-cookit-list > li{float:left;width:calc((100% - (40px * 3)) / 4 );margin-left:40px;}
.m-cookit-list .product-item .box{overflow:hidden; margin-top:3px;}
.m-cookit-list .product-item .title{margin-top:2px;font-size:20px;font-weight:500;line-height:24px;max-height:none;white-space: normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.m-cookit-list .product-item .price-info{display:inline-block; margin-top:8px; line-height:1; vertical-align:top;}
.m-cookit-list .product-item .price-info del{margin:0}
.m-cookit-list .product-item .price-info del .num {font-size:15px;}
.m-cookit-list .product-item .cook-info{float:right; display:inline-block; margin:2px 0 0 0; vertical-align:middle;}
.m-cookit-list .product-item .category {margin-top:15px;}
.m-cookit-list .product-item .category li{margin-right:5px;font-size:13px;}
.m-cookit-list .product-item .category li +li{padding-left:7px;}
.m-cookit-list .product-item .category li +li:before{width:2px;height:2px; background:#888;}
.main .m-cookit .m-btn-more {margin-top:40px;}
.m-cookit .product-item .price-info .dis-rate:first-child {vertical-align:initial;}

/* 추천레시피 */
.recommd-list{margin-top:0;}
.recommd-list:after{content:""; clear:both; display:block;}
.recommd-list-item:first-child{margin-left:0;}
.recommd-list-item{position:relative; float:left; width:calc((100% - (41px * 2)) / 3 );margin-left:40px; overflow:hidden;}
.recommd-list-item .item{position:relative; display:block; padding-top:535px;}
.recommd-list-item .item .thumb {position:absolute; top:0;left:0;width:100%; height:0;padding-top:518px;overflow:hidden;}
.recommd-list-item .item .thumb > img{position:absolute; top:50%; left:0; display:block; width:400px; height:auto; transform:translateY(-50%); -ms-transform:translateY(-50%);}
.recommd-list-item .item .thumb .flag-area{position:absolute; top:0; right:0;}
.recommd-list-item .item .info {position:absolute;top:483px;left:0;display:inline-block;height:35px;padding:9px 15px;box-sizing:border-box;color:#fff;font-size:13px;line-height:17px;background-color:#2a715a;}
.recommd-list-item .item .title em {display:block; line-height:28px; font-size:23px;color:#333;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.recommd-list-item .item .title .txt {display:block;overflow:hidden;margin-top:8px;font-size:15px;color:#666;height:69px;line-height:23px;white-space: normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.recommd-list-item .btn-box {margin-top: 4px;}
.recommd-list-item .btn-box .car-ab {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    padding-top:130%;
 }
.recommd-list-item .btn-box .btn-cart {
    position: absolute;
    bottom: 10px;
    right: 10px;
    opacity: 0;
    min-width: 40px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    background: url('/cjom/web/images/common/icon-btn-cart.svg') no-repeat 50%;
    background-size:40px;
 }
.recommd-list-item:hover .btn-cart, .product-item .btn-box .btn-cart:focus { opacity: 1;}
.recommd-list-item .btn-box .btn-cart span {
    display: block;
    text-indent: -99999px;
    width: 40px;
    height: 40px;
}
.recommd-list-item .form-item+.inner .btn-box .btn-cart { bottom: -20px;}
.recommd-list-item .btn-box .btn-buy {display: none;}
.recommd-list-item .btn-box .btn-Inform {
    display: none;
    min-width: auto;
    padding: 0;
    border: none;
    background: #fff;
    font-size: 15px;
}
.recommd-list-item .btn-box .btn-Inform span { border-bottom: 1px solid #2a715a;color: #2a715a;}
.recommd-list-item .input-checkbox, .product-item .input-radio {display: block;margin: 0 auto 10px;}
.recommd-list-item:hover .btn-cart {display: block;}
/* 공지사항 */
.m-notice {margin-top:80px;overflow:hidden;}
.m-notice .m-notice-tit {float:left;font-size:20px;color:#444;line-height:30px;}
.m-notice ul{float:left;margin-left:15px;}
.m-notice ul li{line-height:30px;}
.m-notice ul li a{display:block; }
.m-notice ul li .cate {float:left;font-size:15px;color:#2a715a;}
.m-notice ul li .title{float:left;font-size:15px; color:#333;margin-left:5px;}
.m-notice ul li .date{float:left;font-size:15px;color:#999;margin-left:10px;}
.m-notice .m-link-more{float:right;line-height:30px;font-size:15px;color:#444;}
.m-notice .m-link-more:after {content:''; display:inline-block; width:7px;height:15px;margin:-2px 0 0 8px;vertical-align:middle; background:url('/cjom/web/images/main/btn_more_arr.png') no-repeat 0 0;background-size:7px 15px;}

/* 메인 개인화 추천 영역 CSS => 이벤트 페이지에서도 동일 UI 사용으로 
UI.cjom.front.css 로 옮김 */

/* 메인팝업 */
.main-modal .item .m-modal-pop {position:absolute;left:0;top:35px;width:100%;text-align:center;}
.main-modal .item .m-modal-pop .tit {font-size:22px;line-height:26px;font-weight:bold;color:#5e2f2f;}
.main-modal .item .m-modal-pop .txt01 {font-size:22px;line-height:26px;font-weight:bold;color:#ff5b01;}
.main-modal .item .m-modal-pop .txt02 {margin-top:2px;font-size:15px;line-height:19px;color:#ff5b01;}

/* 지금은행사중 */
.m-eventing {padding-bottom:40px;}
.m-eventing .column-title + .column-desc {margin-bottom:16px;}
.m-eventing  .column-title {height:35px !important;}
.m-eventing  .product-wp .product-list {margin-top:20px;}
.m-eventing .tab-list .active a {border:1px solid #1ba774 !important;color:#1ba774;}
.m-eventing .tab-list li a span {padding-left:28px;}
.m-eventing .tab-list li a .ic-deal {background: url(/cjom/web/images/hotdeal/icon-tab01-off.svg) no-repeat 0 50%;background-size:26px;}
.m-eventing .tab-list li a .ic-more {background: url(/cjom/web/images/hotdeal/icon-tab02-off.svg) no-repeat 0 50%;background-size:26px;}
.m-eventing .tab-list li a .ic-plus {background: url(/cjom/web/images/hotdeal/icon-tab03-off.svg) no-repeat 0 50%;background-size:26px;}
.m-eventing .tab-list li a .ic-gift {background: url(/cjom/web/images/hotdeal/icon-tab04-off.svg) no-repeat 0 50%;background-size:26px;}
.m-eventing .tab-list li a .ic-boxsale {background: url(/cjom/web/images/hotdeal/icon-tab05-off.svg) no-repeat 0 50%;background-size:26px;} /*20221128 골라담기 css 추가 */
.m-eventing .tab-list li.active a .ic-deal,
.m-eventing .tab-list li a:hover .ic-deal  {background: url(/cjom/web/images/hotdeal/icon-tab01-on.svg) no-repeat 0 50%;background-size:26px;}
.m-eventing .tab-list li.active a .ic-more,
.m-eventing .tab-list li a:hover .ic-more {background: url(/cjom/web/images/hotdeal/icon-tab02-on.svg) no-repeat 0 50%;background-size:26px;}
.m-eventing .tab-list li.active a .ic-plus,
.m-eventing .tab-list li a:hover .ic-plus {background: url(/cjom/web/images/hotdeal/icon-tab03-on.svg) no-repeat 0 50%;background-size:26px;}
.m-eventing .tab-list li.active a .ic-gift,
.m-eventing .tab-list li a:hover .ic-gift {background: url(/cjom/web/images/hotdeal/icon-tab04-on.svg) no-repeat 0 50%;background-size:26px;}
.m-eventing .tab-list li.active a .ic-boxsale,
.m-eventing .tab-list li a:hover .ic-boxsale {background: url(/cjom/web/images/hotdeal/icon-tab05-on.svg) no-repeat 0 50%;background-size:26px;}

.m-eventing .product-wp .product-list {margin-left:-53px !important;}


.product-wp .product-list .product-item {margin-top:0;}


/* 2024-01-17 설문조사 배너 추가 MARKETDEV-7205 */
.m_banner_survey{width:1280px;margin:0 auto;padding-top:40px;}
.m_banner_survey .box-survey-info{position:relative;padding:18px 100px 20px 387px;background:#f6f8f8 url(/cjom/mobile/images/icon/ico_survey.svg) no-repeat 353px 18px;background-size:26px 26px;;}
.m_banner_survey .box-survey-info .info-txt1{position:relative;font-size:18px;color:#333;font-weight:bold;line-height:24px;}
.m_banner_survey .box-survey-info .info-txt1>span{color:#1ba774;}
.m_banner_survey .box-survey-info .info-txt2{margin-top:4px;font-size:14px;color:#666;line-height:18px;}
.m_banner_survey .box-survey-info .btn-survey{position:absolute;top:50%;left:50%;height:38px;margin:-19px 0 0 140px;padding:2px 20px 0;font-size:13px;color:#666;background:#fff;border:1px solid #ddd;}