/* BASIC css start */
#content {padding: 0 300px;}

#hpptr_clvpop { padding: 70px 50px; position:absolute; z-index:500; width:500px; display:none; background-color:#ffffff; border:2px solid #0085cc; border-radius: 25px; margin-top: -300px; margin-left: -70px;}
#hpptr_clvpop img { width: 90%; margin: 0 5%; }
#hpptr_clvpop p { text-align: center; font-size: 1.15em; line-height: 1.75em; padding: 10px 0; }
#hpptr_clvpop a { color:#0085cc; text-align:cetner; }
#hpptr_clvbody {position:absolute;z-index:9;display:block;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;background-color:#000000;left:-100px;top:-80px;}
.hpptr_clvqbtn { width: 150px; position: absolute; z-index:99; cursor:pointer; margin: 260% 0 0 21%; border: 0px; background: none; }
.hpptr_clvhlght {}

.allympic_notice { width: 100%; background-color: #9cd4ea; }
.allympic_notice img { width: 100%; margin: -1px 0 !important; }
.allympic_notice a { margin: 0 !important; }
.minigame_highjump { background-color: #9cd4ea; width: 50% !important; margin: 5% 15% !important; }

.summer24_notice { width: 100%; }
.summer24_notice img { width: 100%; margin: -1px 0 !important; }

.summer_livechat { background-color: #ceb894; margin: 0; padding: 10% 5% 5%; }
.summer_livechat > p { font-size: 1.5em; text-align: center; margin-bottom: 5%; font-weight: 500; }

.bbs-link { font-size:0 }
.bbs-link a { margin:0 2px }
.bbs-link a.delete { padding: 0 3px 0 5px; }
.bbs-link a.reply { padding: 0; }

.bbs-table-view .data-bd-cont { padding: 20px 0 40px 0; color:#8d8d8d }
.bbs-table-view hr { display: block; }

.input-style2 { width: 120px; margin: 0px 5px; }

.list-link { padding:10px 15px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.list-link li { padding:10px 0px }
.list-link li a { color:#828282 }
.list-link span.arrow { padding: 0px 5px 0px 15px; color: #828282; font-weight:bold }
.list-link span.arrow.prev { background: url(/images/d3/modern_simple/common/icon_prev_arrow.gif) no-repeat left 1px }
.list-link span.arrow.next { background: url(/images/d3/modern_simple/common/icon_next_arrow.gif) no-repeat left 1px }

.data-bd-cont .add_info { float: left; border: 1px solid #e5e5e5; width: 97%; padding: 5px 10px; line-height: 150%; margin-bottom: 10px; }
.data-bd-cont .add_title { float: left; width: 30%; font-weight: bold; }
.data-bd-cont .add_content { float: left; width: 70%; }
.data-bd-cont .attach { text-align: center; margin-bottom: 10px; }

/* 관련 상품 목록 */
.fixed-img-collist { margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;}
.list-tit { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;}
.fixed-img-collist ul { padding:15px 11px 0;}
.fixed-img-collist ul li { float:left; padding:0 10px 15px; text-align:center;}
.fixed-img-collist ul li a { display:block; width:150px; font-size:11px; color:#9d9d9d;}
.fixed-img-collist ul li a span.prd img { width:142px; height:142px; margin-bottom:8px; padding:3px; border:1px solid #d8d8d8;}
.fixed-img-collist ul li p { padding:1px; font-size:11px; color:#666; font-weight:bold;}
/* 상품 상단 정보 */
.prd-tinfo { margin-top:10px; zoom: 1; overflow: hidden; padding:20px 0 20px 107px; border:1px solid #e4e4e5 }
.prd-tinfo dt,
.prd-tinfo dd { position: relative; float: left; }
.prd-tinfo dt { left: -87px; margin-right: -87px; width:70px; height:70px }
.prd-tinfo dt img {  width: 100%; height: 100%; }
.prd-tinfo dd { width: 100%;  }
.prd-tinfo dd ul {  }
.prd-tinfo dd ul li { padding-top:14px }
.prd-tinfo dd ul li .tit { font-weight:bold }
/* 개인정보보호정책 동의 */
.privercy-contract textarea {  height: 60px; width: 660px; }
.privercy-contract-tap { height:30px; }
.privercy-contract-tap li a { padding: 7px 10px; }
/* 개인정보 수집 이용 */
.privercy-contract .tbl { width:100% !important; padding:0; margin:0; border-spacing:0; border-collapse:collapse; border-top: 1px solid #dadada; border-left: 1px solid #dadada; }
.privercy-contract .tbl caption { display:none; }
.privercy-contract .tbl th { line-height:32px; color: #3b3b3b; font-size:12px; font-weight:bold; background: #f0f0f0; text-align:center; }
.privercy-contract .tbl th,
.privercy-contract .tbl td { height:32px; padding:0; margin:0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; letter-spacing:-1px }
.privercy-contract .tbl td .txt-l { padding:5px 3px; margin:0; text-align:left; }

.bbs-table-view .btn-report { display:block; text-align:right; color:#9d9d9d; font-size:11px; }
.writer .btn-member-declare {display:inline-block; width:12px; height:13px; margin:-4px 0 0 5px; text-indent:-9999px; background:url(/images/d3/modern_simple/btn_declare_icon_pc.png) 0 0 no-repeat;}

.comment-list .com-name .btn-member-declare {display:inline-block; width:14px; height:17px; margin:-4px 0 0 5px; text-indent:-9999px; background:url(/images/d3/modern_simple/btn_declare_icon_2x.png) 0 0 no-repeat; background-size:14px 17px;}
.comment-box .reporting {padding: 5px 0;}
.comment-box .reporting span {display: inline-block; padding-left: 15px; background: url(/images/d3/modern_simple/ico_reciew_reporting_h17_pc.png) left 3px no-repeat; color: #808080; font-size: 11px; background-size:10px 10px;}
.comment-box .reporting a {display: inline-block; padding: 0; font-size: 11px; color: #999999;}


.verticalimg { width: 80%; }
.verticalimg50 { width: 50%; }
.verticalimg30 { width: 30%; }


.winter24_main { overflow-x: hidden; }
.winter24_main img { width: 100%; }

.winter24_tit { background-image:url('https://mothersall.img6.kr/event_notice/winter24/main_tit_back.jpg'); background-size: 100%; padding-bottom: 20%; }

.winter24_guide { margin: 25% 5% 5%; }

.bookmark { margin: 0 auto; text-align: center; }
.bookmark img { width: 49%; margin: 0; display: inline-block; }

.swiper-slide img { width: 100%; }
.swiper-container_gift { width:130%; overflow: hidden; padding: 0 17%; }

.minigame_gift { background: #0a356c; padding: 7% 0; }
.minigame_gift p { font-size: 1.25em; line-height: 1.5em; color: #fff; font-weight: 500; text-align: center; }

.winter24_minigame { background-image:url('https://mothersall.img6.kr/event_notice/winter24/main_minigame_back.jpg'); background-size: 100%; padding: 10% 0 0; }
.winter24_minigame > .bookmark { padding: 0 4%; }
.winter24_minigame p { font-size: 1.25em; line-height: 1.5em; color: #0a356c; font-weight: 500; text-align: center; }

.kakao_landing { background: #1b1b1b; padding-bottom: 10%; }
.red_btn { margin: 0 5%; padding: 3% 0; width: 90%; background: #b42129; display: inline-block; border-radius: 9px; font-size: 1.25em; line-height: 1.5em; color: #fff; font-weight: 700; text-align: center; }


.video-in-notice_reels { text-align: center !important; justify-content: center !important; align-items: center !important; margin: o auto; }


/* 모달 스타일 */
.modal { 
    display: none; /* 숨김 상태 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; height: 100%; 
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content {
    border-radius: 10px; border: 0px solid #fff;
    max-width: 50%; 
    text-align: center;
}

.modal-content img { width: 100%; border-radius: 7px; }

.modal .close {
    position: absolute;
    float: right; top: 10%; right: 38%;
    font-size: 1em;
    cursor: pointer;
    color: #000; font-weight: 700;
    background-color: #fff; border-radius: 99px; padding: 1%;
}


.all25_ep { background: #000; padding: 0 25%; }
.all25_ep img { width: 100%; }
.all25_ep p { color: #fff; font-size: 1.25em; line-height: 1.75em; text-align: center; }

.all25_ep_bn, .all25_ep_game { margin: 5% 5% 15%; display: grid; grid-template-columns: 1fr 1fr; /* 두 칸을 동일한 너비로 */ gap: 16px; /* 칸 사이 간격 (선택) */ }


.swiper-container { width: 100%; height: 100%; padding: 3% 0; }
.swiper-slide { }
.swiper-slide > img { }

.all_prd_slide { background: #1b1b1b; padding: 10% 0; }
.all_prd_slide > p { text-align: left; background: #e61874; padding: 1% 5%; border-radius: 99px; display: inline-block; margin: 7% 0 3% 5%; }
.all_prd_slide > span { color: #fff; margin-left: 2%; }

.swiper-container-bio .swiper-wrapper, .swiper-container-nutrition .swiper-wrapper { padding-left: 5%; }

.swiper-container-gift .swiper-wrapper { padding: 3% 10% 15% 20%; }
.swiper-container-gift img { width: 100%; }

.all25_ep_game img { border-radius: 9px; }


.all25_ep_catchmind { background: #1b1b1b; padding: 10% 0; }
.all25_ep_catchmind > div { background: #ffc2dc; margin: 7% 4%; padding: 7% 5%; border-radius: 12px; }


    #scratch-container {  margin: 5% 0 1%;
      position: relative;
      width: 100%;
      touch-action: none;
    }
    #catchmind-img { width: 100%; display: block; }
    canvas { width: 90%; height: 90%; margin: 3% 4% 3% 6%;
      position: absolute;
      top: 0;
      left: 0;
      pointer-events: auto;
    }
    
    
.all25_ep_catchmind button { width: 60%; margin: 0 20%; border: none; background: none; padding: 0; }
button#imageToggleBtn img {
  display: inline-block;
}
/* BASIC css end */