/* BASIC css start */
#content { padding: 0 32%; }
.page-body { background: #ffe9a7; }

#bbsData .bbs-link-btm { margin-top:40px; text-align: center }
#bbsData .bbs-link-btm a { width:228px; height:58px; font-size:16px; line-height:58px }
.bbs-table-write { margin: 0 5%; background: #fff; border: 1px solid #a0a0a0; padding: 2%; }
.bbs-table-write p { text-align: center; margin: 10px 0px; }
.bbs-table-write tbody th, .bbs-table-write tbody td { padding: 0; border-bottom: 0px; }
.bbs-table-write .title { line-height: 25px; }
.bbs-table-write .title .title_select { padding-top:5px }
.bbs-table-write .title .MS_select { margin-bottom:5px }
.bbs-table-write .MS_input_txt { padding:0 0 0 5px; height:31px; line-height:31px; }
.bbs-table-write .MS_select { height:33px; }
.bbs-table-write .myorder { position: relative; }
.bbs-table-write .myorder .input-group { position: relative; display: inline-block; }
.bbs-table-write .myorder .input-group input[type=text]:-ms-clear { display: none; }
.bbs-table-write .myorder .input-group #ordernumclear { position: absolute; right: 6px; top: 0; bottom: 0; width: 33px; height: 14px; margin: auto; font-size: 13px; cursor: pointer; color: #000; text-align: center; }
.bbs-table-write textarea { width:900px; height: 300px !important; }
.bbs-table-write .input_style1 { width:362px; }
.bbs-table-write .input_style2 { width:700px; }
.bbs-table-write .input_style3 { margin-right:0; width:362px; background:#f5f5f5 }

.text_content { *padding:13px 0 13px 2px }

.bbs-table-write .btn_gray,
.bbs-table-write .btn_file { display:inline-block; margin-left:-1px; padding:0 5px; height:31px; font-size:11px; line-height:31px; border:1px solid #e4e4e5; background:#f5f5f5; }

.bonus_submit { background: #fff; border: 1px solid #a0a0a0; padding: 2%; margin: -1px 5% 0; text-align: right; }
.bonus_submit .btn_Blue { background: #3771df; color: #fff; font-size: 1.25em; line-height: 1.5em; font-weight: 500; padding: 4% 5%; border-radius: 9px; display: inline-block; }

.capcha_tit { background: #3771df; color: #fff; font-size: 1.25em; line-height: 1.5em; font-weight: 500; padding: 5%; }
.capcha_tit h1 { color: #fff; font-size: 1.5em; line-height: 1.5em; font-weight: 600; }

.agent_tit { background-image:url('https://mothersall.img6.kr/event_notice/vitagumi_trial/agent_vitagumi_top_background.jpg'); background-size: 100%; padding-top: 10%;}
.agent_tit .momsbounce { margin-bottom: 10%; }
.agent_tit .momsbounce img { width: 80%; margin: 5% 10%; }
.bounce-up { animation: bounceUp 3s infinite; }
.bounce-down { animation: bounceDown 3s infinite; }

/* 위로 움직이는 애니메이션 */
@keyframes bounceUp {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}

/* 아래로 움직이는 애니메이션 */
@keyframes bounceDown {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(6px);
    }
}

.agent_vitagumi_toon { background: #000; z-index: 1; margin: -10% auto 0; }
.agent_vitagumi_toon img { width: 100%; }
.agent_vitagumi_toon p { text-align: center; color: #fff; line-height: 1.5em; }
.agent_vitagumi_toon > p { border: 1px solid #fff; border-radius: 99px; width: 80%; margin: 0 10%; padding: 2% 0; }
.toon_thumb { display: flex; flex-wrap: wrap; padding: 7% 0; }
.toon_thumb li { width: 46%; margin: 2%; }
.toon_thumb li > p { margin: 2% auto; font-size: 1.25em; font-weight: 600; }

/* Basic modal styles */
.modal {
    display: none; /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

.modal-content {
    position: relative;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    max-width: 30%;
}

.close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
}

.swiper-slide img { width: 100%; }

.bonus_event { padding: 20% 0 5%; }
.bonus_event img:nth-child(1) { width: 80%; margin: 0 10%; }
.bonus_event img:nth-child(2) { width: 70%; margin: 10% 15% 5%; }
.bonus_event img:nth-child(3) { width: 100%; }
.bonus_event img:nth-child(4) { width: 100%; margin-top: 10%; }

.image-select input[type="checkbox"] { display: none; /* 숨김 */ }
.image-select img { width: 100%; }
.image-select ul { display: flex; flex-wrap: wrap; }
.image-select ul li { width: 50%; }

/* 테두리 효과 */
.selected-border {
    border: 3px solid #3771df;
    box-sizing: border-box;
}

/* 모달 팝업 스타일 */
.capchaModal {
    display: none; /* 처음에는 숨김 */
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

.capchaModal-content {
    margin-top: 20%;
    background-color: #fff;
    padding: 40px 20px 20px;
    border-radius: 5px;
    width: 50%;
    max-width: 400px;
    text-align: center;
    position: relative;
    font-size: 1.25em; line-height: 1.5em;
}

.capchaModal .close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
}


.vitagumi_trial_purchase { background: #ffe9a7; padding: 20% 0; }
.vitagumi_trial_purchase img { width: 60%; margin: 0 20%; background: #fff; border-radius: 20px; }
.vitagumi_trial_purchase p { background: #fa9811; color: #fff; font-size: 1.25em; line-height: 1.5em; font-weight: 600; padding: 2% 0; margin: 0 20%; width: 60%; border-radius: 20px; text-align: center; }


/* 개인정보보호정책 동의 */
.privercy-contract textarea { height: 100px; width: 660px; }
.new-privercy-contract p { text-align: left; }

/* 개인정보 수집 이용 */
.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; }


/* BASIC css end */