/* 이벤트 페이지 공통 */
.event_ci { width: 100%; }
.event_ci.bgcolor1{ background-color: #f3ece6; }
.event_ci .event_wrap{ width: 100%; max-width: 720px; min-width: 320px; margin: 0 auto; }
.event_ci .event_wrap img, .event_ci .event_wrap2 img{ width: 100%; }

.event_end { position: fixed; top: 0; left: 0; height: 100%; width: 100%; text-align: center; background: rgba(0,0,0,.7); z-index: 19; display: flex; align-items: center; }
.event_end span { color: #fff; font-size: 24px; font-weight: bold; line-height: 1.5; width: 100%; }

.evt-container-absolute { position: absolute; width: 100%; } 
.evt-container-relative { position: relative; } 
.evt-container-center { position: relative; text-align: center; }
.evt-toggle-container { cursor: pointer; } 
.evt-content { margin: 0 auto; background-color: #fff;} 
.evt-content * { box-sizing: border-box; } 
.evt-content img { display: block; width: 100%; height: auto; } 
.evt-content .p-absolute {position :absolute;}
.evt-content .mt10 {margin-top:1.4% !important;}
.evt-content .mt20 {margin-top:2.8% !important;}
.evt-content .mb10 {margin-bottom:1.4% !important;}
.evt-content .mb20 {margin-bottom:2.8% !important;}
.evt-content .pt10 {padding-top:1.4% !important;}
.evt-content .pb100 {padding-bottom:14% !important;}
.evt-content .ma50 {padding:0 7% 0 7%;background-color:#fff;}
.evt-content .mtb40 {margin:5.6% 0;}
.evt-content .hidden {display:none !important;}
.evt-content .hand {cursor:pointer;}

.evt-content .on-off-img     img:nth-child(1) {display:none;}
.evt-content .on-off-img.on  img:nth-child(1) {display:block;}
.evt-content .on-off-img.on  img:nth-child(2) {display:none;}
.evt-content .on-off-img     img:nth-child(3) {display:none;}
.evt-content .on-off-img.on  img:nth-child(3) {display:block;}

.hidden {display:none !important;}
.hand {cursor:pointer;}

/* 상시 운영 이벤트 - 랜덤쿠폰 뽑기 */
.evt-content .radomdraw{ background-color: #fff1ce;} 
#radomdraw {}
#radomdraw .ucount { font-size:clamp(20.48px,6.4vw,32px);color:#000;position: absolute;right:30%;bottom:clamp(36.48px,11.4vw,57px);font-weight: 600;text-align: right;letter-spacing: -0.2px;}
#radomdraw .month { font-size:clamp(16.64px,5.2vw,26px);color:#000;position: absolute;right:64.3%; bottom:clamp(38.4px,12vw,60px);font-weight: 600;text-align: right;}
#radomdraw .icon  {position:absolute;width:20.56%;bottom:60%;margin:0 39.72%;}
#radomdraw .btn1  {position:absolute;width:27.78%;bottom:37.5%;margin:0 36.11%;}
.rdmdrawImgPop {position:fixed;left:0;right:0;top:0;width:100%;height:100%;z-index:5;background-color: rgba(0,0,0,0.6);display:none;}
.rdmdrawImgPop .popContent{position:absolute;left:50%;top: 31%; transform: translate(-25%,0); width:580px;height:760px;}
.rdmdrawImgPop .popbg {position:absolute;}
.rdmdrawImgPop .popbg img {width:290px;height:300px;position: relative; text-align: center;}
.rdmdrawImgPop .popbtn {cursor:pointer; position:absolute;top: 31%; transform: translate(-25%,0);width: 100%; text-align:center;}
.rdmdrawImgPop .popbtn img {width:250px; position: relative; text-align: center;}

/* 상시 운영 이벤트 - 전통식품 활성화 프로젝트 */
.evt-content .restaurant {position: absolute; width: 75%; bottom: 5.5%; left: 50%; transform: translateX(-50%); }
.evt-content .traditional_category img{position: absolute; left: 50%; top: clamp(60.8px,19vw,95px); cursor:pointer; width: clamp(134.4px,42vw,210px);}
.evt-content .traditional_category img:nth-of-type(2n+1) {transform: translateX(-105%);}
.evt-content .traditional_category img:nth-of-type(2n) {transform: translateX(5%)}
.evt-content .traditional_category img:nth-of-type(3) {top: clamp(185px,58vw,290px);}
.evt-content .traditional_category img:nth-of-type(4) {top: clamp(185px,58vw,290px);}
.evt-content .traditional_category img:nth-of-type(5) {top: clamp(310.4px,97vw,485px);}
.evt-content .traditional_category img:nth-of-type(6) {top: clamp(310.4px,97vw,485px);}

/* [회원] */
/* 신규가입 혜택안내 */
.event_ci.bg_join img {width: 100%; max-width: 500px; min-width: 320px;}
.event_ci.bg_join [class^='join_cont'] {position: relative; text-align: center; max-width: 500px; min-width: 320px; margin: 0 auto;}
.event_ci.bg_join .join_tab_wrap{display: flex;}
.event_ci.bg_join .join_tab_wrap a{min-width: inherit; width: 33.33%;}
.event_ci.bg_join .join_tab_wrap a img{width: 100%; min-width: inherit;}
.event_ci.bg_join .join_tab_wrap a img:nth-child(2){display: none;}
.event_ci.bg_join .join_tab_wrap a.active img:nth-child(1){display: none;}
.event_ci.bg_join .join_tab_wrap a.active img:nth-child(2){display: block;}
.event_ci.bg_join .join_cont3{background-color: #f5f3e6;}
.event_ci.bg_join .join_cont4{background-color: #8fad91;}
.event_ci.bg_join .swiper-join{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -60%); width: 93%; max-width: 670px; margin-left: 3.5%; overflow: hidden;}
.event_ci.bg_join .swiper-join .swiper-slide{width: 50%; margin-right: 5%;}
.event_ci.bg_join .swiper-join .swiper-slide img{margin-bottom: clamp(12.8px,4vw,20px); width: 93%;}
.event_ci.bg_join .swiper-join .swiper-slide p{font-size: clamp(10.6px,3.3vw,16.5px); line-height: clamp(15.36px, 4.8vw, 24px); margin: 0; letter-spacing: -1px;}
.event_ci.bg_join .swiper-join .swiper-slide span{display: block; font-size: clamp(8.96px,2.8vw,14px); line-height: clamp(19.2px, 6vw, 30px);}
.event_ci.bg_join .join_cont4 a img{width: 100%; min-width: inherit;}
.event_ci.bg_join .join_cont5{background-color: #fff ;}
.event_ci.bg_join .join_cont6{background-color: #cad29f;}
.event_ci.bg_join .join_cont6 a img{width: 100%; min-width: inherit;}
.event_ci.bg_join .join_cont7 a{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -100%); width: 84%; max-width: 600px;}
.event_ci.bg_join .join_cont7 a img{width: 100%; min-width: inherit;}
.event_ci.bg_join [class^='join_cont'] [id^='cont']{position: absolute; top: -120px;}
.event_ci.bg_join .target{position: relative; bottom: 60px;}
.event_ci.bg_join .sticky{position: relative; top: 0; z-index: 2;}
.event_ci.bg_join .sticky.on{position: fixed !important; width: 100%; top: 50px; left: 50%; transform: translate(-50%, 0%);}
.event_ci.bg_join .sticky.on ~ .join_cont3{padding-top: 25%;}
/* 사회공헌 배지 안내 페이지 */
.csr-main .on-off-img	img:nth-child(1) {display:none;}
.csr-main .on-off-img.on	img:nth-child(1) {display:block;}
.csr-main .on-off-img.on	img:nth-child(2) {display:none;}
.csr-main .mypoint {position: absolute;top:clamp(106.56px,33.3vw,33.3vw);right:clamp(51.2px,16vw,16vw); font-size:clamp(20.48px,6.4vw,6.4vw);color:#e11735;letter-spacing:-0.3px;text-align: right;font-weight:600;}
body:not(.mobile) .mypoint {top : 166.5px;right: 80px; font-size: 32px;}
.csr-main .subtab {margin:40px 5% 30px;display: inline-block;}
.csr-main .subtab li {float:left;width:33.3%;}
.csr-main #list1 {position:absolute;top:30%;left:5%;width:90%;z-index:10;padding-bottom:50px;overflow-x:hidden ;}
.csr-main #list2 {margin:30px 5% 0px;width:90%;overflow-x:hidden; padding-bottom:50px;}
.csr-main #list3 {margin:30px 5% 50px;width:90%;overflow-x:hidden; padding-bottom:50px;}
.csr-main .swiper-pagination-bullet {width: 14px;height: 14px;display: inline-block;border-radius:50%;background: #fe8917;opacity:0.2;}
.csr-main .swiper-pagination-bullet-active {opacity: 1;background: #fe8917;}

/* [주문/결제] */
/* 주문완료 페이지 - 보너스(지원금/sk포인트 소진시) 쿠폰 안내 팝업 */
.bonus.divImgPop {position:fixed;left:0;right:0;top:0;width:100%;height:100%;z-index:19;background-color: rgba(0,0,0,0.6);display:none;}
.bonus.divImgPop .popContent{position: absolute; text-align: center; left: 50%; top: 18%; transform: translate(-50%, 0); width: 100%; max-width: 480px; min-width: 310px;}
.bonus.divImgPop .popbg {position:absolute;background:no-repeat center center; width: 100%;}
.bonus.divImgPop .popbg img{width: 100%;}
.bonus.divImgPop .closebtn {position:relative;text-align:right; width: 100%;}
.bonus.divImgPop .closebtn img{width: 5%; padding-right: 15%; padding-top: 2%;}
.bonus.divImgPop .popbtn {position: absolute; width: 100%; top: clamp(214px, 69vw, 331px); transform: translate(-50%, 0); left: 50%;}
.bonus.divImgPop .popbtn img{width: 56%;}

/* [상품] */
/* 구매후기 영역 */
#reviewArea .li-reply-content {width:100%;}
#reviewArea .li-reply-content .csr-icon img{width: 2.1rem; margin-right: -0.1rem;}
#reviewArea .li-reply-content .star_rating img {width: 1.6rem;}

/* [ 모니터링 ] */
/* 모니터링 > 물류센터 발송주문 현황 */
.ordcnt-list {background-color:#fff;padding:16px 16px 0 16px; text-align:center;}
.ordcnt-list div {display:inline-block; margin:0 16px 16px 0;}
.ordcnt-list table{font-size:0.9em;font-weight:700;}
.chart-list { padding: 0 10px; max-width: 100%; overflow: hidden; }
#chart1 { min-width: 440px; }
.chart-div { overflow-x: scroll; width:100%; white-space: nowrap; }