/* BASIC css start */
#contentWrap {width:100%;}
.content { max-width:1000px; margin: 4px auto; padding-top:30px;}
.pleasewait {border-radius: 4px;background-size: cover;}

a { vertical-align: top;}

/* À̹ÌÁö¸Ê */
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;}
img{ border: none; height: auto; max-width: 100%; width: auto;}
.evt_img {width: 100%; /*max-width: 1000px; min-width: 800px;*/ margin: 0 auto; position: relative; text-align:center;}

.top_area { max-width: 2560px; min-width: 1280px; margin: 0 auto; border: 1px solid blue;}

/* ŸÀÌƲ ¿µ¿ª */
.tit_area {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px; padding: 0;}
.tit_area .tit_lv2 {font-size: 28px; line-height: 1.29; font-weight: 500; text-transform: uppercase;}

/* Á¤º¸ ¿µ¿ª */
.info_area .cont_tit {color: var(--txt-color); font-size: 20px; margin-top: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; overflow-wrap: break-word;}
.info_area .cont_subtit {color: #b9b9b9; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: keep-all; overflow-wrap: break-word;}
.info_area .cont_subdate {font-weight: normal;}

/* Á¦Ç° Á¤º¸ */
.product_info.swiper-wrapper {flex-wrap: nowrap;}
.product_info .thumb_area {position: relative; overflow: hidden; z-index: 1; margin-bottom: 20px;}

/* ¾ÆÀÌÄÜ */
.product_info .thumb_area .eicon_wrap {position: absolute; left: 0; bottom: 0; display: inline-flex; flex-wrap: wrap;}
.product_info .thumb_area .eicon_wrap [class^='eicon'] {display: inline-flex; justify-content: center; font-size: 12px; color: #fff; background-color: #000; padding: 0 9px; white-space: nowrap; height: 26px; line-height: 26px; font-weight: 400;}
.product_info .thumb_area .eicon_wrap [class^='eicon'].orange {background-color: #ff2e2e; color: #fff; font-weight: 500;}
.product_info .thumb_area .eicon_wrap [class^='eicon'] + [class^='eicon'] {border-left: 1px solid #fff;}

/* ÆäÀÌÁö³×ÀÌ¼Ç */
.pagination {display: flex; height: 40px; border-radius: 5px; background: var(--bg-color-white); align-items: center;}
.pagination a {text-indent: -9999px; width: 40px; height: 40px; color: #000000; font-weight: 700; border: 1px solid #ddd; background: #ffffff; transition: 0.3s;}
.pagination a:after {font-size: 13px; text-indent: 0; margin: 0;}
.pagination a:hover {background: #ddd;}



/* Swiper ¹öÆ° ºñÈ°¼ºÈ­ ½ºÅ¸ÀÏ */
.swiper-button-disabled {opacity: 0.5; cursor: not-allowed;	pointer-events: none; background: #e0e0e0 !important; color: #999 !important; border-color: #ccc !important;}






/* °øÅë ½ºÅ¸ÀÏ */
.coupon-container { margin-top: 5px; display: flex; align-items: center; justify-content: space-between; max-width: 100%; height: 76px; background: #a0a0a0; mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2216%22%20viewBox%3D%220%200%208%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.00022%208C8.00022%2012.4183%204.4185%2016%200.000218398%2016C1.66131e-06%2010.4911%200.000218398%205.52413%200.000218398%200C4.4185%200%208.00022%203.58172%208.00022%208Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)); mask-composite: exclude; mask-position: 0px 50%; mask-size: 8px 16px, auto; mask-repeat: no-repeat; padding: 0 0 0 17px; color: white; font-family: 'Pretendard', sans-serif; }
.coupon-info { display: flex; flex-direction: column; gap: 4px; flex: 8; }
.coupon-title { font-size: 15px; font-weight: bold; }
.coupon-desc { font-size: 12px; }
.coupon-divider { height: 100%; border-left: 1px dashed white; opacity: 0.2; }
.download-section { display: flex; align-items: center; justify-content: center; cursor: pointer; flex: 2; }
.download-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; }
.download-icon { width: 24px; height: 24px; min-width: 24px; min-height: 24px; fill: white; }
.download-text { font-size: 12px; }


.coupon-container3 {background: #f56cd6;} 




/* ¹è¿­¹æ½Ä */
.item-wrap {width: 1000px; margin: 0 auto;}
.item-cont {display: flex; flex-direction: row; flex-wrap: wrap;}
.item-wrap .x3 .item-list {width:33.33%; margin: 30px 0; padding: 0 5px; box-sizing: border-box;}
.item-wrap .item-cont.x4 .item-list {width: calc(25% - 20px); margin: 10px 20px 40px 0px;}
.item-wrap .x5 .item-list {width:20%; margin: 30px 0; padding: 0 5px; box-sizing: border-box;}
.item-wrap .x5 .item-list:nth-child(4n+1) { margin-left: 0; }
.item-wrap .x5 .prd-info .prd-name {display: block;}
.item-wrap .x5 .prd-info .color {max-width: 190px;}

/* ¸ÞÀÎ ¾ÆÀÌÄÜ */
.main_icons span:nth-child(1) {position:absolute; top:10px; left:10px;}
.main_icons span:nth-child(2) {position:absolute; top:8px; left:120px;}
.main_icons span:nth-child(1) img { max-width:none; position:unset;}
.main_icons span:nth-child(2) img {width:75px; height:35px; max-width:none; position:unset;}


/* .section_04 - ÅõµÎ¸®½ºÆ®  */
.section_04 {margin: 0 auto; padding-bottom: 0px;}
.section_04 .toDolist {padding: 0 42px;width: 1200px;/* border: 1px solid red; */margin: 0 auto;}
.section_04 .toDolist h2 {font-size: 21px; font-weight: 700; margin: 45px 0 15px;}
.section_04 .m_tab01 {display: -ms-flexbox;display: flex; width: 500px; gap: 10px; /* margin: 0 auto; */ flex-direction: row;}
.section_04 .m_tab01 li::-webkit-scrollbar{display: none; }
.section_04 .m_tab01 li {position: relative;width: calc(33.3333% - 45px);line-height: 25px;font-size: 16px;font-weight: 500;text-align: center;color: #000000;cursor: pointer;box-sizing: border-box;padding: 10px 0px;background: #ffffff;letter-spacing: -1px;border-radius: 70px;border: 1px solid #ddd;}
.section_04 .m_tab01 li > div {color: #d5d5d5;font-size: 17px;font-weight: 500;}
.section_04 .m_tab01 li.on {color: #ffffff;background: #000000;/* border: 1px solid #050505; */transition: background-color 0.4s ease, color 0.4s ease;}

.section_04 .tab_content {display:none;padding: 30px 0 50px;}
.section_04 .tab_content.on {display: block;}




.section_04 .ev_cont{width: 1200px;display: flex;flex-wrap: wrap;gap: 10px 20px;justify-content: flex-start;/* border: 1px solid blue; */margin: 0 auto;}
.section_04 .ev_cont>div{width: 32%;}
.section_04 .ev_cont>div>ul{width: 100%;display: flex;flex-direction: column;gap: 10px;}
.section_04 .ev_cont>div>ul>li{display: flex; width: 100%;}
.section_04 .ev_cont>div>ul>li:last-child{margin-bottom: 50px;}
.section_04 .ev_cont>div>ul>li:not(:first-child){height: 100px;}
.section_04 .ev_cont>div>ul>li:not(:first-child) .thumb{width: 80px;height: 80px;}
.section_04 .ev_cont>div>ul>li:not(:first-child) .info{flex-grow: 1;padding-left: 20px; display: flex; flex-direction: column; justify-content: center; max-width:285px}
.section_04 .ev_cont>div>ul>li .thumb a{height: 100%;}
.section_04 .ev_cont>div>ul>li .thumb a img{border-radius: 10px;}
.section_04 .ev_cont>div>ul>li:first-child{position: relative;}
.section_04 .ev_cont>div>ul>li:first-child .thumb{width: 100%; /*height: 415px;*/}
.section_04 .ev_cont>div>ul>li:first-child .thumb:before {/* content: ""; *//* position: absolute; */left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 18%);border-radius: 10px;/* content: ""; *//* background: linear-gradient(rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 41%) 100%); */height: 150px;}

.section_04 .ev_cont>div>ul>li:first-child .thumb img{/* border-radius: 7px; */}
.section_04 .ev_cont>div>ul>li:first-child .info{display: none;}
.section_04 .ev_cont>div>ul>li:first-child .thumb .text {/* position: absolute; */bottom: 27px;color: #000000;padding: 10px 0px;}
.section_04 .ev_cont>div>ul>li:first-child .thumb .text .tit {font-size: 21px;font-weight: 600;margin-bottom: 3px;}
.section_04 .ev_cont>div>ul>li.item_list .info .prdprice{border-top:none; margin-top:0}
.section_04 .ev_cont>div>ul>li.item_list .info .prdprice .percent{display:none}

.section_04 .ev_cont>div>ul>li.item_list .label {display: flex;position: absolute;top: 10px;left: 10px;gap: 0 2px;}
.section_04 .ev_cont>div>ul>li.item_list .label span {background-color: #ff2b31; font-weight: 400; font-size: 12px; line-height: 14px; color: rgb(255, 255, 255); padding: 5px 8px; line-height: 15px;}

.section_04 .ev_cont>div>ul>li.item_list .label_black {display: flex;position: absolute;top: 10px;left: 10px;gap: 0 2px;}
.section_04 .ev_cont>div>ul>li.item_list .label_black span {background-color: #000; font-weight: 400; font-size: 12px; line-height: 14px; color: rgb(255, 255, 255); padding: 5px 8px; line-height: 15px;}



.section_04 .ev_cont .item_cont .prd-info {flex-grow: 1; padding: 0; display: flex; margin-left: 20px;  width: 68%; height:108px; flex-direction: column; justify-content:flex-start;}
.section_04 .ev_cont .item_cont .prd-info > ul { }
.section_04 .ev_cont .item_cont .prd-info > ul .prd-name {font-size: 13px;line-height: 20px;font-weight: 400;overflow: hidden;margin-bottom:2px;text-overflow: ellipsis;display: -webkit-box;letter-spacing: normal;word-break: break-word;overflow-wrap: break-word;}
.section_04 .ev_cont .item_cont .prd-info > ul .prd-price {font-weight: 600;  font-size: 15px; display: inline;}
.section_04 .ev_cont .item_cont .prd-info > ul .prd-soldout {font-weight: 600;  color:#c7c7c7; font-size: 15px; display: inline;}
.section_04 .ev_cont .item_cont .prd-info > ul .dc {font-weight: 600;  font-size: 15px;   color: #ff2800;   display: inline;   margin-right: 5px;}


.section_04 .ev_cont .item_cont .prd-info > ul .prd-price del { font-weight: 600; padding-top: 5px; font-size: 15px; display: inline-block; color:#bbb;}
.section_04 .ev_cont .item_cont .prd-info > ul .prd-price span { }
.section_04 .ev_cont .item_cont .prd-info > ul .prd-price .final_p{}

.section_04 .ev_cont .item_cont .prd-info > ul .thumb {position:relative; display:inline-block;}
.section_04 .ev_cont .item_cont .prd-info > ul .thumb .dc{ text-align:center; top: 0; left: 0; border:2px solid blue; color: #000; font-size: 24px;}
.section_04 .ev_cont .item_cont .prd-info > ul .thumb .dc em{font-size: 18px !important;}
.section_04 .ev_cont .item_cont .prd-info > ul .thumb .dc.term{border : 1px solid lime;}
.section_04 .ev_cont .item_cont .prd-info > ul .thumb .dc em:nth-child(3),
.section_04 .ev_cont .item_cont .prd-info > ul .thumb .dc em:nth-child(4){display:none !important}
.section_04 .ev_cont .item_cont .prd-info > ul .thumb .dc em.num{font-size:24px !important; width: 27px; display: inline-block;  overflow: hidden;}
.section_04 .ev_cont .item_cont .prd-info > ul .thumb .dc em.percent{display: inline-block !important;font-size: 18px !important; display: inline-block; vertical-align: top;}


/* BASIC css end */