@charset "UTF-8";

.container {position:relative; z-index:0;}
.container, header + #bo_wrap {flex:1; padding-top:260px;}
.container.up, header.up + #bo_wrap {padding-top:205px;}
.contents {padding:0 0 100px;}


/* 공통 모달 기본 스타일 */
.modal_popup {display:none; position:fixed; top:50%; left:50%; padding:1.5rem 0; width:430px; transform:translate(-50%, -50%); background:#fff; border-radius:30px; box-shadow:0 5px 15px rgba(0,0,0,0.3); z-index:1000;}
.modal_popup.show {visibility:visible;}
.modal_overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:999;}
.modal_content {padding:0 1.1rem; text-align:center;}
.modal_bottom {padding:0 1.3rem;}
.modal_bottom.flexs {display:flex; gap:2%}
.modal_bottom a, 
.mm_info_object .modal_bottom button.submitBtn {display:block; width:100%; height:50px; line-height:50px; font-size:1.1rem; font-weight:600; color:#fff; text-align:center; border-radius:15px;}
.modal_bottom.flexs a {width:100%;}
.mm_info_object .modal_bottom button.submitBtn { background:#ff4040; order:2; cursor:pointer;}
.modal_bottom a.btn_close { background:#1c1c1c; order:1;}
.modal_popup .mm_info_object .frm_box {padding:1.5rem 1.3rem 1rem; width:100%;}
.modal_popup .mm_info_object .frm_box input {width:100%; min-width:100%;}
.modal_popup .mm_info_object .frm_box input#frm_name2 {margin-bottom:8px;}
.modal_popup .mm_info_object .agree_box {padding:0 1.3rem 1.5rem; width:100%;}
#modalPopupInquiry {display:none; transform:none; top:auto; bottom:13rem; right:-430px; left:auto; width:320px; border-radius:25px; transition:right .35s ease;}
#modalPopupInquiry.is-up {bottom:19rem;}
#modalPopupInquiry.show {right:1rem;}
#modalPopupInquiry .modal_bottom a.btn_close {display:none;}
.modal_popup .tit_topic {margin-bottom:0; font-size:20px; font-weight:700;}
.modal_call_banner {display:block; margin:1rem 1rem 0; padding:1.5rem 1rem 8rem; text-align:center; border-radius:15px;
  background: #EBEBF1;
  background: url("../img/main/img_call_banner.png") no-repeat center 4.5rem/70%,
              linear-gradient(140deg, rgba(235, 235, 241, 1) 0%, rgba(240, 245, 249, 1) 100%);

}
.modal_call_banner > * {display:block;}
.modal_call_banner span {font-size:14px; font-weight:400;}
.modal_call_banner strong {font-size:32px; font-weight:800; color:#ff4040;}


/* model pup chk */
.modal_content .item_flex {padding:0 0 1rem;}
.modal_content .item_flex .item:first-child {margin-bottom:10px;}
.modal_content .item_flex .item input {width:100%; color:#000; border:1px solid #ccc; border-radius:8px;}
.modal_content .agree_box {padding:0 0 2rem;}
.modal_content .col_allchk, .mm_info_object .agree_grups .col {display:flex; align-items:center;}
.modal_content .agree_grups {padding:.5rem 0 0 0;}
.modal_content .agree_grups .col {display:flex; margin:.8rem 0 0; width:100%;}
.modal_content .btn_toggle, .mm_info_object .agree_grups .col .btn_view {margin-left:auto;}
.modal_content .btn_toggle {position:relative; padding-right:1.1rem; font-size:.95rem; font-weight:500;}
.modal_content .btn_toggle::after {position:absolute; right:2px; top:7px; content:''; width:6px; height:6px; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(-45deg); transition:.2s ease;}
.modal_content .btn_toggle.on::after {top:3px; transform:rotate(136deg);}
.modal_content .agree_grups .col .btn_view {display:block; margin-left:auto; padding:.2rem .5rem; font-size:.85rem; border-radius:5px; font-weight:500; background-color:#cbcbcb;}

/* model pup email chk */
#modalPopupAgree3 .scroll_box {height:auto;}

/* scroll bar width */
.scroll_box {margin-bottom:2rem; height:55vh;}
.simplebar-scrollbar:before {background-color: rgba(0,0,0,0.5); border-radius:3px;}
/* scroll bar width */
.simplebar-scrollbar {width:6px; height:6px;}


/*
-------------------------------------------------------------------------------------------*/
#bo_wrap .summ_list_box {display:flex; align-items:center; gap:3rem; flex-wrap:wrap; }
#bo_wrap .summ_list_box .item {display:flex; justify-content:center; width:calc((100% - 6rem) / 3); border-radius:15px; overflow:hidden;}
#bo_wrap .summ_list_box .item > a {width:100%;}
#bo_wrap .summ_list_box .item .img {display:block; height:215px; border-radius:15px; overflow:hidden;}
#bo_wrap .summ_list_box .item .img img {transition:transform 0.35s ease;}
#bo_wrap .summ_list_box .item .img:hover img {transform:scale(1.04);}

.ev-thumb {width:100%; height:100%; object-fit:cover; transition:transform 0.35s ease;}
.ev-card:hover .ev-thumb {transform:scale(1.04);}


.event_meta {display:flex; justify-content:space-between; align-items:center; padding:20px 0; border-top:3px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.event_meta > * {font-size:18px;}
.event_meta .date {font-size:30px; font-weight:500; color:#333;}
.event_meta strong {font-size:16px; color:#6e6e6e; font-weight:400;}
.event_meta .status {font-weight:700;}
.event_meta .status.ing {color:#e52e2a;}
.event_meta .status.end {color:#666;}
.event_meta .status.ready {color:#2979ff;}
#bo_v .topic_event {margin-bottom:0;}
#bo_v .event_meta {margin-top:0;}
#bo_v .event_box {padding:52px 0;}
.list_contents {padding:20px 0;border-bottom:1px solid #e8e8e8;}
.list_view_contents {padding:20px; text-align:left; font-size:18px; border-bottom:1px solid #e8e8e8;}
.list_view_contents .txt_view_cont {min-height:100px;}
.list_answer_contents {margin-top:30px; padding:20px; text-align:left; font-size:18px; border-radius:10px; background-color:#f6f7f9;}

.review_note_box {display:flex; flex-wrap:wrap; align-items:flex-start; gap:30px 20px; justify-content:flex-start; padding:60px 0 0;}
#bo_wrap .review_note_box .item {margin-bottom:0; width:calc((100% - 60px) / 4); min-width:auto; flex-direction:column;}
#bo_wrap .review_note_box .item a {position:relative;}
.review_note_box .item .img {height:250px; border-radius:25px 25px 0 0; overflow:hidden;}
.review_note_box .item .img img {display:block; width:120%;}
.review_note_box .review_cont_box {padding:20px 10px; min-height:165px; border-bottom: 1px solid #e8e8e8;}
.review_note_box .review_info {display:flex; align-items:center; justify-content:space-between; margin:0 0 10px;}
.review_note_box .review_info .review_star {display:flex; font-size:18px; color:#eb0c12;}
.review_note_box .review_info .review_name {font-size:16px; color:#6e6e6e;}
.review_note_box .review_tit {display:block; margin-bottom:10px; font-size:18px; font-weight:600; text-align:left; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.review_note_box .review_desc {font-size:16px; color:#6e6e6e; line-height:1.3; flex:1; text-align:left; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; word-break:keep-all;}
#bo_v .contents {text-align:left;}
#bo_v .contents img {display:block; width:100%;}
.note_box .topic_event {margin-bottom:0;}
.note_box .date {font-weight:500;}
.note_box .contents {padding:50px 20px;}
#bo_wrap .review_note_box .view_product {position:absolute; top:1rem; right:1rem; padding:5px 10px; min-width:75px; font-size:13px; color:#fff; border-radius:20px; background-color:#947fae;}
.view_date .review_star {display:flex; align-items:center;}

/* 페이징 */
.sound_only, .msg_sound_only { display: none; }
.bo_paging {padding:50px 0 164px;}
.pg_wrap {display:flex; align-items:center; justify-content:center; gap:20px; text-align:center;}
.pg {display:flex; align-items:center; gap:1rem; text-align:center;}
.pg_page, .pg_current {display:flex; align-items:center; justify-content:center; padding:10px 0; width:30px; font-size:18px; font-weight:400; color:#737373; border-bottom:1px solid #fff;}
.pg_current {color:#714bdb; font-weight:700; border-bottom:1px solid #714bdb;}
.pg_page {color:#999; height:20px; width:20px; text-decoration:none; border-radius:5px; border:1px solid #fff;}
.pg_start {text-indent:-999px; overflow:hidden; background:url('../img/sub/btn_first.png') no-repeat center;}
.pg_prev {text-indent:-999px; overflow:hidden; background:url('../img/sub/btn_prev.png') no-repeat center;}
.pg_end {text-indent:-999px; overflow:hidden; background:url('../img/sub/btn_end.png') no-repeat center;}
.pg_next {text-indent:-999px; overflow:hidden; background:url('../img/sub/btn_next.png') no-repeat center;}
.faq_paging .pg_wrap {margin:0 auto;}


.topic_event.sing, .topic_event.notice, .topic_event.qna {margin-bottom:0;}
#bo_btns.btn_sing_box {display:flex; align-items:center; justify-content:center; margin-bottom:40px; padding:20px 0; background-color:#f7f7f7;}
#bo_btns.btn_sing_box .btn_box {position:relative;}
#bo_btns.btn_sing_box .btn_box .btn_sing {position:absolute; left:30px; bottom:0; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-width:300px; min-height:50px; font-size:20px; color:#fff; border:0; border-radius:10px; background-color:#eb0c12; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);}
#bo_btns.btn_sing_box .btn_box .btn_sing::before {content:""; width:16px; height:16px; background:url('../img/sub/ico_sing_review.png') no-repeat 0 0;}

#bo_btns.view_bottom_box {display:flex; align-items:center; justify-content:space-between; margin:50px 0 164px;}
#bo_btns.view_bottom_box .lt {display:flex; align-items:center; gap:20px;}
#bo_btns.view_bottom_box.cnt {justify-content:center;}
#bo_btns.view_bottom_box a, 
#bo_btns.view_bottom_box button {display:inline-flex; align-items:center; justify-content:center; padding:0; min-width:120px; min-height:45px; font-size:16px; color:#fff; font-weight:700; border-radius:35px; background-color:#000;}
#bo_btns.view_bottom_box a.btn_sing,
#bo_btns.view_bottom_box button.btn_sing {color:#fff; border:0; background:#000;}
#bo_btns.view_bottom_box a.rt {margin-left:auto;}
#bo_btns.view_bottom_box a.gray,
 #bo_btns.view_bottom_box button.gray {color:#333; background-color:#f1f1f1;}
#bo_btns.view_bottom_box.faq_bottom {margin-bottom:100px; border-top:none;}
.fmg_rt {margin-left:auto;}


.tb_view {width:100%; table-layout:fixed;}
.tb_view thead th, .tb_view tbody th, .tb_view tbody td {padding:10px; text-align:left; line-height:1.3; font-size:18px; font-weight:500; color:#333; vertical-align:middle; border:1px solid #c4c4c4; border-width:0 0 1px 1px;}
.tb_view thead th:first-child, .tb_view tbody th:first-child {border-left:0;}
.tb_view tbody td.red {color: #EC1B23; text-align: right; padding-right: 15px; }
.tb_view tbody td.blue {color: #008BB7; text-align: right; padding-right: 15px; }
.tb_view thead th, 
.tb_view tbody th {text-align:center; background-color:#f7f7f7;}
.tb_view tbody td input {width:100%; height:45px; border-radius:10px; border:1px solid #d9d9d9;}
.tb_view tbody td .in_phone {display:flex; align-items:center; gap:5px;}
.tb_view tbody td .in_phone select {width:50%; height:45px; border-radius:10px; border:1px solid #d9d9d9;}
.tb_view tbody td .in_phone input {text-align:center;}
.cke_sc {display:none;}
.tb_view tbody td.td_secret input {width:calc(100% - 58%);}
.tb_view tbody td.td_secret .secret_box {display:inline-flex; align-items:center; gap:3px; margin-left:10px; width:auto; font-size:15px;}
.tb_view tbody td.td_secret .secret_box input {width:15px; height:15px;}

#bo_privacy {text-align:left;}
#bo_privacy .chk_box {display:flex; align-items:center; gap:5px; padding:20px; width:100%; font-weight:600;}
#bo_privacy .chk_box span {font-size:18px; font-weight:600;}
#bo_privacy .chk_box input {width:20px; height:20px; border:2px solid #333; border-radius:50px;}
#bo_privacy ul {}
#bo_privacy ul li {position:relative; margin-bottom:10px; padding:15px 20px; border:1px solid #d9d9d9; border-radius:10px;}
#bo_privacy ul li .title i {position:absolute; right:0; top:1px; width:52px; height:52px; cursor:pointer;}
#bo_privacy ul li .title i::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform:translate(-50%, -50%) rotate(45deg);
}
#bo_privacy ul li .chk_box {margin-bottom:0; padding:0;}
#bo_privacy ul li .chk_box span {font-weight:400;}
#bo_privacy ul li .con {margin-top:20px; padding:20px; font-size:16px; border-radius:10px; background-color:#f6f7f9;}
#bo_privacy ul li .con p.tit {padding:15px 0 5px; font-weight:600;}
#bo_privacy ul li .con table {width:100%; border-top:2px solid #000}
#bo_privacy ul li .con table th,
#bo_privacy ul li .con table td {padding:10px; font-size:16px; border-bottom:1px solid #ddd;}
#bo_privacy ul li .con table th {width:25%; background-color:#f8f8f8;}
#bo_privacy ul li .con { display: none; }
#bo_privacy ul li.on .con { display: block; }
#bo_privacy ul li .title i.on { display:none;}
#bo_privacy ul li .title i.on::before {transform:translate(-50%, -50%) rotate(-135deg);}
#bo_privacy ul li .title i.off { display:block; }
#bo_privacy ul li.on .title i.on {display: block;}
#bo_privacy ul li.on .title i.off {display: none; }

/* 기본 체크박스 숨기기 */
#bo_privacy .chk_box input[type="checkbox"] {display:none;}
#bo_privacy .chk_box b,
#bo_privacy ul li b {display:inline-block; width:24px; height:24px; background:url('../img/sub/in_chk.png') no-repeat center / contain; vertical-align:middle; cursor:pointer;}
#bo_privacy .chk_box input[type="checkbox"]:checked ~ b {background: url('../img/sub/in_chk_on.png') no-repeat center / contain;}
.inquiry_field.is-error {
    border-color: #ff4d4d !important;
    box-shadow: 0 0 0 3px rgba(255, 77, 77, .12) !important;
}

.top_line {border-top:3px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}



.notice_banner_box {display:flex; align-items:center; min-height:250px; text-align:left; background-color:#f7f7f7;}
.notice_banner_box .inner {padding:2rem 0; background:#f7f7f7 url('../img/sub/img_banner_notice.png') no-repeat right center;}
.notice_banner_box strong {font-size:50px; font-weight:700; color:#e52e2a;}
.notice_banner_box p {margin-top:5px; line-height:1.4; font-size:22px; color:#333; font-weight:400;}
.notice_box #bo_v {border-top:0}
.notice_box #bo_v > .title {padding:0; border-bottom:0;}
.notice_box .event_meta strong {font-size:16px; color:#666;}
.notice_box .contents {padding:50px 20px;}
.notice_wrap,
.faq_wrap {padding:67px 0 0;}

.notice_object {margin:60px 0; border-top:3px solid #e8e8e8;}
.notice_object li {border-bottom:1px solid #e8e8e8;}
.notice_object li.is_notice {background-color:#f6f7f9;}
.notice_object li a {padding:20px; display:flex; align-items:center; justify-content:space-between; font-size:18px; font-weight:500; color:#333;}
.notice_object li.notice {background-color:#f7f7f7;}
.notice_object li .tit {display:flex; align-items:center; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; gap:10px;}
.notice_object li .tit .tip, .event_meta .date .tip {display:inline-flex; align-items:center; justify-content:center; margin-right:20px; width:100px; height:30px; color:#e52e2a; border:1px solid #e52e2a; border-radius:5px; background-color:#fff;}
.notice_object li a .date {font-size:16px; color:#6e6e6e; font-weight:400;}
.notice_badge {display:flex; align-items:center; justify-content:center; padding:1px 10px; height:27px; font-size:14px; color:#fff; font-weight:700; border-radius:5px; background-color:#714bdb;}


.faq_wrap {padding:67px 0 0;}
.faq_wrap .topic_event.faq {margin-bottom:0; border-bottom:0;}
.faq_swiper .swiper-slide {flex:1;}
.faq_swiper .swiper-wrapper {display:inline-flex; justify-content:center; gap:10px; margin:60px 0 30px; width:70%;}
.faq_swiper .swiper-wrapper li {flex:1;}
.faq_swiper .swiper-wrapper li a {display:flex; align-items:center; justify-content:center; padding:10px; font-size:18px; font-weight:700;}
.faq_swiper .swiper-wrapper li#bo_cate_on a {position:relative; border-bottom: 2px solid transparent; border-image: linear-gradient(90deg, #5d61fc, #ad72f6) 1; background: linear-gradient(90deg, #5d61fc, #ad72f6);
-webkit-background-clip:text; -webkit-text-fill-color:transparent; text-align:left;}
.faq_swiper .swiper-wrapper li:not(.swiper-slide-active):hover a {border-color:var(--primary); color:var(--primary);}
.faq_wrap #bo_sch {position:relative;}
.faq_wrap #bo_sch .in_search {position:relative; padding:0 50px 0 10px; width:620px; height:50px; font-size:16px; border:1px solid #d9d9d9; border-radius:10px; }
.faq_wrap #bo_sch .in_search::placeholder {color:#c9c9c9;}
.faq_wrap #bo_sch .btn_search {position:absolute; right:0; top:0; display:block; width:50px; height:50px; font-size:0; text-indent:-9999px; background:url("../img/sub/btn_search.png") no-repeat 0 0; cursor:pointer;}

.faq_wrap #bo_list {padding:0; width: 100%; border-top: 3px solid #e8e8e8;}
.faq_wrap #bo_list .faq_head {display:flex; align-items:center; padding:20px; gap:20px; border-bottom:1px solid #e8e8e8;}
.faq_wrap #bo_list .faq_head span {font-size:20px; font-weight:700; color:#333; text-align:center;}
.faq_wrap #bo_list .faq_head .category {width:10%;}
.faq_wrap #bo_list .faq_head .title {width:90%;}
.faq_wrap #bo_list > div { width: 100%; }
.faq_wrap #bo_list > .item {display: block !important; margin-bottom:0; text-align:left; border-bottom:1px solid #e8e8e8;}
.faq_wrap #bo_list > .item > p {width: 100%;}
.faq_wrap #bo_list > .item > p > b {width:10%; font-size:18px; font-weight:500; color:#333; text-align:center;}
.faq_wrap #bo_list > .item > p > i {position:absolute; right:0; top:1px; width:60px; height:60px; cursor:pointer;}
.faq_wrap #bo_list > .item > p > i.on { opacity: 0; color: #EC1B23; }
.faq_wrap #bo_list > .item > p > i.off { opacity: 1; }
.faq_wrap #bo_list > .item > p.q {position:relative; display:flex; align-items:start; gap:20px; padding:20px 60px 20px 20px; font-size:18px; font-weight:500; color:#333; cursor: pointer; }
.faq_wrap #bo_list > .item > .a {padding:0 20px 20px; width:100%; font-weight:400; font-size:18px; line-height:1.5; display:none;}
.faq_wrap #bo_list > .item > .a > .a_cont {padding:20px 20px 20px 130px; border-radius:10px; background-color:#f6f7f9 !important;}
.faq_wrap #bo_list > .item > .a > .a_cont > * {margin-bottom:8px; color:#333; font-size:18px; font-family: var(--font-kr) !important; background-color: transparent !important;} 
.faq_wrap #bo_list > .item > .a > .a_cont p:last-child {margin-bottom:0;}
.faq_wrap #bo_list > .item.on > p.q > i.on { opacity: 1; }
.faq_wrap #bo_list > .item.on > p.q > i.off { opacity: 0; }
.faq_wrap #bo_list > .item.on > .a { display: block; }
.faq_wrap #bo_list.revivew {display: flex; flex-wrap: wrap; gap: 24px; border-top:none;}
.faq_wrap #bo_list.revivew > .item {width: calc(50% - 12px); box-sizing: border-box;}
.faq_wrap #bo_list > .item > p > i::before {content:""; position:absolute; top:50%; left:50%; width:8px; height:8px; border-right:2px solid #000; border-bottom:2px solid #000; transform:translate(-50%, -50%) rotate(45deg);}
.faq_wrap #bo_list > .item > p > i.on::before {transform:translate(-50%, -50%) rotate(-135deg);}
.faq_wrap #bo_list .item {display:block;}
.faq_wrap #bo_list .item .a {display:none;}
.faq_wrap #bo_list .item.on .a {display:block;}
.faq_hot_keywords {display:flex; gap:16px; justify-content:center; width:100%; margin-top:15px;}
.faq_hot_keywords a {font-size: 14px; color: #6e6e6e; text-decoration: underline; text-underline-offset:3px;}
.faq_hot_keywords a:hover {color:#5d61fc;}


.qna_object {display:flex; align-items:center; gap:50px; padding:20px; min-height:250px; background-color:#f7f7f7;}
.qna_object .qna_top_box {text-align: left;}
.qna_object .qna_top_box .topic {font-size:28px; font-weight:500;}
.qna_object .qna_top_box .desc {margin:5px 0 14px; font-size:20px; font-weight:400;}
.qna_object .qna_top_box .num {display:flex; align-items:center; gap:30px; font-size:40px; font-weight:700; color:#fd2026;}
.qna_object .qna_top_box .num a {display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:10px 20px; font-size:18px; color:#fff; border-radius:10px; background-color:#333; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.15);}
.qna_object .qna_top_box .num a::before {content:""; width:16px; height:16px; background:url("../img/sub/ico_qna_tel.png") no-repeat 0 0;}

.qna_db_wrap .qna_db_box {margin:0 auto; padding:50px 0; width:500px;}
.qna_db_wrap .qna_db_box .mm_info_object .frm_box input {min-width:100%; border:1px solid #d9d9d9; border-radius:10px;}
.qna_db_wrap .qna_db_box .mm_info_object .frm_box input#frm_name {margin-bottom:20px;}



.sub_dep {padding-right:3.5rem; border-bottom:1px solid #bdbdbd; background-color:#fff;}
.sub_dep ul {position:relative; padding:1.1rem 0; margin:0 auto; width:778px; display:flex;  align-items:center; gap:2rem; z-index:99;}
.sub_dep.jend ul {justify-content:end;}
.sub_dep li {padding:7px 0; text-align:left;}
.sub_dep li a {font-size:18px; font-weight:500; color:#8c8c8c;}
.sub_dep li a:hover, .sub_dep li a.active {color:#ff2228}

.plan_swiper_pagination { display: none; }
.benefit-btn.disabled {color:#a1a1a1; background-color:#f5f5f5; pointer-events:none; cursor:not-allowed;}

.tb_view thead th, .tb_view tbody th {width:150px;}
.bo_password .box {padding:80px 0; border-radius:25px; background-color:#f6f7f9;}
.bo_password .box label {display:block; margin-bottom:20px; font-size:18px; color:#333; font-weight:700;}
.bo_password .box input {width:360px; text-align:center; font-size:16px;}
.bo_password .box input::placeholder {color:#c9c9c9;}
.bo_password .desc {margin-top:15px; font-size:16px; color:#6e6e6e; font-weight:500;}
.qna_list li a .date, .view_date {display:flex; align-items:center; justify-content:end; gap:20px;}
.qna_list li a .date span, .view_date span {font-size:16px; color:#6e6e6e; font-weight:400;}
.view_tit {font-size:18px; font-weight:500;}
.view_tit span {display:inline-flex; width:130px; justify-content:center; font-weight:500;}
/**/
.modal_pup_overlay {display:flex; align-items:center; justify-content:center; height:100vh; background-color:#fafafa;}
.modal_pup_overlay .modal_box {position:relative; padding:20px 30px 40px; width:450px; text-align:left; border-radius:20px; background-color:#fff; box-shadow: 0px 10px 45px rgba(38, 45, 118, 0.08);}
.modal_pup_overlay .modal_box .modal_title {display:block; padding:24px 0 0; font-size:26px; font-weight:700;}
.modal_pup_overlay .modal_box .modal_desc {margin:20px 0; font-size:18px; color:#666; font-weight:500;}
.modal_pup_overlay .modal_box .modal_desc strong {color:#ff2228; font-weight:700;}
.modal_pup_overlay .modal_box .modal_benefit {display:block; margin-bottom:20px; padding:5px 10px; display:flex; align-items:center; justify-content:center; gap:5px; font-size:16px; font-weight:400; border-radius:50px; background-color:#f2f2f2;}
.modal_pup_overlay .modal_box .modal_benefit::before {content:""; width:20px; height:20px; background:url("../img/sub/ico_pup_gift.png") no-repeat 0 0;}
.modal_pup_overlay .modal_box .modal_benefit strong i {font-weight:700;}
.modal_pup_overlay .modal_box .mm_info_object .agree_box {padding:0;}
.modal_pup_overlay .modal_box .mm_info_object .frm_box input {width:100%;}
.modal_pup_overlay .modal_box .mm_info_object .agree_grup {display:block; margin-bottom:20px;}
.modal_pup_overlay .modal_box .mm_info_object .submitBtn {display:block; padding:13px 0; width:100%; font-size:24px; font-weight:700; color:#fff; text-align:center;
border-radius:8px; background:linear-gradient(90deg, #ea0b11, #ff2228); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);}
.modal_pup_overlay .modal_bar_close {position:absolute; top:0; right:0; width:4rem; height:4rem; font-size:1rem; font-weight:800;}


.prodect_detail_box {position:relative; margin-bottom:100px;}
.prodect_detail_box img {display:block; width:100%;}
.btn_homecam_call {position:absolute; bottom:16.7%; left:50%; transform:translateX(-50%); width:30%; height:1%; font-size:0; background:transparent;}

.homecam_service_box {margin:38px 0 20px; padding:50px 19px; border-radius:20px; box-shadow:0px 10px 45px rgba(38, 45, 118, 0.08);}
.homecam_service_box .ico_service_box {display:flex; align-items:flex-start; justify-content:center; gap:60px;}
.homecam_service_box .ico_service_box .ico_box .pr-icon-circle {margin:0 auto 10px; width:70px; height:70px; border-radius:50%; background:#f5f5f5; display:flex; align-items:center; justify-content:center;}
.homecam_service_box .ico_service_box .ico_box .icon-label {font-size:20px; font-weight:300; color:#666;}
.homecam_service_box .info_service_box {display:flex; align-items:center; justify-content:center; gap:5px; margin-top:30px;}
.homecam_service_box .info_service_box .info_box {min-width:400px;}
.homecam_service_box .info_service_box .info_box span {display:block; padding:10px; font-size:30px; color:#333;}
.homecam_service_box .info_service_box .info_box span em {font-weight:700; color:#333;}
.homecam_service_box .info_service_box .info_box strong {display:block; padding:10px; font-size:30px; color:#e42525; font-weight:700; background-color:#fff3f3;}
.homecam_service_box .t_note {padding:8px 0 0; margin:0 auto; width:805px; font-size:13px; color:#666; text-align:right;}
.homecam_service_box .info_price_box {margin-top:30px;}
.homecam_service_box .info_price_box strong {display:block; padding:10px; font-size:30px; color:#e42525; font-weight:700;}
.homecam_service_box .info_price_box .t_note {padding:0; width:100%; text-align:center;}


.brs {display:block; margin:3px 0; color:#797979;}
.faq_wrap .reply {color:#ec1b23;}
.inquiry_badge {font-weight:700;}
.tit_top_caption {display:block; margin-bottom:25px; font-size:40px; font-weight:700; text-align:left;}

/*  */
.sub_top_banner {display:flex;justify-content:space-between; padding:45px 0 35px;}
.sub_top_banner .txt_banner {margin-top:15px;}
.sub_top_banner .txt_banner .tit_top_caption {display:block; margin-bottom:25px; font-size:40px; font-weight:700; text-align:left;}
.sub_top_banner .txt_banner .btn_combine {display:flex; align-items:center; justify-content:center; width:200px; height:50px; font-size:18px; font-weight:700; color:#fff; transition:.5s ease; border-radius:35px; background: linear-gradient(90deg, #5d61fc, #ad72f6);}
.sub_top_banner .txt_banner .btn_combine:hover {box-shadow:0 5px 10px rgba(0,0,0,0.2);}

.tit_catopn {display:block; margin-bottom:35px; font-size:32px; font-weight:700; color:#333; text-align:left;}



/* ===================== SECTION WRAPPER ===================== */
.bundle-title {font-size:22px; font-weight:700; color:#111; margin-bottom:20px;}
.bundle-tab-list {display:flex; gap:10px; border-bottom:1px solid #e0e0e0; margin-bottom:0; list-style:none; flex-wrap:wrap;}
.bundle-tab-btn {background:none; border:none; padding:10px; font-size:20px; font-weight:500; color:#737373; cursor:pointer;  position:relative; white-space:nowrap; transition:color 0.2s;}
.bundle-tab-btn::after {content:''; display:block; height:3px; background:transparent; position:absolute; bottom:-1px; left:0; right:0; transition:background 0.2s;}
.bundle-tab-btn[aria-selected="true"] {color:#7b2ff7; font-weight:700; background: linear-gradient(90deg, #5d61fc, #ad72f6); -webkit-background-clip:text; -webkit-text-fill-color: transparent;}
.bundle-tab-btn[aria-selected="true"]::after {background: linear-gradient(90deg, #5d61fc, #ad72f6);}
.bundle-card-area {padding:20px 0 100px;}
.bundle-card-note {text-align:right; font-size:13px; color:#747474; margin-bottom:10px;}
.bundle-card-grid {display:flex; gap:22px; align-items:stretch; min-height:400px;}
.bundle-card-item {flex:1.7 1 0; min-width:0; border-radius:25px; background:#f6f7f9; position:relative; cursor:pointer; transition:flex 0.45s cubic-bezier(.4,0,.2,1), box-shadow 0.3s; overflow:hidden; outline:none; display:flex; flex-direction:column;}
.bundle-card-item:focus-visible {box-shadow:0 0 0 3px #7b2ff7;}
.bundle-card-item.is-active {flex:2.8 1 0;}
.bundle-card-item__inactive {padding:20px 50px 20px 30px; display:flex; flex-direction:column; height:100%; opacity:1; transition:opacity 0.25s; text-align:left;}
.bundle-card-item.is-active .bundle-card-item__inactive {opacity:0; pointer-events:none; position:absolute; width:100%; height:100%;}
.bundle-card-item__badge {display:inline-block; margin-top:auto; color:#fff; font-size:12px; font-weight:600; border-radius:20px; padding:2px 10px; margin-bottom:7px; width:fit-content; background-color:#acacac;}
.bundle-card-item__inactive-title {font-size:18px; font-weight:500; color:#333; text-align:left;}
.bundle-card-item__inactive-price {font-size:28px; font-weight:700; color:#333; margin-top:10px;}
.bundle-card-item__inactive-price span {font-size:16px; font-weight:700; color:#333;}
.bundle-card-item__active {display:none; position:absolute; inset:0; border-radius:28px; overflow:hidden;}
.bundle-card-item.is-active .bundle-card-item__active {display:block;}
.bundle-card-item__cta-wrap {position:absolute; bottom:0; left:0; right:0; padding-top:2rem; background:linear-gradient(160deg, #ff6b4a 0%, #ff3b30 100%); border-radius:0 0 25px 25px; z-index:1;}
.bundle-card-item__content {position:absolute; top:0; left:0; right:0; bottom:0; background:#f6f7f9; border-radius:25px; padding:40px 20px 32px; display:flex; text-align:left; flex-direction:column; z-index:2; transform:translateY(0); transition:bottom 0.42s cubic-bezier(.4,0,.2,1), border-radius 0.05s linear 0.38s;}
.bundle-card-item.no-transition .bundle-card-item__content {transition:none;}
.bundle-card-item.is-active.cta-visible .bundle-card-item__content {bottom:50px;}
.bundle-card-item__active .bundle-card-item__badge {margin-top:0; margin-bottom:10px; background-color: #fa7757;}
.bundle-card-item__active-title {font-size:18px; font-weight:700; color:#333; margin-bottom:30px; text-align:left;}
.bundle-card-item__speed-row {display:flex; align-items:center; gap:14px; margin-bottom:15px;}
.bundle-card-gauge {position:relative; flex-shrink:0;}
.bundle-card-gauge__center {position:absolute; top:50%; left:50%; transform:translate(-50%, -30%); text-align:center; line-height:1.1;}
.bundle-card-gauge__num,
.bundle-card-icon__num,
.bundle-gauge-speed {font-size:20px; font-weight:700; color:#282828; display:block; line-height:1;}
.bundle-card-gauge__unit,
.bundle-card-icon__unit,
.bundle-gauge-unit {font-size:10px; color:#282828; font-weight:600; display:block; line-height:1;}
.bundle-card-item__plus {font-size:18px; color:#999; font-weight:300;}
.bundle-card-item__wifi {font-size:18px; font-weight:900; color:#222; letter-spacing:-0.5px;}
.bundle-card-item__wifi em {font-style:normal; color:#1452f5;}
.bundle-card-item__price {font-size:30px; font-weight:700; color:#ff3b30; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc}
.bundle-card-item__price span {font-size:16px; font-weight:700; color:#333;}
.bundle-card-item__tags {font-size:14px; color:#fc4d39; font-weight:500; line-height:1.4;}
.bundle-card-item__desc {font-size:14px; color:#333; font-weight:500;}
.bundle-card-item__cta {display:flex; align-items:center; justify-content:center; width:100%; height:50px; background:transparent; border:none; color:#fff; font-size:16px; font-weight:700; cursor:pointer; transition:opacity 0.2s;}
.bundle-card-item__cta:hover {opacity:0.88;}

/* ===================== PRODUCT LIST ===================== */
.bundle-list-area {background:#f1f4f8; padding:70px 0;}
.bundle-list {display:flex; flex-direction:column; gap:20px;}
.bundle-list-item {padding:30px 50px; display:flex; align-items:center; gap:50px; background-color:#fff; border:1px solid #fff; border-radius:25px; box-shadow: 0px 2px 4px rgba(38, 45, 118, 0.1); transition:box-shadow 0.2s;}
.bundle-list-item:hover {border:1px solid #ff3b30; box-shadow:0 4px 18px rgba(0,0,0,0.10);}
.bundle-list-gauge {flex-shrink:0; display:flex; flex-direction:column; align-items:center; gap:4px;}
.bundle-list-info {flex:1; min-width:0; text-align:left;}
.bundle-list-info__sub {font-size:14px; font-weight:500; color:#6e6e6e; margin-bottom:3px;}
.bundle-list-info__name {font-size:20px; font-weight:700; color:#333; margin-bottom:10px;}
.bundle-list-badges {display:flex; gap:6px; flex-wrap:wrap;}
.bundle-badge {display:inline-flex; align-items:center; gap:5px; padding:5px 10px; font-size:13px; color:#737373; border-radius:5px; background:rgba(217, 217, 217, 0.3);}
.bundle-badge svg {width:12px; height:12px;}
.bundle-list-price {text-align:right; flex-shrink:0; min-width:160px;}
.bundle-list-price__original {font-size:14px; color:#acacac; text-decoration:line-through; margin-bottom:7px;}
.bundle-list-price__sale {font-size:18px; font-weight:700; color:#333; margin-bottom:4px;}
.bundle-list-price__sale strong {font-size:24px; font-weight:700; color:#ff3b30;}
.bundle-list-price__sale span {font-size:18px; font-weight:700; color:#ff3b30;}
.bundle-list-price__card {font-size:18px; color:#6e6e6e; font-weight:500;}
.bundle-list-price__card em {font-weight:700; color:#ff3b30;}
.bundle-more-wrap {text-align:center; padding:20px 0 10px;}
.bundle-more-btn {display:inline-flex; align-items:center; gap:6px; font-size:18px; color:#666; font-weight:600; transition:background 0.15s; cursor:pointer;}
.bundle-more-btn:hover {background:#f0f0f0;}
.bundle-more-btn svg {stroke:#333; transition:transform 0.3s;}
.bundle-more-btn svg path { stroke: #25282b; }
.bundle-more-btn.is-open svg {transform:rotate(180deg);}
.bundle-hidden {display:none !important;}

/* ===================== BANNER ===================== */
.bundle-banner {background:linear-gradient(135deg, #9c27b0 0%, #7b2ff7 60%, #b66ef7 100%); padding:36px 48px; display:flex; align-items:center; justify-content:space-between; overflow:hidden; position:relative;}
.bundle-banner__text {color:#fff; z-index:1;}
.bundle-banner__text h3 {font-size:26px; font-weight:800; margin-bottom:6px; line-height:1.3;}
.bundle-banner__text h3 em {font-style:normal; color:#ffe066;}
.bundle-banner__text p {font-size:13px; opacity:0.9;}
.bundle-banner__img {width:120px; height:100px; flex-shrink:0; position:relative; z-index:1;}
.bundle-banner__img::before {content:'💰'; font-size:72px; display:block; text-align:center; line-height:100px;}
.bundle-banner__arrow {position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,0.2); border:none; border-radius:50%; width:36px; height:36px; cursor:pointer; color:#fff; font-size:18px; display:flex; align-items:center; justify-content:center;}
.bundle-banner__arrow--left {left:12px;}
.bundle-banner__arrow--right {right:12px;}

/* ===================== ACCORDION ===================== */
.bundle-accordion-area {margin-bottom:100px; border-top:3px solid #666;}
.bundle-accordion-item {border-bottom:1px solid #e0e0e0;}
.bundle-accordion-btn {width:100%; background:none; border:none; padding:20px; display:flex; align-items:center; justify-content:space-between; font-size:20px; font-weight:500; color:#111; cursor:pointer; text-align:left;}
.bundle-accordion-icon {transition:transform 0.3s; flex-shrink:0; color:#acacac;}
.bundle-accordion-btn[aria-expanded="true"] {background-color:#f9f9f9; }
.bundle-accordion-btn[aria-expanded="true"] .bundle-accordion-icon {color:#000; transform:rotate(180deg);}
.bundle-accordion-panel {overflow:hidden; max-height:0; transition:max-height 0.35s ease; background:#f9f9f9;}
.bundle-accordion-panel.is-open {max-height:1000px;}
.bundle-accordion-content {padding:30px; font-size:13px; color:#333; line-height:1.8;}
.bundle-acc-table {width:100%; border-collapse:collapse; margin-top:12px; border-top:2px solid #acacac;}
.bundle-acc-table th,
.bundle-acc-table td {padding:1rem; text-align:center; color:#333; font-size:18px; font-weight:500; border:1px solid #f9f9f9; border-width:1px 0 0 1px; vertical-align:middle;}
.bundle-acc-table th {background-color:#e0e0e0;}
.bundle-acc-table td {background-color:#fff;}
.bundle-acc-table th:first-child {border-left:0;}
.bundle-acc-table th.lin {border-left:1px solid #f9f9f9;}
.bundle-acc-subtitle {margin-top:30px; font-size:18px; font-weight:500; color:#333; text-align:left;}
.bundle-acc-subtitle:first-child {margin-top:0;}

.bundle-card-gauge__img-wrap,
.bundle-card-icon__img-wrap,
.bundle-gauge-img-wrap {position:relative;}
.bundle-card-gauge__img-wrap img,
.bundle-card-icon__img-wrap img,
.bundle-gauge-img-wrap img {display:block; margin:0 auto;}
.bundle-card-gauge__label,
.bundle-card-icon__label,
.bundle-gauge-label {position:absolute; left:50%; top:50%; transform:translate(-50%, -23%); text-align:center;}

.bundle-accordion-content .acc-text {text-align:left;}
.bundle-accordion-content .acc-text li {display:flex;  gap:5px; margin-bottom:8px; line-height:1.3; font-size:18px;}
.acc-table td.td-note li::before ,
.bundle-accordion-content .acc-text li::before {content: ""; margin-top:10px; width:3px; height:3px; border-radius:50px; background-color:#333;}
.bundle-accordion-content .acc-text li.notice_item::before {content: "※ ";}
.bundle-accordion-content .acc-text .ul_dep {padding-left:10px;}
.bundle-accordion-content .acc-text .ul_dep li::before {content: "- "; margin-top:auto; color:#797979; width:auto; height:auto; background-color:transparent;}
.bundle-accordion-content .acc-text .ul_dep li {color:#797979;}
.bundle-accordion-content .acc-text .ul_dep li:first-child {color:#000;}
.bundle-accordion-content .acc-text .li_dep::before,
.bundle-accordion-content .acc-text .ul_dep li.no::before {content:""; width:0; height:0; background-color:transparent;}
.bundle-accordion-content td.td-note {text-align:left;}
.bundle-accordion-content td.td-note li {display:block; margin-bottom:6px;}



/*  ===================== 배너 ===================== */
.sub-banner {position:relative; padding:108px 0 105px; width:100%;}
.sub-banner .swiper {width:100%; padding-top:45px; height:195px; overflow:hidden;}
.sub-banner__slide {position:relative; width:100%; height:150px; overflow:visible;}
.sub-banner__slide--1 {background:linear-gradient(90deg, #9c2bd0, #d97cd7);}
.sub-banner__slide--2 {background:linear-gradient(90deg, #1e80fe, #44c6e9);}
.sub-banner__slide--3 {background:linear-gradient(90deg, #ff573a, #f8ce44);}
.sub-banner__inner {position:relative; max-width:1200px; height:100%; margin:0 auto; display:flex; align-items:center;}
.sub-banner__content {display:flex; flex-direction:column;  gap:7px; flex:1; text-align:left;}
.sub-banner__title {font-size:40px; font-weight:500; color:#ffffff; line-height:1.2; letter-spacing:-0.045em; white-space:nowrap; opacity:0; transform:translateY(14px); transition:none;}
.sub-banner__title-highlight {color:#ffe55c; font-weight:700; }
.sub-banner__subtitle {font-size:18px; font-weight:500; color:#fff; letter-spacing:-0.02em; line-height:1.4; white-space:nowrap; opacity:0; transform:translateY(12px); transition:none;}
.sub-banner__image-wrap {position:absolute; right:64px; bottom:-8px; display:flex; align-items:flex-end; justify-content:center; pointer-events:none; opacity:0; transform:translateX(22px); transition:none;}
.sub-banner__image {width:100%; height:100%; object-fit:contain; object-position:bottom center; display:block;}
.sub-banner__title.is-animated {transition:opacity 0.55s cubic-bezier(0.22,1,0.36,1) 0.05s, transform 0.55s cubic-bezier(0.22,1,0.36,1) 0.05s; opacity:1; transform:translateY(0);}
.sub-banner__subtitle.is-animated {transition:opacity 0.55s cubic-bezier(0.22,1,0.36,1) 0.16s, transform 0.55s cubic-bezier(0.22,1,0.36,1) 0.16s; opacity:1; transform:translateY(0);}
.sub-banner__image-wrap.is-animated {transition:opacity 0.6s cubic-bezier(0.22,1,0.36,1) 0.1s, transform 0.6s cubic-bezier(0.22,1,0.36,1) 0.1s; opacity:1; transform:translateX(0);}
.sub-banner__image-wrap.is-animated .sub-banner__image {animation:subBannerFloat 3.4s ease-in-out infinite;}
@keyframes subBannerFloat {0% {transform:translateY(0);} 50% {transform:translateY(-7px);} 100% {transform:translateY(0);}}
.sub-banner__nav {position:absolute; top:53%; z-index:2; display:flex; cursor:pointer;}
.sub-banner__nav--prev {left:16px;}
.sub-banner__nav--next {right:16px;}
.sub-banner__nav img {width:100%; height:100%; display:block;}


/* ── Responsive 768px ── */
@media (max-width:768px) {
  .sub-banner .swiper {height:auto; min-height:104px;}
  .sub-banner__slide {height:auto; min-height:104px; padding:16px 0;}
  .sub-banner__inner {padding:0 44px 0 16px;}
  .sub-banner__title {font-size:17px; white-space:normal; word-break:keep-all;}
  .sub-banner__subtitle {font-size:12px; white-space:normal; word-break:keep-all;}
  .sub-banner__image-wrap {width:96px; height:100px; right:42px; bottom:-4px;}
  .sub-banner__content {padding-right:106px;}
  .sub-banner__nav {width:26px; height:26px;}
  .sub-banner__nav svg {width:11px; height:11px;}
  .sub-banner__nav--prev {left:8px;}
  .sub-banner__nav--next {right:8px;}
}

/* ── Responsive 480px ── */
@media (max-width:480px) {
  .sub-banner__title {font-size:14px;}
  .sub-banner__subtitle {font-size:11px;}
  .sub-banner__image-wrap {width:78px; height:82px; right:36px;}
  .sub-banner__content {padding-right:88px;}
  .sub-banner__nav--prev {left:4px;}
  .sub-banner__nav--next {right:4px;}
}


/* ===== Section ===== */
.help-cta {padding:50px 20px 64px; text-align:left;}
.help-cta__title {font-size:30px; font-weight:500; color:#333; margin-bottom:20px; }
.help-cta__grid {display:grid; grid-template-columns:58% 42%; gap:10px;}

/* ===== Left Card ===== */
.help-cta__left {background:#f5f6f8; border-radius:25px 0 0 25px; padding:30px 40px; min-height:270px; display:flex; flex-direction:column; justify-content:space-between; transition:background 0.2s ease;}
.help-cta__left-desc {font-size:24px; color:#333; font-weight:700; line-height:1.6; margin-bottom:50px;}
.help-cta__left-desc strong {display:block; font-size:28px; font-weight:700;}
.help-cta__phone {display:block; margin-bottom:15px; font-size:35px; font-weight:700; letter-spacing:-0.05em; background:linear-gradient(90deg, #5d61fc, #ad72f6); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

/* ===== Form ===== */
.help-cta .mm_info_object {display:flex; align-items:center; gap:13px;}
.help-cta .mm_info_object .frm_box {display:flex; gap:10px; flex-wrap:wrap; align-items:flex-end; margin-bottom:12px;}
.help-cta .mm_info_object .frm_box input,
.help-cta .mm_info_object .frm_box select {flex:1; min-width:90px; width:100%; background-color:transparent; border:none; border-bottom:1px solid #acacac; padding:0; height:30px; font-size:14px; font-weight:700; color:#333; outline:none; transition:border-color 0.2s ease; border-radius:0;}
.help-cta .mm_info_object .frm_box input:focus {border-color:#7468ff;}
.help-cta .mm_info_object .frm_box input::placeholder {color:#acacac;}
.help-cta .mm_info_object .frm_box input[type="date"] {color-scheme:light; min-width:120px;}
.help-cta .mm_info_object .frm_box input#frm_name {margin-bottom:0;}
.in_date_box {flex:2; min-width:200px; display:flex; gap:10px;}
.in_date_box .frm_input {flex:1;}
.help-cta .mm_info_object .frm_box .in_date_box {margin-top:0; min-width:auto;}
.help-cta .in_grup {display:flex; align-items:center; gap:5px;}

/* ===== Submit Button ===== */
.help-cta .submitBtn {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:160px; height:43px; background:linear-gradient(90deg, #5d61fc, #ad72f6); color:#fff; border:none; border-radius:50px; font-size:16px; font-weight:700; cursor:pointer; transition:box-shadow 0.2s;}
.help-cta .submitBtn:hover {box-shadow: 0px 7px 10px rgba(38, 45, 118, 0.2);}


/* ===== Agree Box ===== */
.help-cta .agree_grup {display:flex; gap:20px; padding:0; width:100%;}
.help-cta .agree_grup .col {display:flex; align-items:center; gap:5px; margin:0;}
.help-cta .chk_list {display:flex; align-items:center; gap:5px; font-size:14px; color:#737373; font-weight:700; cursor:pointer; letter-spacing:-.5px;}
.help-cta .chk_list .required {color:#7468ff; margin-left:2px;}
.help-cta .checkmark {display:inline-flex; margin-right:0; width:15px; height:15px; border:2px solid #737373; border-radius:3px; flex-shrink:0; transition:background 0.15s, border-color 0.15s; align-items:center; justify-content:center;}
.help-cta .chk_list input + .checkmark::after {content:""; position:absolute; left:3px; top:0px; width:5px; height:8px; border:solid #737373; border-width:0 2px 2px 0; transform:rotate(45deg);}
.help-cta input[type="checkbox"] {position:absolute; opacity:0; width:0; height:0;}
.help-cta input[type="checkbox"]:checked + .checkmark {background:#7468ff; border-color:#7468ff;}
.help-cta input[type="checkbox"]:checked + .checkmark::after {content:''; display:block;  left:3px; top:2px; width:5px; height:8px; border:2px solid #fff; border-top:none; border-left:none; transform:rotate(45deg) translate(-1px, -1px);}
.help-cta input[type="checkbox"]:focus-visible + .checkmark {outline:2px solid #7468ff; outline-offset:1px;}
.help-cta .btn_view {padding:2px 5px; font-size:11px; color:#fff; font-weight:700; border-radius:5px; background-color:#737373; transition:border-color 0.2s, color 0.2s;}
.help-cta .btn_view:hover {background-color:#4e4e4e;}
.help-cta .btn_toggle {font-size:10px; color:#999; background:none; border:none; cursor:pointer; padding:0; font-family:inherit; text-decoration:underline;}
.help-cta .mm_info_object .agree_grup .col .btn_view {margin-left:0;}
.help-cta .mm_info_object .agree_grup .col {width:auto;}

.help-cta__error {font-size:11px; color:#e04040; margin-top:6px; display:none;}
.help-cta__error--visible {display:block;}

/* ===== Right Cards ===== */
.help-cta__right {display:flex; flex-direction:column; gap:10px;}
.help-cta__card {flex:1; display:flex; align-items:center; justify-content:space-between; padding:28px 32px; cursor:pointer; transition:background 0.2s ease; text-decoration:none; color:inherit;}
.help-cta__card--top {border-radius:0 25px 0 0; background:#f5f6f8 url(../img/sub/ico_service_guide_1.png) no-repeat 90% center;}
.help-cta__card--bottom {border-radius:0 0 25px 0; background:#f5f6f8 url(../img/sub/ico_service_guide_2.png) no-repeat 90% center;}
.help-cta__card:hover {background-color:#edeef2;}
.help-cta__card:hover .help-cta__card-icon {transform:translateY(-4px);}
.help-cta__card-title {font-size:18px; font-weight:700; color:#333; margin-bottom:5px;}
.help-cta__card-desc {font-size:16px; color:#737373; line-height:1.5;}
.help-cta__card-desc strong {color:#737373; font-weight:700;}

/* ===== Icons ===== */
.help-cta__card-icon {width:72px; height:72px; flex-shrink:0; margin-left:16px; filter:drop-shadow(0 6px 12px rgba(116, 104, 255, 0.22)); transition:transform 0.25s ease;}

/* ===== Responsive: 1024px ===== */
@media (max-width:1024px) {
  .help-cta .help-cta__grid {grid-template-columns:1fr;}
  .help-cta .help-cta__left {border-radius:20px;}
  .help-cta .help-cta__right {flex-direction:row; gap:10px;}
  .help-cta .help-cta__card {flex:1;}
  .help-cta .help-cta__card--top {border-radius:20px;}
  .help-cta .help-cta__card--bottom {border-radius:20px;}
}

/* ===== Responsive: 640px ===== */
@media (max-width:640px) {
  .help-cta .help-cta__title {font-size:22px;}
  .help-cta .help-cta__phone {font-size:30px;}
  .help-cta .help-cta__left {padding:24px 22px;}
  .help-cta .frm_box {flex-direction:column; gap:10px;}
  .help-cta .in_date_box {flex-direction:column; min-width:unset;}
  .help-cta .submitBtn {width:100%; height:44px; font-size:15px;}
  .help-cta .help-cta__right {flex-direction:column;}
  .help-cta .help-cta__card {padding:20px 20px;}
  .help-cta .help-cta__card-icon {width:52px; height:52px;}
}

.sub_event_banner {display:flex; align-items:center; justify-content:space-between; margin-top:15px; padding:0px 0 0 50px; height:200px; border-radius:25px; text-align:left;}
.sub_event_banner.ev_notice {background:linear-gradient(88.57deg, #ff91b2, #ffe59c)}
.sub_event_banner.ev_qna {background:#f6f7f9;}
.sub_event_banner.ev_faq {justify-content:center; flex-wrap:wrap; padding:62px 0; height:auto; background:#f6f7f9;}
.sub_event_banner strong {display:block; margin-bottom:5px; font-size:34px; font-weight:500; color:#fff;}
.sub_event_banner strong span {font-weight:700; color:#fff;}
.sub_event_banner strong em {font-weight:700; color:#f0fa58;}
.sub_event_banner p {margin-bottom:20px; font-size:18px; color:#fff; font-weight:500;}
.sub_event_banner p i {color:#ed1b23; font-weight:500;}
.sub_event_banner .btn_sub_event {display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:10px; width:200px; font-size:16px; font-weight:700; color:#fff; border-radius:15px; background-color:#000;}
.sub_event_banner.ev_qna strong {font-size:28px; font-weight:700;}
.sub_event_banner.ev_qna strong,
.sub_event_banner.ev_qna p {color:#333;}
.sub_event_banner.ev_qna .btn_sub_event {background:linear-gradient(90deg, #5d61fc, #ad72f6);}

#fwrite {border-top:3px solid #e8e8e8;}
.inquiry_section {margin-bottom:20px; padding:20px 0;}
.inquiry_section .inquiry_section__heading {display:flex; align-items:center; gap:10px; padding:20px 0; font-size:18px; font-weight:700;}
.inquiry_section .inquiry_section__heading span {font-size:14px; font-weight:600; color:#ff6262;}
.inquiry_section .inquiry_grid {display:flex; align-items:center; gap:10px;}
.inquiry_section .inquiry_grid .inquiry_field {flex:1; padding:10px 20px; border: 1px solid #d9d9d9; border-radius:10px; text-align:left;}
.inquiry_section .inquiry_grid .inquiry_field label {display:block; margin-bottom:2px; font-size:16px; font-weight:400;}
.inquiry_section .inquiry_grid .inquiry_field input,
.inquiry_section .inquiry_grid .inquiry_field select {border:none; height:25px; font-size:18px; border-radius:0;}
.inquiry_section .inquiry_grid .inquiry_field input {padding:0; width:100%;}
.inquiry_section .inquiry_grid .inquiry_field select {padding:0 1.5rem 0 0;}
.inquiry_section .inquiry_grid .inquiry_field textarea {border-radius:0;}
.inquiry_section .inquiry_grid .inquiry_field input::placeholder,
.inquiry_section .inquiry_grid .inquiry_field textarea::placeholder {color:#c9c9c9;}
.inquiry_section .inquiry_grid .inquiry_field.tel input {width:calc(100% - 60px);}
.type_detail_box {flex-wrap:wrap;}
.inquiry_section .inquiry_grid .inquiry_field.type {flex:1;}
.inquiry_section .inquiry_grid .inquiry_field.type select {width:100%;}
.inquiry_section .inquiry_grid .inquiry_field.title {flex:2;}
.inquiry_section .inquiry_grid .inquiry_field.detail {flex:none; width:100%;}
.inquiry_section .inquiry_grid .inquiry_field textarea {padding:0; font-size:18px; border:none;}

.imgauto img {display:block; width:100%;}


/* 별점 */
/* 별점 */
.star_rating_wrap { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; }
.star_rating_wrap input[type="radio"] { display: none; }
.star_rating_wrap > label { cursor: pointer; display: inline-block; line-height: 0; }
.star_rating_wrap > label img { display: block; pointer-events: none; }
.star_rating_wrap > label .star_on { display: none; }
.star_rating_wrap > label .star_off { display: block; }
.star_rating_wrap input:checked ~ label .star_off { display: none; }
.star_rating_wrap input:checked ~ label .star_on { display: block; }
.star_rating_wrap input:checked + label .star_off { display: none; }
.star_rating_wrap input:checked + label .star_on { display: block; }
.star_rating_wrap > label:hover ~ label .star_off { display: none; }
.star_rating_wrap > label:hover ~ label .star_on { display: block; }
.star_rating_wrap > label:hover .star_off { display: none; }
.star_rating_wrap > label:hover .star_on { display: block; }


/* 파일 첨부 */
.file_attach_wrap .wr_file_input { display: none; }
.btn_file_attach {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    cursor: pointer;
    background: #fff;
}
.btn_file_attach span {display:block; color:#c9c9c9; font-size:18px;}
.file_preview_list { list-style: none; padding: 0; margin: 8px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.file_preview_list li {
    position: relative;
    width: 80px; height: 80px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #eee;
}
.file_preview_list li img { width: 100%; height: 100%; object-fit: cover; }
.file_preview_list li .btn_remove {
    position: absolute; top: 2px; right: 2px;
    background: rgba(0,0,0,.5); color: #fff;
    border: none; border-radius: 50%;
    width: 20px; height: 20px;
    font-size: 12px; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
}

/* 상품선택 */
.product_select_wrap { display: flex; gap: 8px; }
.product_select_wrap select { flex: 1; }

/* 추천 상담원 */
.inquiry_section--counselor .counselor_cont_box {padding:10px 20px; font-size:18px; text-align:left; border:1px solid #d9d9d9; border-radius:10px;}
.counselor_desc {margin-bottom:20px; font-weight:500; }
.counselor_desc strong {font-weight:700;}
.counselor_desc em {color:#ff6262; font-weight:700;}
.counselor_list {display: flex; flex-wrap: wrap; gap:12px; padding:20px; border-radius:10px; background-color:#f6f7f9;}
.counselor_item input[type="radio"] {position:absolute; opacity:0; width:0; height:0; pointer-events:none;}
.counselor_item .radio_icon {display:inline-block; width:20px; height:20px; background:url('../img/sub/in_chk.png') center/contain no-repeat; flex-shrink:0;}
.counselor_item input[type="radio"]:checked + .radio_icon {background-image:url('../img/sub/in_chk_on.png');}
.counselor_item {display:flex; align-items:center; gap:6px; flex:1; cursor:pointer;}
.required_badge {color: #7257ff; font-weight: 400; }
.inquiry_section .inquiry_grid .inquiry_field.file {position:relative; flex:none; width:100%;}
.inquiry_section .inquiry_grid .inquiry_field.file label.btn_file_attach {display:flex; align-items:center; justify-content:space-between; margin-bottom:0; padding:0; border:none;}
.inquiry_section .inquiry_grid .inquiry_field.star {flex:none; width:100%;}
.txt_placeholder {margin-bottom:1px;}
.btn_file_update {position:absolute; right:10px; top:10px; z-index:1;}


.file_preview_single {width:150px;}
.file_preview_single img {width:100%;}
.view_img_box img {margin-bottom:1rem;} 


/* =====================================================
   panal_recommend_benefits 섹션 CSS
   ===================================================== */

/* ── 기본 레이아웃 ── */
.panal_recommend_benefits {width:100%; padding:124px 0; border-top:1px solid #e6e6e6;}
.panal_recommend_benefits .left-area__title {margin-bottom:8px; font-size:36px; font-weight:700; text-align:left;}
.panal_recommend_benefits .left-area__desc {font-size:18px; font-weight:400; text-align:left;}
/* ── 상단 레이아웃 ── */
.panal_recommend_benefits__top {display:grid; grid-template-columns:350px 1fr 350px;; gap:45px; align-items:stretch; margin-bottom:80px;}
.panal_recommend_benefits__top > * {flex:1;}
.panal_recommend_benefits__left {display:flex; flex-direction:column; justify-content:flex-end; gap:0;}
.panal_recommend_benefits__right {display:flex; flex-direction:column; justify-content:center; gap:33px;}

/* ── 메뉴 카드 ── */
.panal_recommend_benefits__menu-card {display:flex; align-items:center; justify-content:space-between; padding:0 20px 0 30px; height:135px; border-radius:25px; border: 1px solid #696969; cursor:pointer; text-align:left; transition:all 0.25s ease; background-color:#fff;  width:100%; gap:12px;}
.panal_recommend_benefits__left .panal_recommend_benefits__menu-card {border-radius:0; border-radius:25px;}
.panal_recommend_benefits__menu-card.grad1 {margin-top:auto;}
.panal_recommend_benefits__menu-card--active {border:none;}
.panal_recommend_benefits__menu-card--active .panal_recommend_benefits__menu-name,
.panal_recommend_benefits__menu-card--active .panal_recommend_benefits__menu-desc {color:#fff !important;}
.panal_recommend_benefits__menu-card--active.grad1 {background: linear-gradient(90deg, #5d61fc, #ad72f6);}
.panal_recommend_benefits__menu-card--active.grad2 {background: linear-gradient(90deg, #9c2bd0, #d97cd7);}
.panal_recommend_benefits__menu-card--active.grad3 {background: linear-gradient(90deg, #1e80fe, #44c6e9);}
.panal_recommend_benefits__menu-text {flex:1; min-width:0;}
.panal_recommend_benefits__menu-name {display:block; font-size:24px; font-weight:700; margin-bottom:5px; transition:color 0.25s;}
.panal_recommend_benefits__menu-desc {display:block; font-size:16px; font-weight:500; transition:color 0.25s;}
.panal_recommend_benefits__menu-icon {width:56px; height:56px; flex-shrink:0; object-fit:contain;}
.panal_recommend_benefits__menu-icon-placeholder {width:56px; height:56px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:36px; border-radius:12px; background:rgba(255,255,255,0.15);}

/* ── 중앙 메인 배너 ── */
.panal_recommend_benefits__banner {flex:1.15; border-radius:25px; background:linear-gradient(90deg, #fd241d, #fa7757); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px 0 0; text-align:center; position:relative; overflow:hidden; height:300px;}
.panal_recommend_benefits__banner-subtitle {font-size:18px; color:#fff; font-weight:700; margin-bottom:2px; position:relative; z-index:1; word-break:keep-all;}
.panal_recommend_benefits__banner-title {margin-bottom:12px; font-size:28px; font-weight:800; color:#fff; position:relative; z-index:1;word-break:keep-all;}
.panal_recommend_benefits__banner-img-wrap {position:relative; z-index:1; width:100%; max-width:280px;}
.panal_recommend_benefits__banner-img {width:100%; height:auto; object-fit:contain;}
.panal_recommend_benefits__banner-img-placeholder {width:220px; height:160px; display:flex; align-items:center; justify-content:center; font-size:80px; position:relative; z-index:1; filter:drop-shadow(0 10px 30px rgba(0,0,0,0.2));}

/* ── 하단 레이아웃 ── */
.panal_recommend_benefits__bottom {display:grid; grid-template-columns:350px 1fr 350px; gap:45px; align-items:stretch;}

/* ── 좌측 혜택 리스트 ── */
.panal_recommend_benefits__benefit-list {background:#fff; border-radius:25px; padding:7px; border:1px solid #e8e8e8; display:flex; flex-direction:column; gap:0; box-sizing:border-box;}
.panal_recommend_benefits__benefit-list img {border-radius:15px;}
.panal_recommend_benefits__benefit-item {display:flex; flex-direction:column; align-items:center; text-align:center; padding:20px 0; border-bottom:1px solid #f0f0f0; gap:10px;}
.panal_recommend_benefits__benefit-item:first-child {padding-top:0;}
.panal_recommend_benefits__benefit-item:last-child {border-bottom:none; padding-bottom:0;}
.panal_recommend_benefits__benefit-num {display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; background:#111; color:#fff; border-radius:50%; font-size:14px; font-weight:800; flex-shrink:0; align-self:flex-start;}
.panal_recommend_benefits__benefit-head {font-size:15px; font-weight:800; color:#111; text-align:left; width:100%; display:flex; align-items:center; gap:8px; letter-spacing:-0.3px;}
.panal_recommend_benefits__benefit-icon {width:70px; height:70px; object-fit:contain;}
.panal_recommend_benefits__benefit-icon-placeholder {font-size:54px; line-height:1;}
.panal_recommend_benefits__benefit-desc {font-size:12.5px; color:#555; text-align:center; line-height:1.55; word-break:keep-all;}
.panal_recommend_benefits__benefit-desc strong {color:#fF3B2F; font-weight:700;}
.panal_recommend_benefits__benefit-desc em {color:#0066FF; font-weight:700; font-style:normal;}

/* ── 중앙 상품 카드 ── */
.panal_recommend_benefits__product-card {flex:1.15; background:#fff; border-radius:25px; border:1px solid #ff3b2f; padding:30px; display:flex; flex-direction:column;}
.panal_recommend_benefits__product-tabs {display:flex; gap:12px; margin-bottom:28px; padding:0 20px; flex-wrap:wrap;}
.panal_recommend_benefits__product-tab {flex:1; padding:10px 0; border-radius:10px; border:none; cursor:pointer; font-size:16px; font-weight:500; transition:all 0.2s; background:#f2f2f2; color:#000;}
.panal_recommend_benefits__product-tab--active {background:#050505; color:#fff;}
.panal_recommend_benefits__product-situation {color:#fff; margin:0 20px 20px; padding:12px; border-radius:10px; font-size:15px; font-weight:400; text-align:center; background-color:#050505; word-break:keep-all; line-height:1.4;}
.panal_recommend_benefits__product-name {margin-bottom:23px; height:43px; font-size:20px; font-weight:700; border-bottom:1px solid #ff3b2f; letter-spacing:-1px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:keep-all;}
.panal_recommend_benefits__price-row {display:flex; justify-content:space-between; align-items:center; padding:5px 0; font-size:16px; color:#6e6e6e;}
.panal_recommend_benefits__price-row--main {margin-bottom:4px; padding:0 43px; font-size:16px;}
.panal_recommend_benefits__price-row--main > span {margin-bottom:5px; color:#6e6e6e; font-weight:600;}
.panal_recommend_benefits__price-row--main span + span {color:#000; font-weight:700;}
.panal_recommend_benefits__price-discount-box {margin:10px 20px; padding:15px 22px; border:1px solid #e8e8e8; border-radius:10px;}
.panal_recommend_benefits__price-discount-row {display:flex; justify-content:space-between; align-items:center; font-size:13px; color:#888; padding:3px 0;}
.panal_recommend_benefits__price-discount-row:first-child {padding:4px 0 10px; border-bottom:1px dotted #e8ebe8;}
.panal_recommend_benefits__price-discount-row:last-child {padding:10px 0 4px;}
.panal_recommend_benefits__price-discount-row > span {color:#6e6e6e; font-size:14px; font-weight:400;}
.panal_recommend_benefits__price-discount-row span + span {color:#333; font-size:14px; font-weight:700;}
.panal_recommend_benefits__price-total-row {display:flex; justify-content:space-between; align-items:center; padding:13px 43px 21px;}
.panal_recommend_benefits__price-total-label {font-size:16px; color:#333; font-weight:700;}
.panal_recommend_benefits__price-total-amount {font-size:24px; font-weight:900; color:#eb0c12; letter-spacing:-0.5px;}

/* ── 버튼 ── */
.panal_recommend_benefits__support-btn {display:flex; align-items:center; justify-content:center; margin-bottom:5px; width:100%; padding:13px 20px; border-radius:15px; border:1px solid #fd261e; background:#fff; color:#ff0606; font-size:16px; font-weight:700; transition:all 0.2s; box-sizing:border-box; letter-spacing:-0.3px;}
.panal_recommend_benefits__support-btn:hover {background:#fff5f5;}
.panal_recommend_benefits__support-btn-badge {display:flex; align-items:center; justify-content:center; margin:0 11px; width:16px; height:16px; font-size:13px; font-weight:800; color:#ff0606; border:1px solid #ff0606; border-radius:4px;}
.panal_recommend_benefits__support-btn em {margin-right:3px; color:#ff0606; font-size:14px; font-weight:700;}
.panal_recommend_benefits__support-btn span {color:#ff0606; font-size:18px; font-weight:700;}
.panal_recommend_benefits__consult-btn {display:block; width:100%; padding:14px; border-radius:15px; background:linear-gradient(90deg, #fd241d, #fa7757);; color:#fff; font-size:18px; font-weight:700; cursor:pointer; text-align:center; transition:all 0.2s; box-sizing:border-box; letter-spacing:-0.3px;}
.panal_recommend_benefits__consult-btn:hover {opacity:0.9; transform:translateY(-1px); box-shadow:0 6px 20px rgba(255,59,47,0.4);}
a.panal_recommend_benefits__consult-btn:visited {color:#fff;}

/* ── 우측 고객후기 카드 ── */
.panal_recommend_benefits__review-card {background:#fff; border:1px solid #e8e8e8; border-radius:25px; padding:30px 50px 40px; display:flex; flex-direction:column;}
.panal_recommend_benefits__review-loading {color:#bbb; font-size:13px; text-align:center; padding:40px 0;}
.panal_recommend_benefits__review-badge {display:inline-flex; align-items:center; justify-content:center; margin-bottom:13px; padding:6px 7px; border-radius:5px; font-size:12px; font-weight:700; color:#fff; background:linear-gradient(90deg, #5d61fc, #ad72f6); align-self:flex-start;}
.panal_recommend_benefits__review-title {margin-bottom:28px; width:100%; font-size:20px; font-weight:700; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.panal_recommend_benefits__review-img {margin-bottom:27px; width:100%; border-radius:15px; object-fit:cover; height:150px; background-color:#eee;}
.panal_recommend_benefits__review-img-placeholder {width:100%; height:150px; background:linear-gradient(135deg, #e8e8e8, #d0d0d0); border-radius:15px; display:flex; align-items:center; justify-content:center; font-size:50px;}
.panal_recommend_benefits__review-stars {display:flex; align-items:center; gap:6px; margin-bottom:30px; font-size:18px;}
.panal_recommend_benefits__review-stars-icons {display:inline-flex; gap:1px;}
.panal_recommend_benefits__review-stars-icons .star-filled {color:#eb0c12;}
.panal_recommend_benefits__review-stars-icons .star-empty {color:#ddd;}
.panal_recommend_benefits__review-author {color:#747474; font-size:16px; margin-left:auto;}
.panal_recommend_benefits__review-subtitle {margin-bottom:15px; width:100%; font-size:18px; font-weight:500; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.panal_recommend_benefits__review-body {font-size:16px; color:#747474; text-align:left; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:keep-all;}
.panal_recommend_benefits__review-link {display:block; text-decoration:none; color:#aaa; margin-top:10px; font-size:12px; text-align:right;}
.panal_recommend_benefits__review-link:hover {color:#FF3B2F; text-decoration:underline;}
.panal_recommend_benefits__review-event {display:flex; align-items:center; justify-content:space-between;  margin-top:auto;}