@charset "utf-8";

/********************************** API 제품목록 **********************************/
.prdList {max-width:1000px; margin:0 auto;}
.prdList * {font-family: "Pretendard";}
.prdList ul {display:grid; grid-template-columns:repeat(3, 1fr); gap:25px;}
.prdList ul li {position:relative; max-width:296px; overflow:hidden;}
/* */
.prdList ul li .pd .img {display:flex; justify-content:center; align-items:center; margin-bottom:19px; width:100%; height:auto; max-height:296px; aspect-ratio:1 / 1; border-radius:16px; overflow: hidden; background:#fff;}
.prdList ul li .pd .img img {width:auto; height:100%; max-height:180px;}
.prdList ul li .badge {display:flex; flex-wrap:wrap; gap:7px 9px; width:100%; margin-top:5px;}
.prdList ul li .badge em {display:inline-block; padding:3px 6.5px; font-size:15px; font-weight:500; color:#FFFFFF; white-space: nowrap; border-radius:6px; background: #B7A095;}
.prdList ul li .badge em.p {color:#fff; background:#EA1917;}
.prdList ul li .badge em.sale {color:#fff; background:#EA1917;}
.prdList ul li .badge + .txt {padding-top:13px;}
.prdList ul li .badge .sale + .sale {display:none;}
.prdList ul li .pd .txt {text-align:left;}
.prdList ul li .pd strong {display:block; padding-bottom:16px; font-size:21px; line-height:1.1; color:#1A1A1A; font-weight:600; border-bottom:1px solid #CEC7B4; display: flex; flex-direction: column-reverse;}
.prdList ul li .pd strong em {display:block; padding-bottom:6px; color:#7E7C77; font-weight:300; font-size:17px;}
.prdList ul li .pd dl {display:flex; flex-wrap: wrap; align-items: center; gap:8px 8px; padding-top:12px; white-space:nowrap;}
.prdList ul li .pd dl dt { flex:0 1 10%; font-size:17px; font-weight:600; color:#000; letter-spacing: -0.05em; color: #7E7C77;}
.prdList ul li .pd dl dt:nth-of-type(2) {color: black; font-weight: 400;}
.prdList ul li .pd dl dt:nth-of-type(3) {color: black;}
.prdList ul li .pd dl dt.last {display:inline-flex;}
.prdList ul li .pd dl dd {flex:1 0 70%; font-size:21px; color:#1A1A1A; letter-spacing: -0.05em; word-spacing:-0.06em;}
.prdList ul li .pd dl dd del {color:#7E7C77;}
.prdList ul li .pd dl dd del::after {content:' 원';}
.prdList ul li .pd dl dd em::after {content:' 원';}
.prdList ul li .pd dl dd.lastPrice {flex:1 0 50%;}
.prdList ul li .pd dl dd.lastPrice em {font-weight:600; font-size:22px; color: #ff0000;}
.prdList ul .typeBtn {display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:8px;}
.prdList ul .typeBtn a {position:relative; flex:1; display:flex; justify-content: center; align-items:center; height:42px; gap:11px; font-size:17px; font-weight:500; color:#000; border:1px solid #000; border-radius:9px; cursor:pointer; overflow:hidden;}
.prdList ul .typeBtn a::after {content:''; display:inline-block; width:8px; height:14px; background: url(/kr/event/2025/04/01_lgforme/images/img_pd_arrow_right.png) no-repeat center; background-size:cover;}
.prdList ul.careCase li .pd dl dd em::before {content:'월 ';}
.prdList ul.careCase li .pd dl dd em::after {content:' 원';}
.prdList ul.careCase li .pd dl dd.lastPrice em::after {content:' 원 ~';}
.prdList ul.careCase li .careItem {margin-top:8px; border:1px solid #000; border-radius:10px;}
.prdList ul.careCase li .careItem dt {display:flex; justify-content: center; align-items:center; height:42px; gap:14px; font-size:17px; font-weight:500; color:#000; cursor:pointer;}
.prdList ul.careCase li .careItem dt::after {content:''; display:inline-block; width:14px; height:8px; background: url(/kr/event/2025/04/01_lgforme/images/img_pd_arrow_down.png) no-repeat center; background-size:cover; transition:all 0.3s ease;}
.prdList ul.careCase li .careItem dd {display:none}
.prdList ul.careCase li .careItem.active dt::after {transform:rotate(180deg);}
.prdList ul.careCase li .careItem.active dd {display:block; padding:0 20px;}
.prdList ul.careCase li .careItem.active dd span {display:block; padding-top:10px; min-height:68px; text-align:right; font-weight:500; font-size:15px; color:#000; line-height:1.5; border-top:1px solid #000;}
.prdList ul.careCase li .careItem.active dd label {float:left; margin-right:5px; color:#7E7C77;}
.prdList.landscape ul {display:block; max-width:486px;}
.prdList.landscape ul li {max-width:none; width:100%; min-height:172px;}
.prdList.landscape ul li ~ li {margin-top:25px;}
.prdList.landscape ul li .pd {position:relative; display:block; width:100%; padding:0 0 0 190px;}
.prdList.landscape ul li .pd .img {position:absolute; left:0; top:0; width:172px; margin-bottom:0;}
.prdList.landscape ul li .pd .img img {max-height:140px;}
.prdList.landscape ul li .badge {margin-left:190px; width: calc(100% - 190px);}
.prdList.landscape ul li .typeBtn {margin-left:190px;}
.prdList.landscape ul li .careItem {margin-left:190px;}
.prdList.landscape ul li .pd dl dd:nth-child(2) {flex: 0 1 auto;}
.prdList.landscape ul li .pd dl dd:nth-child(4) {flex: 0 1 51%;}
.prdList.landscape ul li .pd dl dd.lastPrice {flex:1 0 50%;}
.prdList.landscape ul.careCase  li .pd dl dd:nth-child(2) {flex: 0 1 100%;}
.prdList.landscape ul.careCase  li .pd dl dd:nth-child(4) {flex: 1 0 50%;}
.prdList.landscape ul.careCase  li .pd dl dd.lastPrice {flex:1 0 50%;}
.prdList.interior ul {display:flex;}
.prdList.interior ul li {width:316px; padding-bottom:24px; border-radius:24px; max-width:none; overflow:hidden; background:#fff;}
.prdList.interior ul li .pcImg {display:inline-flex; justify-content:center; align-items:center; margin-bottom:24px; width:100%; height:auto; max-height:296px; aspect-ratio:1 / 0.93; overflow: hidden; background:#fff;}
.prdList.interior ul li .pcImg img {display:block; width:100%;}
.prdList.interior ul li .pd .img {display:none;}
.prdList.interior ul li .pd .txt {display:block; padding:0 24px;}
.prdList.interior ul li .pd dl dd:nth-child(2) {flex: 0 1 auto;}
.prdList.interior ul li .pd dl dd:nth-child(4) {flex: 0 1 50%;}
.prdList.interior ul li .badge {padding:0 24px;}
.prdList.interior ul .typeBtn {padding:16px 24px 0;}
.prdList.interior ul.careCase li .pd dl dd:nth-child(2) {flex: 0 1 100%;}
.prdList.interior ul.careCase li .pd dl dd:nth-child(4) {flex: 1 0 50%;}
.prdList.interior ul.careCase li .pd dl dd.lastPrice {flex:1 0 50%;}
.prdList.interior ul.careCase li .careItem {margin:8px 24px 0; width: calc(100% - 48px);}
/* soldOut */
/* .prdList ul li.soldout::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; background:rgba(0,0,0,.86) url(/kr/event/2025/04/01_lgforme/images/img_soldout.png) no-repeat center; background-size:140px;} */
.prdList ul li.soldout::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; background:rgba(0,0,0,.86) url(/kr/event/2025/06/27_dios_double_door/images/will-sell.png) no-repeat center; background-size:140px;}
/* .prdList ul li.soldoutAll::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; background:rgba(0,0,0,.86) url(/kr/event/2025/04/01_lgforme/images/img_soldout.png) no-repeat center; background-size:140px;} */
.prdList ul li.soldoutAll::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; background:rgba(0,0,0,.86) url(/kr/event/2025/06/27_dios_double_door/images/will-sell.png) no-repeat center; background-size:140px;}
.prdList.landscape ul li.soldout::before {background-size:120px;}
.prdList.landscape ul li.soldoutAll::before {background-size:120px;}
.prdList ul li .typeBtn a.soldout::before {content:'특가 종료'; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; display:flex; justify-content:center; align-items:center; color:#fff; font-size:20px; background:rgba(0,0,0,.8);}
.prdList ul li.soldoutAll .typeBtn .soldout::before {display:none;}
/**/
.skeleton {position: relative; overflow: hidden; z-index: 2; width:100%;}
.skeleton .pd::after { content : ""; width: 100%; height: 100%; position:absolute; top:0; left: 0; z-index: 2;
    background-image: linear-gradient(270deg,
        rgba(255,255,255,0.2),
        rgba(255,255,255,0.1),
        rgba(255,255,255,0.2));
    transform: translateX(-100%);
    animation: skeleton-loader 2s infinite;
}
.skeleton .pd i { display:block;  height:18px;  border-radius:10px;  font-size:0 !important;  overflow:hidden;  background: #e3e3e3;}
.skeleton .pd strong { padding-bottom: 33px !important;}
.skeleton .pd strong em i {width: 50%;}
.skeleton .pd dl {gap: 16px 8px !important;}
@keyframes skeleton-loader{
    0%{
        transform: translateX(-100%);
    }
    100%{
        transform: translateX(100%);
    }
}
@media screen and (max-width: 767px) {
    .prdList {padding:0 calc(48 / 760* 100vw);}
    .prdList ul {grid-template-columns:repeat(2, 1fr); gap:calc(32 / 760* 100vw);}
    .prdList ul li {max-width:none; width:auto;}
    .prdList ul li .pd .img {margin-bottom:calc(24 / 760* 100vw); max-height:calc(296 / 760* 100vw); border-radius:calc(16 / 760* 100vw);}
    .prdList ul li .pd .img img {max-height:calc(220 / 760* 100vw);}
    .prdList ul li .badge {gap:calc(8 / 760* 100vw) calc(12 / 760* 100vw); margin-top:calc(16 / 760* 100vw);}
    .prdList ul li .badge em {padding:calc(4 / 760* 100vw) calc(8 / 760* 100vw); font-size:calc(20 / 760* 100vw); border-radius:calc(8 / 760* 100vw);}
    .prdList ul li .badge + .txt {padding-top:calc(14 / 760* 100vw);}
    .prdList ul li .pd strong {padding-bottom:calc(16 / 760* 100vw); font-size:calc(26 / 760* 100vw);}
    .prdList ul li .pd strong em {padding-top:calc(6 / 760* 100vw); font-size:calc(22 / 760* 100vw);}
    .prdList ul li .pd dl {gap:calc(8 / 760* 100vw) calc(8 / 760* 100vw); padding-top:calc(16 / 760* 100vw);}
    .prdList ul li .pd dl dt {font-size:calc(22 / 760* 100vw);}
    .prdList ul li .pd dl dd {font-size:calc(26 / 760* 100vw);}
    .prdList ul li .pd dl dd.lastPrice em {font-size:calc(28 / 760* 100vw);}
    .prdList ul .typeBtn {gap:calc(16 / 760* 100vw); padding-top:calc(16 / 760* 100vw);}
    .prdList ul .typeBtn a {height:calc(54 / 760* 100vw); gap:calc(14 / 760* 100vw); font-size:calc(22 / 760* 100vw); border-radius:calc(12 / 760* 100vw);}
    .prdList ul .typeBtn a::after {width:calc(9 / 760* 100vw); height:calc(18 / 760* 100vw);}
    .prdList ul.careCase li .careItem {margin-top:calc(8 / 760* 100vw); border-radius:calc(12 / 760* 100vw);}
    .prdList ul.careCase li .careItem dt { height:calc(54 / 760* 100vw); gap:calc(14 / 760* 100vw); font-size:calc(22 / 760* 100vw);}
    .prdList ul.careCase li .careItem dt::after {width:calc(18 / 760* 100vw); height:calc(10 / 760* 100vw);}
    .prdList ul.careCase li .careItem.active dd {padding:0 calc(24 / 760* 100vw);}
    .prdList ul.careCase li .careItem.active dd span {padding-top:calc(10 / 760* 100vw); min-height:calc(80 / 760* 100vw); font-size:calc(19 / 760* 100vw);}
    .prdList.landscape ul {max-width:none; }
    .prdList.landscape ul li {min-height:calc(220 / 760* 100vw); overflow:hidden;}
    .prdList.landscape ul li ~ li {margin-top:calc(32 / 760* 100vw);}
    .prdList.landscape ul li .pd {padding:0 0 0 calc(244 / 760* 100vw);}
    .prdList.landscape ul li .pd .img {width:calc(220 / 760* 100vw);}
    .prdList.landscape ul li .pd .img img {max-height:calc(160 / 760* 100vw);}
    .prdList.landscape ul li .typeBtn {margin-left:calc(244 / 760* 100vw);}
    .prdList.landscape ul li .careItem {margin-left:calc(244 / 760* 100vw);}
    .prdList.landscape ul li .badge {margin-left: calc(244 / 760* 100vw); width: calc(100% - 244px);}
    .prdList.interior ul li {width:calc(460 / 720 * 100vw);}
    .prdList.interior ul li .badge {padding:0 calc(24 / 760* 100vw);}
    .prdList.interior ul li .pcImg {margin-bottom:calc(24 / 760* 100vw);}
    .prdList.interior ul li .pd .txt {display:block; padding:0 calc(24 / 760* 100vw);}
    .prdList.interior ul li .pd dl dd:nth-child(2) {flex: 1 0 100%;}
    .prdList.interior ul li .pd dl dd:nth-child(4) {flex: 1 0 100%;}
    .prdList.interior ul .typeBtn {padding:calc(16 / 760* 100vw) calc(24 / 760* 100vw) 0;}
    .prdList.interior ul.careCase li .pd dl dd:nth-child(2) {flex: 1 0 100%;}
    .prdList.interior ul.careCase li .pd dl dd:nth-child(4) {flex: 1 0 50%;}
    .prdList.interior ul.careCase li .pd dl dd.lastPrice {flex:1 0 50%;}
    .prdList.interior ul.careCase li .careItem {margin:calc(8 / 760* 100vw) calc(24 / 760* 100vw) 0; width: calc(100% - calc(24 / 760* 100vw));}
    /**/
    .skeleton .pd strong { padding-bottom: calc(33 / 760* 100vw) !important;}
    .skeleton .pd strong em i {width: 50%;}
    .skeleton .pd dl {gap: calc(16 / 760* 100vw) calc(8 / 760* 100vw) !important;}
    /**/
    .prdList ul li.soldout::before {background-size:calc(176 / 760* 100vw);}
    .prdList ul li.soldoutAll::before {background-size:calc(176 / 760* 100vw);}
    .prdList.landscape ul li.soldout::before {background-size:calc(156 / 760* 100vw);}
    .prdList.landscape ul li.soldoutAll::before {background-size:calc(156 / 760* 100vw);}
    .prdList ul li .typeBtn a.soldout::before {font-size:calc(22 / 760* 100vw);}
}

/* 기획전 추가된 부분 */
.event-benefit-template .cont-wrap  {position: relative;  max-width: 1380px !important; padding-bottom: 0px !important;}
picture	{position: relative; display: inline-block;}

.btn_area   {width: fit-content; margin: 0 auto;}

.tab_body    {position: relative; width:100%; margin:0 auto;} 
.tab_container   {position: sticky; top: 0; left: 0; display:flex; width:100%; height: 98px; justify-content:center;transition: all 0.2s; opacity: 1; z-index: 90; background-color: white; border-bottom: 2px solid #e6e6e6;}
.tab_container li  { display: inline-block; width: 100%; height: 100%; max-width: 33.3%;} 
.tab_container li:nth-child(1) a  { background: url(/kr/event/2025/06/27_dios_double_door/images/tab00-01-off.png) no-repeat center / 100% 100%;}
.tab_container li:nth-child(2) a  { background: url(/kr/event/2025/06/27_dios_double_door/images/tab00-02-off.png) no-repeat center / 100% 100%;}
.tab_container li:nth-child(3) a  { background: url(/kr/event/2025/06/27_dios_double_door/images/tab00-03-off.png) no-repeat center / 100% 100%;}

.tab_container li:nth-child(1) a.active  { background: url(/kr/event/2025/06/27_dios_double_door/images/tab00-01-on.png) no-repeat center / 100% 100%;}
.tab_container li:nth-child(2) a.active  { background: url(/kr/event/2025/06/27_dios_double_door/images/tab00-02-on.png) no-repeat center / 100% 100%;}
.tab_container li:nth-child(3) a.active  { background: url(/kr/event/2025/06/27_dios_double_door/images/tab00-03-on.png) no-repeat center / 100% 100%;}
.tab_container li a.active::before  {display: none; content: ''; position: absolute; width: 100%; height: 8px; background: black; bottom: -2px; left: 0px;}
.tab_container li a   {position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 0; color: #696969;}


.tab_contents   {position: relative;}
.tab_container li a span   {
    pointer-events: none;
}

.new_cont01 {background: #f8f7f5;}

.cont01-title {
    padding: 85px 0 50px;
}

.new_cont01_tab01 > div:nth-of-type(1),.new_cont01_tab02 > div:nth-of-type(1),.new_cont01_tab03 > div:nth-of-type(1)  {margin-bottom: 58px;}
.new_cont01_tab01 > div:nth-of-type(1) ul,.new_cont01_tab02 > div:nth-of-type(1) ul,.new_cont01_tab03 > div:nth-of-type(1) ul {position: absolute; width: 80%; height: 8.8%; left: 50%; transform: translateX(-50%); max-width: 1000px; top: 23.2%; display: flex;}
.new_cont01_tab01 .new_cont01_tab_ul li,.new_cont01_tab02 .new_cont01_tab_ul li,.new_cont01_tab03 .new_cont01_tab_ul li {cursor: pointer; width: 100%; height: 100%;}

.new_cont01_slide,.new_cont02_slide,.new_cont03_slide   {position: relative; width: 100%; max-width: 1000px; margin: 0 auto;}



.special_price_item {background-color: #F3F1ED; padding-bottom: 7%;}

.special_price_tab  {position: relative; width: 100%; display: flex; justify-content: center; max-width: 765px; margin: 0 auto; gap: 16px; padding: 40px 0 50px 0;}
.special_price_tab li   {width: fit-content; border-radius: 10px; border: 2px solid #cbcbc2; cursor: pointer; color: #696969; background: white; height: 100%; padding: 13px 16px;}
.special_price_tab li.active    {background: #111111; border: 2px solid #1A1A1A; color: #FF6565;}



.special_price_cont01,.special_price_cont02,.special_price_cont03,.special_price_cont04,.special_price_cont05   {
    padding-bottom: 85px;
}
.special_price_cont02 li .pd .txt sup	{display:none;}

.new_cont01_tab {}
.content-section01 .new_cont01_slide .swiper-pagination-bullet {width: calc(14 / 1920* 100vw); height: calc(14 / 1920* 100vw); border-radius: calc(14 / 1920* 100vw);}
.swiper-pagination-bullet-active    {background: black; width: calc(30 / 1920* 100vw) !important;}
.content-section01 .new_cont01_slide .swiper-pagination{bottom: 13% !important;}


.new_cont01_tab .swiper-pagination-fraction,.new_cont01_tab .swiper-pagination-custom,.new_cont01_tab .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 12%;}
.new_cont01_tab .swiper-container   {padding-bottom: 14%;}

.new_cont01_tab .swiper-button-prev,.new_cont01_tab .swiper-container-rtl .swiper-button-next   {left: 4%;}
.new_cont01_tab .swiper-button-next,.new_cont01_tab .swiper-container-rtl .swiper-button-prev   {right: 4%;}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after    {content: '';}

.new_cont01_tab .swiper-slide   {background: no-repeat;}


.new_cont01_tab .swiper-button-next,.new_cont01_tab .swiper-container-rtl .swiper-button-prev   {background-image: url(/kr/event/2025/06/27_dios_double_door/images/btn-arr-40x40-rt.png);}
.new_cont01_tab .swiper-button-prev,.new_cont01_tab .swiper-container-rtl .swiper-button-next   {background-image: url(/kr/event/2025/06/27_dios_double_door/images/btn-arr-40x40-lt.png);}

/* .special_price_benefit  {padding:0 0 85px;} */

.special_price_benefit_toggle   {margin-bottom: 48px;}
.special_price_benefit_toggle div   {position: relative;}
.special_price_benefit_toggle div.close button  {position: absolute; top: 74%; left: 4%; width: 24%; height: 11%;}
.special_price_benefit_toggle div.open button   {position: absolute; top: 36%; left: 4%; width: 24%; height: 7%;}

.special_price_benefit_bottom {padding: 30px 0 48px;}
.special_price_benefit_bottom_close button  {position: absolute; top: 88%; left: 40%; width: 20%; height: 10%;}
.special_price_benefit_bottom_open button  {position: absolute; top: 65.5%; left: 40%; width: 20%; height: 10%;}

.special_price_benefit_bottom_pc   {position: absolute; top: 46.8%; left: 0; width: 100%; height: 17%;}


.new_cont02 {}

.special_price_item_care    {background: #DFDBD9; padding: 85px 0;}
.special_price_item_care_tab_wrap   {width: auto;}
.special_price_item_care_tab    {position: relative; width: 100%; display: flex; justify-content: center; max-width: 765px; margin: 0 auto; gap: 16px; padding: 40px 0 50px 0;}
.special_price_item_care_tab li {display: inline-block; width: fit-content; height: 100%;margin:0.5vw 0; padding: 13px 16px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.30); background: rgba(255, 255, 255, 0.90); color: #696969; cursor: pointer;}
.special_price_item_care_tab li.active  {border: 1px solid black; background: black; color: white;}
                                 
.special_price_app_banner   {position: relative;}
.special_price_app_banner_a1 {
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translateX(-50%);
    width: 30%;
    height: 46%;
}
.special_price_app_banner_a2 {
    position: absolute;
    top: 1%;
    left: 51%;
    width: 33%;
    height: 98.7%;
}
.coupon-pack-list {
    padding: 40px 0;
}
.coupon-pack-btn-area {
    position: relative;
    max-width: 1000px;
    margin: 0 auto 48px;
    padding: 0;
}
.coupon-pack-btn-area picture img{padding: 0;}

.special_price_app_banner .swiper-container	{position: relative; width: 100%;}

.special_price_item_care_wrap   {position: relative;}

.special_price_item_care_cont01 div {position: absolute; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.3% 2.5%; width: 72.5%; height: 100%; left: 13.7%; top: 0;}
.special_price_item_care_cont01 a   {}

.special_price_item_care_cont02 div {position: absolute; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.3% 2.5%; width: 72.5%; height: 100%; left: 13.7%; top: 0;}
.special_price_item_care_cont02 a   {}

.special_price_item_care_cont03 div {position: absolute; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.3% 2.5%; width: 72.5%; height: 100%; left: 13.7%; top: 0;}
.special_price_item_care_cont03 a   {}

.special_price_item_care_cont04 div {position: absolute; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.3% 2.5%; width: 72.5%; height: 100%; left: 13.7%; top: 0;}
.special_price_item_care_cont04 a   {}
                                 
.special_price_item_care_cont05 div {position: absolute; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.3% 2.5%; width: 72.5%; height: 100%; left: 13.7%; top: 0;}
.special_price_item_care_cont05 a   {}


.event_cont02_Q a   {position: absolute; left: 13.8%; top: 52%; width: 72.5%; height: 42.5%;}
.event_cont03   {position: relative;}

.photo-review-event-area {
    background-color: #F7F5F0;
    padding-bottom: 0px;
}
.photo-review-event-area__img {
    padding: 85px 0 50px;
}

.kakao_bottom_bn { position: relative; margin: 0 auto; width: fit-content;}

.kakao_bottom_bn a:nth-of-type(1) { position: absolute; left: 50%; transform:translateX(-50%); top: 35%; width: 72%; height: 45%;}
.kakao_bottom_bn a:nth-of-type(2) { position: absolute; left: 50%; top: 68%; width: 37%; height: 12%; z-index: 1;}


.add-padding-section{padding: 5% 0;  }

                   .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ width: 14px; height: 14px;}              

                   .toggle_area{position: relative;}
                   .toggle_area .off_area a{position: absolute; left:14%; width: 72%; top: 0; height: 40%;}
                   .toggle_area .on_area a{position: absolute; left:14%; width: 72%; top: 0; height: 10%;}
                                 
@media screen and (max-width: 1380px) {
    .special_price_item_care_cont01,
    .special_price_item_care_cont02,
    .special_price_item_care_cont03,
    .special_price_item_care_cont04,
    .special_price_item_care_cont05{
        position: relative;
        display: block;
        width: fit-content;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1380px) {
    .special_price_item_care_cont01 div,
    .special_price_item_care_cont02 div,
    .special_price_item_care_cont03 div,
    .special_price_item_care_cont04 div,
    .special_price_item_care_cont05 div{
        width: 100%;
        left: 0;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1000px) {
    .cont01-title {
        padding: calc(85 / 1000 * 100%) 0 calc(50 / 1000 * 100%);
    }
    .special_price_benefit_bottom {
        padding: calc(30 / 1000 * 100%) 0 calc(48 / 1000 * 100%);
    }
    .coupon-pack-list {
        padding: calc(40 / 1000 * 100%) 0 calc(40 / 1000 * 100%);
    }
    .special_price_tit {
        padding-top: calc(85 / 1000 * 100%);
    }
    .photo-review-event-area__img {
        padding: calc(85 / 1000 * 100%) 0;
    }

    /* .special_price_item_care_cont01 div,
    .special_price_item_care_cont02 div,
    .special_price_item_care_cont03 div,
    .special_price_item_care_cont04 div {
        width: 100%;
        left: 0;
        padding: 0;
    } */
     
    .new_cont01_tab01 > div:nth-of-type(1) ul,.new_cont01_tab02 > div:nth-of-type(1) ul,.new_cont01_tab03 > div:nth-of-type(1) ul { width: 100% !important; }
    .content-section01 .new_cont01_slide .swiper-pagination-bullet {width: calc(14 / 720* 100vw) !important; height: calc(14 / 720* 100vw) !important; border-radius: calc(14 / 720* 100vw) !important;}
}

@media screen and (max-width: 820px)    {
    .slide_wrap {
        width: 100%;
    }
}
@media screen and (max-width: 767px)    {
    body    {
        width: 100%;
    }
    .event-benefit-template    {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .tab_container    {
        top: 45px;
        height: calc(100 / 720*100vw);
    }
    .tab_container li a {
        font-size: calc(0 / 720*100vw);
    }
        
    .tab_container li:nth-child(1) a  { background: url(/kr/event/2025/06/27_dios_double_door/images/tab00-01-off-mo.png) no-repeat center / 100% 100%;}
    .tab_container li:nth-child(2) a  { background: url(/kr/event/2025/06/27_dios_double_door/images/tab00-02-off-mo.png) no-repeat center / 100% 100%;}
    .tab_container li:nth-child(3) a  { background: url(/kr/event/2025/06/27_dios_double_door/images/tab00-03-off-mo.png) no-repeat center / 100% 100%;}

    .tab_container li:nth-child(1) a.active  { background: url(/kr/event/2025/06/27_dios_double_door/images/tab00-01-on-mo.png) no-repeat center / 100% 100%;}
    .tab_container li:nth-child(2) a.active  { background: url(/kr/event/2025/06/27_dios_double_door/images/tab00-02-on-mo.png) no-repeat center / 100% 100%;}
    .tab_container li:nth-child(3) a.active  { background: url(/kr/event/2025/06/27_dios_double_door/images/tab00-03-on-mo.png) no-repeat center / 100% 100%;}

    .hellobar-wrap .tab_container {
        top: 88px;
    }

    .tab_container li a.active::before  {
        display: none;
        height: 4px;
    }
    
    .new_cont01_tab01 > div:nth-of-type(1), .new_cont01_tab02 > div:nth-of-type(1), .new_cont01_tab03 > div:nth-of-type(1)  {width: 86.7%; margin: 0 auto calc(36 / 720*100vw);}
    .new_cont01_tab01 > div:nth-of-type(1) ul, .new_cont01_tab02 > div:nth-of-type(1) ul, .new_cont01_tab03 > div:nth-of-type(1) ul {width: 100%; left: 0;}
  
    .special_price_app_banner .btn_area	{ width: 100%;}
    .special_price_app_banner .swiper-container	{padding-bottom: 15.6%; margin-left: 7%; width: 93%;}
    .special_price_app_banner .swiper-pagination	{bottom: 13%;}
    .special_price_app_banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet	{width: 14px; height: 14px; border-radius: 15px;}
    .special_price_app_banner .swiper-pagination-bullet-active	{background:black; width: 30px !important;}

    .new_cont01_slide, .new_cont02_slide, .new_cont03_slide {width: 86.7%; max-width: 624px;}
    .new_cont01_tab .swiper-container   {padding-bottom: 18%;}
    .new_cont01_tab .swiper-pagination-fraction, .new_cont01_tab .swiper-pagination-custom, .new_cont01_tab .swiper-container-horizontal > .swiper-pagination-bullets   {bottom: 7%;}
    .new_cont01_tab .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        width: calc(14 / 720* 100vw); 
        height: calc(14 / 720* 100vw);
        border-radius: calc(14 / 720* 100vw);
    }
    .new_cont01_tab .swiper-pagination-bullet-active    {width: calc(30 / 720* 100vw) !important;}
    /* .special_price_benefit  {padding: 0 0 42px;} */
    .special_price_benefit_bottom   {padding: 24px 0; width: 86.7%; margin: 0 auto;}

    .special_price_benefit_slide .swiper-container   {padding-bottom: 18%;}
    .special_price_benefit_slide .swiper-pagination-fraction, .special_price_benefit_slide .swiper-pagination-custom, .special_price_benefit_slide .swiper-container-horizontal > .swiper-pagination-bullets   {bottom: 0%;}
    .special_price_benefit_slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        width: calc(14 / 720* 100vw); 
        height: calc(14 / 720* 100vw);
        border-radius: calc(14 / 720* 100vw);
    }
    .special_price_benefit_slide .swiper-pagination-bullet-active    {background: black; width: calc(30 / 720* 100vw) !important;}

    .special_price_benefit_bottom_close button  {top: 90%; left: 0%; width: 25%;}
    .special_price_benefit_bottom_open button   {top: 62%; left: 0%; width: 25%;}

    .mobile.btn_area li{border-radius: 30px;}
    
    .special_price_app_banner{background-color: #F3F1ED;}
    .special_price_app_banner .btn_area.mobile{display: none !important;}
    .add-padding-section{padding: 8.5% 0;  }
    .special_price_app_banner_a1 {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 51%;
        width: 59%;
        height: 48.1%;
        z-index: 1;
    }
    .special_price_app_banner_a2 {
        position: absolute;
        left: 51.4%;
        top: 1%;
        width: 48.5%;
        height: 71.1%;
        z-index: 1;
    }

    .special_price_benefit_slide    {width: 86.7%; margin: 0 auto;}
    .special_price_benefit_slide .swiper-container  {padding-bottom: 7%;}

    .special_price_benefit div.mobile .swiper-container a   {position: relative; width: 100%; left: 0; top: 0; height: auto;}

    .special_price_benefit_toggle   {width: 86.7%; margin: 0 auto 24px;}
    .special_price_benefit_toggle div.close button  {top: 87%; left: 8%; width: 40%; height: 11%;}
    .special_price_benefit_toggle div.open button   {top: 50%; left: 8%; width: 40%; height: 7%;}

    .special_price_cont01, .special_price_cont02, .special_price_cont03, .special_price_cont04,.special_price_cont05 {padding-bottom: 43px;}

    .special_price_tab  {margin-bottom: 20px; max-width: 642px; width: 87.2%; padding: 0; height: 100%; text-align: left; display: inline-block;}
    .special_price_tab li   {padding: 2vw 2vw; font-size: 13px; line-height: 1.2; border-radius: 6px; border: 1px solid #b2b2b2; display: inline-block; position: relative;}
    .special_price_tab li:last-child    {display: flex; justify-content: center; align-items: center; margin-top:5px}

    .special_price_item_care   {padding: 0 0 42px 0;}
    .special_price_item_care_tab   {margin-bottom: 20px; max-width: 642px; width: 90.2%; padding: 0; height: 100%; text-align: left; display: inline-block;}
    .special_price_item_care_tab li {padding: 2vw; border-radius: 6px; background: rgba(255, 255, 255, 0.90); font-size: 13px;}

    .special_price_item_care_cont01,
    .special_price_item_care_cont02,
    .special_price_item_care_cont03,
    .special_price_item_care_cont04,
    .special_price_item_care_cont05{
        max-width: 650px;
        width: 90.3%;
        margin: 0 auto;
    }
    .special_price_item_care_cont01 div,
    .special_price_item_care_cont02 div,
    .special_price_item_care_cont03 div,
    .special_price_item_care_cont04 div,
    .special_price_item_care_cont05 div{
        grid-template-columns: repeat(2, 1fr);
        gap: 0.3% 1.5%;
        width: 100%;
        left: 0;
    }
    
    .event_cont02_Q a   {left: 6.8%; top: 51%; width: 86.5%; height: 43.5%;}
    .benefit-title-2 {
        padding: 24px 0;
        width: 87.7%;
        margin: 0 auto;
    }
    .coupon-pack-btn-area {
        padding: 0 0 calc(60 / 720*100vw) 0;
        width: 87.7%;
        margin: 0 auto;
    }
    .photo-review-event-area	{padding-bottom: calc(0 / 720 * 100vw);}
    .photo-review-event-area__img {
        padding: 0;
    }

    .special_price_tit {
        padding-top: 0;
    }
    .new_cont01_tab01 > div:nth-of-type(1) ul,.new_cont01_tab02 > div:nth-of-type(1) ul,.new_cont01_tab03 > div:nth-of-type(1) ul {left: 50%; top: 19.7%; max-width: 85%; height: 6.8%;}
    .special_price_item {background-color: #F8F7F5; }

	.kakao_bottom_bn { margin: 0 calc(0 / 720 * 100vw) 0;}
    .kakao_bottom_bn a:nth-of-type(1) { top: 35%; width: 88%; height: 47%;}
    .kakao_bottom_bn a:nth-of-type(2)   {left: 50.7%; top: 66%; width: 43.7%; height:17%;}
    .content-section01 .new_cont01_slide .swiper-pagination{bottom: 6% !important;}
    .content-section01 .new_cont01_slide .swiper-pagination-bullet {width: calc(14 / 720* 100vw) !important; height: calc(14 / 720* 100vw) !important; border-radius: calc(14 / 720* 100vw) !important;}
    .content-section01 .new_cont01_slide .swiper-pagination-bullet-active    {width: calc(30 / 720* 100vw) !important;}


    .toggle_area .off_area a{position: absolute; left:7%; width: 86%; top: 0; height: 40%;}
    .toggle_area .on_area a{position: absolute; left:7%; width: 86%; top: 0; height: 5%;}
}