@charset "UTF-8";
@import url('reset.css');
@import url('fonts.css');



/* common *****************************************************************************************************************************************************************************/
/* html, body {display:flex; flex-direction:column;}
html {overflow-y:scroll; overflow-x:hidden;}
body { visibility: hidden; background-color:#fff;} */
/* .wrap {flex:1; display:flex; flex-direction:column;} */
/* .scroll_box {overflow-y:auto; overflow-x:hidden;} */
.inner {margin:0 auto; width:1200px;}

.blind {position:absolute; right:-999px; top:-9999px; font-size:0; text-indent:-999px;}

/* header */
header {position:fixed; top:50px; left:0; display:flex; flex-wrap:wrap; justify-items:center; justify-content:center; width:100%; min-width:300px; text-align:center; border-bottom:1px solid #ddd; background-color:#fff; z-index:999;}
header.up {top:0;}
header .head_inner {display:flex; align-items:center; justify-content:space-between; margin:0 auto; padding-right:27px; height:130px; width:1200px; /*transition:all .2s;*/}
header .head_inner .logo_box {width:125px; display:flex; align-items:center;transition:all .2s; z-index:1;}
header .head_inner .logo_box a {display:block;}
header .head_inner .logo_box a img {display:block; width:100%;}
header .head_inner .call_box {text-align:center;}
header .head_inner .call_txt {margin-bottom:2px; color:#fe2f46; font-size:13px;}
.benefit_call_box, body.modal_open header.scrolled_top .benefit_call_box {padding:33px 0 0; text-align:right; transition:all .2s;}
.benefit_call_box .txt_benefit_call, body.modal_open header.scrolled_top .benefit_call_box .txt_benefit_call {margin-bottom:13px; font-size:15px; color:#666; font-weight:600; transition:all .2s;}
.benefit_call_box .btn_call {position:relative; display:flex; align-items:center; justify-content:center; width:243px; height:52px; line-height:52px; font-size:22px; font-weight:900; color:#fff; transition:all .2s; letter-spacing:1px; border-radius:25px; background-color:#FE4658;}
.benefit_call_box .btn_call::before {content:""; display:block; margin-right:8px; width:37px; height:35px; background:url("../img/common/ico_rectangle.png") no-repeat 0 0; transition:all .2s;}
.mm_menu_box {display:none; transition:all .2s;}
.tit_mm_topic {position:absolute; right:0; width:0; height:4rem; line-height:4rem; font-size:1rem; font-weight:600; text-align:center; transition:all .2s; z-index:2; text-align:center; background-color:#fff;}



/* 콜 */
header .call_box {padding-left:37px; background:url("../img/main/ico_head_call.png") no-repeat 0 10px;}
header .call_box > * {display:block; line-height:normal;}
header .call_box em {font-size:15px; font-weight:600;}
header .call_box strong {font-size:22px; color:#e52e2a; font-weight:800;}



/* manu */
.menu_nav_box {display:flex; height:100%; align-items:center; overflow:inherit !important;}
.head_nav {position:relative; display:flex; gap:55px; align-items:center; justify-content:center; margin:0 auto; width:100%; height:100%;}
.head_nav > li {position:static; display:flex; align-items:center; justify-content:center; width:auto !important; height:100% !important; transition:all .2s; overflow:inherit !important;}
.head_nav > li > a {display:block; font-size:20px; font-weight:700;}
.head_nav > li > a:hover, .head_nav > li > a.active {color:#ff2228;}
.flexs_rt {display:flex; align-items:center; width:calc(100% - 200px);}
.head_nav > li .dep {position:absolute; top:100%; left:0; right:0; width:100%; border-top:1px solid #ddd; 
    transition:all 0.3s ease; z-index:999; pointer-events:auto; background-color:#fff;}
/* .head_nav .dep.up {top:140px} */
.head_nav .dep::before {content:""; display:block; position:absolute; top:0; right:0; height:70px; width:100vw; border-bottom:1px solid #bdbdbd; background-color:#fff; z-index:0;}
.head_nav .dep::after {content:""; display:block; position:absolute; top:0; height:70px; width:100vw; border-bottom:1px solid #bdbdbd; background-color:#fff; z-index:0;}
.head_nav .dep ul {position:relative; padding:1.09rem 0 1.1rem; display:flex; align-items:center; gap:2rem; z-index:99;}
.head_nav .dep li {padding:7px 0; text-align:left;}
.head_nav .dep li a {font-size:18px; font-weight:500; color:#8c8c8c;}
.dep li a:hover {color:#ff2228}
.head_nav .dep .inner {display:flex; align-items:center;}
.head_nav .dep .inner .img_dep_banner {margin-left:auto;}
.head_nav .dep {display:none; position:absolute;}
.head_nav > li:hover .dep {display:block;visibility:visible; opacity: 1; pointer-events: auto;}
.head_nav .dep.up + .bg {display:block; position:absolute; height:34px; width:100%; background-color:#fff; box-shadow:0 3px 5px rgba(0, 0, 0, .03);}
.head_nav > li.active > a,
.head_nav > li.active .dep li.active a {color:#ff2228;}
.head_nav .dep.bn60.up ul,
.head_nav .dep.bn50.up ul,
.head_nav .dep.bn60 ul,
.head_nav .dep.bn50 ul {justify-content:end;}
.menu_nav_box .swiper-wrapper{width:max-content;}
.menu_nav_box .swiper-slide{width:auto; flex-shrink:0;}
.menu_nav_box.swiper-backface-hidden .swiper-slide {transform:none}
.head_nav > li.active .dep,
.head_nav > li .dep.open {display:block;}

/* header pup - 3hours */
.top_pup {position:fixed; top:0; left:0; right:0;  display:flex; width:100%; align-items:center; justify-content:center; height:51px; background-color:#202125; z-index:9; transform:translateY(-100%); opacity:0; pointer-events: none; transition: transform .45s ease, opacity .3s ease;}
.top_pup.show {transform:translateY(0); opacity:1; pointer-events:auto;}
.top_pup strong {font-size:18px; color:#ef3f44; font-weight:600;}
.top_pup strong em {color:#fff; font-weight:600;}
.top_pup .btn_close{position:relative; margin-left:35px; --size:40px; --line:2px; --color:#fff; padding:0; width:var(--size); height:var(--size);font-size:0; text-indent:-99999px; background:transparent; border:none; cursor:pointer; border-radius:50%;}
.top_pup .btn_close::before,
.top_pup .btn_close::after{content:""; position:absolute; left:50%; top:50%; width:calc(var(--size) * 0.55); height:var(--line); background:var(--color); transform-origin:center;transition:background-color .18s ease, opacity .18s ease;}
.top_pup .btn_close::before{ transform: translate(-50%,-50%) rotate(45deg); }
.top_pup .btn_close::after { transform: translate(-50%,-50%) rotate(-45deg); }
.top_pup .btn_close:hover::before,
.top_pup .btn_close:hover::after{background-color:#fe2f46;}
.top_pup {transition:height 0.5s ease, opacity 0.5s ease; opacity:1; overflow:hidden;}
.top_pup.hide {height:0;  pointer-events:none; visibility: hidden;}




/* header menu btn */
.menu_box {margin-left:1rem; padding:.6rem; display:none; flex-direction:column; justify-content:space-between; width:3rem; height:2.5rem; cursor:pointer; z-index:999; transition:.2s ease;}
.menu_box span {display:block; height:2px; background-color:#000; border-radius:3px; transition:.2s ease;}
.menu_box span:nth-child(2) {width:80%;}
.menu_box.active {position:fixed; top:12px; right:.5rem;}
.menu_box.active span:nth-child(1) {transform: rotate(45deg) translate(7px, 6px);}
.menu_box.active span:nth-child(2) {opacity:0;}
.menu_box.active span:nth-child(3) {transform: rotate(-45deg) translate(6px, -6px);}

/* mobile bottom */
.mm_menu_box {position:fixed; left:0; right:0; bottom:0; height:4rem;}
.mm_menu_box::before {position:absolute; left:50%; bottom:0; content:""; width:14.1rem; height:4.2rem; display:block; transform:translateX(-50%); background:url(../img/common/bg_mm_menu.png) no-repeat center 0; background-size:14.1rem;}
.mm_menu_box a {position:relative; padding-top:.5rem; width:20%; font-size:.95rem; font-weight:700; color:#333; background-color:#fff;}
.mm_menu_box a.quick {padding-top:2.5rem; background-color:transparent;}
.mm_menu_box a::before {content:""; display:block; margin:0 auto; width:2rem; height:2rem; background:url(../img/common/ico_mm_menu.png) no-repeat 0 0; background-size:7rem;}
.mm_menu_box a.home::before {background-position:-11px -13px;}
.mm_menu_box a.reserve::before {background-position:-12px -69px;}
.mm_menu_box a.quick::before {position:absolute; left:50%; top:-1.8rem; width:3.5rem; height:3.5rem; transform:translateX(-50%); background-position:0 -112px; z-index:1;}
.mm_menu_box a.customer::before {background-position:-12px -180px;}
.mm_menu_box a.menu::before {background-position:-12px -235px;}
.mm_menu_box a.home::after,
.mm_menu_box a.reserve::after,
.mm_menu_box a.customer::after,
.mm_menu_box a.menu::after {content:""; display:block; position:absolute; top:-3px; width:100%; height:.2rem; background:url(../img/common/top_mm_shadow.png) repeat-x 0 0; background-size:auto .2rem;}
.mm_menu_box a.quick::after {position:absolute; left:50%; top:-1.8rem; content:""; display:block;  transform:translateX(-50%); width:3.5rem; height:3.5rem; border-radius:100px; background-position:0 0; background-size:3.5rem;
  background: linear-gradient(180deg, #0f5bff 0%, #8861ff 100%);
  box-shadow:0 2px 5px rgba(15, 91, 255, 0.3);
}
.mm_menu_box a:hover, .mm_menu_box a.active {color:#0f5bff;}
.mm_menu_box a:hover.home::before {background-position:-67px -13px;}
.mm_menu_box a:hover.reserve::before {background-position:-68px -69px;}
.mm_menu_box a:hover.customer::before {background-position:-68px -180px;}
.mm_menu_box a:hover.menu::before {background-position:-68px -235px;}
.btn_mm_close {display:none; position:absolute; top:1rem; right:2rem;z-index:2; font-size:0; text-indent:-99999px;}
.btn_mm_close::before, .btn_mm_close::after {content: '';display:block; position:absolute; top:5px; width:2px; height:20px; background-color:#000; cursor: pointer;}
.btn_mm_close:hover::before, .btn_mm_close:hover::after {background-color:#0f5bff}
.btn_mm_close::before {transform: rotate(45deg) translateX(0px);}
.btn_mm_close::after {transform: rotate(-45deg) translateX(0px);}


/* footer */
.ft {position:relative; display:block; margin-top:auto; width:100%; line-height:1.2; font-size:15px; color:#fff; border-top:4px solid #000; background-color:#000;}
.ft .ft_box { padding:1.5rem 2rem 2rem;}
.ft .ft_box .terms_service a, .copyright {color:#999}
.ft .ft_box .info li {display:flex; align-items:center; margin-bottom:.3rem;}
.ft .ft_box .info li > * {color:#999; text-align:left; font-size:15px;}
.ft .ft_box .info li span {display:block;}
.ft .ft_box .info li strong::after {content:":"; margin:0 2px;}
.ft .ft_box .info li span::after {content:""; display:inline-block; margin:-2px .5rem 0; width:1px; height:11px; vertical-align:middle; background-color:#999;}
.ft .ft_box .info li span.wfull {width:calc(100% - 36px);}
.ft .ft_box .info li span.nlin::after, .ft .terms_service a:last-child::after {position:absolute; left:-9999px; width:0; height:0;}
.ft .ft_box .info li span a {color:#999; text-decoration:underline;}
.ft .ft_box .info li.li_wrap {flex-wrap:wrap;}
.ft .ft_box .info li.li_wfull {align-items: normal;}
.ft .ft_box .info li.li_wfull span {width:calc(100% - 36px);}
.ft .ft_box .terms_service {margin:0 0 2rem; padding-bottom:1.5rem; text-align:left; border-bottom:1px solid #252525;}
.ft .ft_box .terms_service a {margin-left:1rem; font-size:15px;}
.ft .ft_box .terms_service a:first-child {margin-left:0;}
.ft .ft_box .copyright {margin:2rem 0 1rem; text-align:left; font-size:15px; font-weight:600;}
.ft .btn_ft_control {position:absolute; left:50%; top:-22px; padding:3px 2rem 0; height:18px; border-radius:8px 8px 0 0; transform: translate(-50%, 0); background-color:#000;}
.ft .btn_ft_control i {color:#fff;}
.ft .ft_box .mark {position:absolute; right:8rem; bottom:2rem; display:flex; align-items:center; gap:3rem;}
.ft .ft_box .mark li {display:flex; align-items:center; gap:.5rem;}
.ft .ft_box .mark li p {color:#acacac; font-size:14px; text-align:left;}

/* top popup control button */
.btn_mm_control {
    position: absolute;
    left: 50%;
    top: -22px;
    padding: 3px 2rem 0;
    height: 18px;
    border-radius: 8px 8px 0 0;
    transform: translate(-50%, 0);
    background-color: #000;
    z-index: 10;
}

.btn_mm_control i {
    color: #fff;
    transition: transform 0.25s ease;
}

/* 🔹 닫힌 상태 (아래 화살표) */
.btn_mm_control.closed i {
    transform: rotate(180deg);
}


/* title
=======================================================================================================*/
.tit_caption {font-size:32px; color:#888; text-transform:uppercase; margin-bottom:0.5rem; word-break:keep-all;}
.tit_topic {font-size:50px; font-weight:800; color:#000; margin-bottom:18px; word-break:keep-all;}
.tit_topic em {color:#8341D3; font-weight:800; word-break:keep-all;}
.tit_block {font-size:42px; font-weight:600; color:#000; margin-bottom:0.5rem; word-break:keep-all;}
.sub_topic {font-size:32px; color:#6e757c; word-break:keep-all;}

/* btn style
=======================================================================================================*/
.btn {display:inline-block; padding:.7rem 1rem; border-radius:5px; text-align:center;}
.minbtn {display:inline-block; padding:.5rem 1rem; font-size:.75rem; border-radius:5px; text-align:center;}
.maxbtn {display:inline-block; padding:.8rem 2rem; font-size:1rem; border-radius:5px; text-align:center;}

/* Datepicker style 
=======================================================================================================*/
.in_datepicker {padding:0 3rem 0 1rem; background: url("../img/common/free-icon-font-calendar-3917292.svg") no-repeat 95% center; background-size:1.4rem; letter-spacing:0; cursor:pointer;}

/* search style
=======================================================================================================*/
.search_box {position:relative;}
.search_box .in_search {padding:0 50px 0 1rem;}
.search_box .btn_clear {position:absolute; top:1px; right:50px; width:30px; height:48px; font-size:.8rem; font-weight:600; background-color:#fff;}
.search_box .btn_clear i {font-size:.8rem; font-weight:600;}
.search_box .btn_search {position:absolute; display:block; right:0; top:0; width:50px; height:50px; cursor:pointer;}
.search_box .btn_search i {font-size:1.1rem;}

/* select box style
=======================================================================================================*/
.cont_select {position:relative; width:200px;}
.btn_select {width:100%; padding:0 3rem 0 1rem; height:50px; text-align:left; font-size:.95rem; border:1px solid #C4C4C4; border-radius:15px; cursor:pointer; background:#fff url("../img/common/free-icon-font-caret-down-3916943.svg") no-repeat 95% center; background-size:1.2rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.list_member {display:none; position:absolute; top:49px; left:0; width:100%; border:1px solid #C4C4C4; border-radius:15px; background-color:#fff; overflow:hidden; z-index:1;}
.btn_select.on {border-radius:15px 15px 0 0; background:url("../img/common/free-icon-font-caret-up-3916936.svg") no-repeat 95% center; background-size:1.2rem;}
.btn_select.on + .list_member {display:block; border-radius:0 0 15px 15px;}
.list_member li a {padding:1rem; display:block; width:100%; text-align:left; font-weight:400; border:none; background-color:#fff; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.list_member li a:hover,
.list_member li a:focus {background-color:#fff4eb;}

/* table
=======================================================================================================*/
/* table title */
.tb_topic_box {display:flex; justify-content:space-between;}
.tb_topic_box .tit_topic {font-size:1.1rem; font-weight:700;}

/* tb1 */
.tb1 {table-layout:fixed; width:100%; border-top:2px solid #000;}
.tb1 thead th,
.tb1 tbody th,
.tb1 tbody td {padding:10px; text-align:center; font-size:.95rem; border:1px solid #d5d5d5; vertical-align:middle;}
.tb1 thead th {font-weight:600; background-color:#e9e9e9;}
.tb1 tbody th {font-weight:600; background-color:#f3f3f3;}
.tb1 tbody td.charge {color:#ff1437;}
.tb1 tbody td.card {color:#009ddb;}
.tb1 tbody td.yellow {background-color:#fffdf3;}

/* tb1 - orange color */
.tb1.orange {border-color:#03045e;}
.tb1.orange thead th {border:1px solid #d9cfc5; background-color:#fff6ed;}
.tb1.orange tbody th {background-color:#fffdfc;}

/* info */
.txt_explain {color:#999;}
.txt_caution {padding:.5rem 0; color:#ad7a62; text-align:left; font-size: .95rem;}


/* accodion
=======================================================================================================*/
/* st1 */
.accordion_box {border-top:2px solid #000;}
.accordion_box .faq_question {position:relative; display:block; padding:1.5rem; font-size:.95rem; border-bottom:1px solid #ddd; cursor:pointer;}
.accordion_box .faq_question::after {position:absolute; right:1rem; top:26px; content:''; width:8px; height:8px; border-top:2px solid #adadad; border-right:2px solid #adadad; transform:rotate(135deg); transition:.2s ease;}
.accordion_box .faq_question.on::after {top:30px; transform:rotate(-45deg); border-color:#03045e;}
.accordion_box .faq_answer {display:none; padding:2rem 1.5rem; background-color:#f5f5f5; line-height:1.3;}
.accordion_box .faq_answer > * {line-height:1.3;}

/* st2 */
.accordion_radius {margin:2rem 0; border:1px solid #000; border-radius:15px;}
.accordion_radius .faq_question {position:relative; display:block; padding:1.5rem; font-size:1rem; cursor:pointer;}
.accordion_radius .faq_question::after {position:absolute; right:1.5rem; top:26px; content:''; width:8px; height:8px; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(135deg); transition:.2s ease;}
.accordion_radius .faq_question.on::after {top:30px; transform:rotate(-45deg); border-color:#03045e;}
.accordion_radius .faq_answer {display:none; padding:0 1.5rem 1.5rem; line-height:1.3;}
.accordion_radius .faq_answer > * {line-height:1.3;}

/* checkbox
=======================================================================================================*/
.package_chk {display:flex; gap:0 2%;}
.agree_grup {display:none;}
.agree_chk {display:flex; align-items:center; cursor:pointer; user-select:none; font-size:.95rem;}
.agree_chk input {display:none;}
.agree_chk .checkmark {margin-top:2px; width:1.25rem; height:1.25rem; border:2px solid #a5a5a5; border-radius:30px; margin-right:5px; display:inline-block; position:relative; transition:background 0.3s, border-color 0.3s;}
.agree_chk input + .checkmark::after {content:""; position:absolute; left:4px; top:2px; width:4px; height:6px; border:solid #a5a5a5; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.agree_chk input:checked + .checkmark {border-color:#fe4658; background-color:#fe4658;}
.agree_chk input:checked + .checkmark::after {content:""; position:absolute; left:4px; top:2px; width:4px; height:6px; border:solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}

/* radio box
=======================================================================================================*/
.radio_box {display:flex; gap:0 2%; border:none;}
.radio_box label {font-size:.95rem; line-height:2rem;}
/* .radio_box input[type="radio"] {padding:0;}
.radio_box input[type="radio"], .radio_box span {vertical-align:middle;}
.radio_box input[type="radio"] {appearance:none; border:max(2px, 0.1em) solid gray; border-radius:50%; width:1.25rem; height:1.25rem; transition:border .2s ease-in-out;}
.radio_box input[type="radio"]:checked {border:0.4em solid #fe4658; }
.radio_box input[type="radio"]:focus-visible {outline-offset: max(2px, 0.1em); outline:max(2px, 0.1em) dotted tomato;}
.radio_box input[type="radio"]:hover {box-shadow:0 0 0 max(4px, 0.2em) lightgray; cursor:pointer;}
.radio_box input[type="radio"]:hover + .radio_box span {cursor:pointer;}
.radio_box input[type="radio"]:disabled {background-color:lightgray; box-shadow:none; opacity:.7; cursor:not-allowed;}
.radio_box input[type="radio"]:disabled + .radio_box span {opacity:.7; cursor:not-allowed;} */
.radio_box input[type="radio"] {display:none;}
.radio_box input[type="radio"] + span {font-weight:500; font-size:1rem;}
.radio_box input[type="radio"]:checked + span {color:#fe4658;}






/* modal
=======================================================================================================*/
.modal_content .terms {margin:.2rem 0 1.5rem; font-size:1.2rem; font-weight:bold; text-align:center;}
.modal_content .sub_terms {font-weight:500; text-align:left; font-size:1rem;}
.modal_content .caption_cont {padding-top:2rem; text-align:left;}
.modal_content .caption_cont .caption {margin-bottom:1rem; font-size:.95rem; font-weight:700;}
.modal_content .caption_cont .desc {margin-bottom:1rem; font-size:.9rem; font-weight:400;}
.modal_content .caption_cont .sub_topic {margin-bottom:1rem; padding-left:8px; font-size:.9rem;  font-weight:600; text-indent:-8px; color:#000;}
.modal_content .caption_cont .sub_topic::before {content:""; display:inline-block; margin:-2px 5px 0 0; width:3px; height:3px; border-radius:30px; vertical-align:middle; background-color:#3d3d3d;}
.modal_content .caption_cont .sub_num_topic {margin-bottom:.2rem; padding-left:8px; font-size:.9rem;  font-weight:600; text-indent:-8px;}
.modal_content .caption_cont .dt_info {padding-left:1rem; display:flex; flex-wrap:wrap;}
.modal_content .caption_cont .dt_info > * {margin-bottom:1rem; font-size:.9rem; font-weight:400;}
.modal_content .caption_cont .dt_info dt {width:5.5rem;}
.modal_content .caption_cont .dt_info dd {padding-left:18px; width:calc(100% - 5.5rem); text-indent:-7px;}
.modal_content .caption_cont .dt_info dd::before {content:"/"; display:inline-block; margin:-3px 7px 0 0; font-size:.9rem; vertical-align:middle;}
.modal_content .caption_cont .info_notice {padding-left:15px; display:block; font-weight:400; text-indent:-15px;}
.modal_content .caption_cont .info_notice.plt {padding-left:35px;}
.modal_content .caption_cont .li_desc {margin-bottom:1rem; padding-left:15px;}
.modal_content .caption_cont .li_desc li {padding-left:6px; text-indent:-6px; font-weight:400;}
.modal_content .caption_cont .li_desc li::before {content:""; display:inline-block; margin:-2px 5px 0 0; width:2px; height:2px; border-radius:30px; vertical-align:middle; background-color:#3d3d3d;}
.br1, .br2 {display:block;}


/* scroll top
=======================================================================================================*/
/* .quick_midd_menu.swiper {display:flex; align-items:center; justify-content:space-between; padding:64px 38px 75px; max-width:1200px; width:100%; box-sizing:border-box;}
.quick_midd_menu.swiper .swiper-wrapper .swiper-slide {text-align:center; height:auto !important;}
.quick_midd_menu a {display:flex; flex-direction:column; align-items:center; gap:19px; text-decoration:none;}
.quick_midd_menu img {display:block; margin:0 auto;}
.quick_midd_menu span {display:block; font-size:18px; color:#222; font-weight:700;}
.quick_midd_menu a:hover span {color:#fe223b;} */

.quick_midd_menu.swiper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 64px 38px 75px;
    max-width: 1200px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden; /* 잘림 방지 */
}
.quick_midd_menu.swiper .swiper-wrapper {
    gap: 0 !important; /* panal_theme gap 덮어쓰기 */
}
.quick_midd_menu.swiper .swiper-wrapper .swiper-slide {
    text-align: center;
    height: auto !important;
}
.quick_midd_menu a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 19px;
    text-decoration: none;
}
.quick_midd_menu img { display: block; margin: 0 auto; }
.quick_midd_menu span { display: block; font-size: 18px; color: #222; font-weight: 700; }
.quick_midd_menu a:hover span { color: #fe223b; }




/* main top swiper slider 
=======================================================================================================*/
.swiper-container {width:100%; height:100%;}
.rolling_banner_box .swiper-slide {display:flex; align-items:center; justify-content:center; transition:all .5s;}
.rolling_banner_box .swiper-slide {position:relative; overflow:hidden; height:560px !important;}
.rolling_banner_box .swiper-slide.visual_1 {
    background: #ed4245;
    background: linear-gradient(180deg, #ed4245, #fe223b);
    background: -webkit-linear-gradient(180deg, #ed4245, #fe223b 100%);
    background: -moz-linear-gradient(180deg, #ed4245 0%, #fe223b 100%);
    background: linear-gradient(180deg, #ed4245 0%, #fe223b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed4245", endColorstr="#fe223b", GradientType=0);
}
.swiper-slide.visual_1 img {position:absolute; left:50%; top:0; transform:translate(-50%, 0); display:block; margin:0 auto; height:100%;}
.swiper-slide.visual_1 .title_box {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:3rem 0 0 52px; width:100%; max-width:1200px; z-index:11; text-align:left; box-sizing:border-box;}
.swiper-slide.visual_1 .title_box > * {overflow:hidden; color:#fff; line-height:normal; opacity:0; transform:translateY(40px);}
.swiper-slide.visual_1 .banner_eyebrow {display:block; margin-bottom:10px; font-size:35px; font-weight:500; font-family:"esamanru", Arial, sans-serif;}
.swiper-slide.visual_1 .banner_tit {margin-bottom:15px; font-size:60px; font-weight:700; font-family:"esamanru", Arial, sans-serif;}
.swiper-slide.visual_1 .banner_tit em {display:block; color:#ffea00; font-weight:700; font-family:"esamanru", Arial, sans-serif;}
.swiper-slide.visual_1 .banner_desc {font-size:22px; font-weight:600;}
.swiper-slide.visual_1 .btn_links {display:inline-block; margin-top:62px; padding:20px 29px; min-width:221px; font-size:20px; font-weight:800; color:#fff; text-align:center; border-radius:50px; background-color:#d90429; transition:background-color .25s ease;}
.swiper-slide.visual_1 .btn_links:hover {background-color:#a7001c;}
.swiper-slide.visual_1.swiper-slide-active .title_box > * {opacity:1; transform:translateY(0); transition:opacity 0.8s cubic-bezier(0.1, 0, 0.2, 1), transform 0.8s cubic-bezier(0.1, 0, 0.2, 1);}
.swiper-slide.visual_1.swiper-slide-active .banner_eyebrow {transition-delay:0.1s;}
.swiper-slide.visual_1.swiper-slide-active .banner_tit {transition-delay:0.3s;}
.swiper-slide.visual_1.swiper-slide-active .banner_desc {transition-delay:0.6s;}
.swiper-slide.visual_1.swiper-slide-active .btn_links {transition-delay:.8s;}
.swiper-pagination-bullet {width:8px !important; height:8px !important; border-radius:0 !important; background-color:#fff !important; border-radius:50px !important; opacity:.3 !important; transition:all .5s;}
.swiper-pagination-bullet-active {width:40px !important; opacity:1 !important;}
.swiper-pagination-bullets.swiper-pagination-horizontal {bottom:var(--swiper-pagination-bottom,1.5rem) !important;}

/* main middle swiper slider  */
.sw_bottom_controll {display:flex; position:absolute; left:50%; bottom:1.5rem; transform:translate(-50%, 0); z-index:1;}
.sw_bottom_controll #swiperToggle {display:block; margin-right:10px; width:58px; height:39px; font-size:0; text-indent:-9999px; border-radius:50px; background:rgba(0, 0, 0, .3) url(../img/main/btn_play_stop.png) no-repeat 0 0; cursor: pointer;}
.sw_bottom_controll #swiperToggle.playing {background-position:center 0;}
.sw_bottom_controll #swiperToggle.paused {background-position:2px -39px;}
.rolling_banner_box .swiper-pagination-bullets.swiper-pagination-horizontal {position:relative; top:auto !important; left:auto !important; bottom:auto !important; padding:.55rem .5rem; height:39px; border-radius:50px; background-color:rgba(0, 0, 0, .3);}

.btn_sctoll_top {
  transition: opacity .3s, visibility .3s;
}

/* scroll top
=======================================================================================================*/
/* .quick_menu_box {position:fixed; right:2rem; bottom:2rem; z-index:11; transition: bottom .3s ease;}
.quick_menu_box.is-up {bottom:8rem;}
.quick_menu_box a {display:block; width:70px; height:70px; font-size:0; text-indent:-9999px;}
.quick_menu_box a.btn_inquiry {margin-bottom:10px; background:url(../img/main/ico_quick_inquiry_over.png) no-repeat 0 0; background-size:100%;}
.quick_menu_box a.btn_sctoll_top {background:url(../img/main/ico_quick_top.png) no-repeat 0 0; background-size:100%;} */
.quick_menu_box {position:fixed; right:2rem; bottom:2rem; z-index:11; transition: bottom .3s ease;}
.quick_menu_box.is-up {bottom:8rem;}
.quick_menu_box a {display:block; width:70px; height:70px; font-size:0; text-indent:-9999px;}

.quick_menu_box a.btn_inquiry {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
  border-radius: 100%;
}

.quick_menu_box a.btn_inquiry::before,
.quick_menu_box a.btn_inquiry::after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  will-change: opacity, transform;
}

.quick_menu_box a.btn_inquiry::before {
  background-image: url(../img/main/ico_quick_inquiry_over.png);
  animation: inquiryFastA 8s infinite cubic-bezier(.4, 0, .2, 1);
}

.quick_menu_box a.btn_inquiry::after {
  background-image: url(../img/main/ico_quick_inquiry.png);
  animation: inquiryFastB 8s infinite cubic-bezier(.4, 0, .2, 1);
}

.quick_menu_box a.btn_sctoll_top {
  background: url(../img/main/ico_quick_top.png) no-repeat 0 0;
  background-size: 100%;
}

@keyframes inquiryFastA {
  0%, 44% {
    opacity: 1;
    transform: scale(1);
  }
  50%, 94% {
    opacity: 0;
    transform: scale(1.08);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes inquiryFastB {
  0%, 44% {
    opacity: 0;
    transform: scale(.92);
  }
  50%, 94% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(.92);
  }
}




.panal_parent {padding:77px 0 60px;}
.panal_parent .topic { color:var(--basic-color); font-size:36px; font-weight:700; text-align:center; line-height:1.3; font-weight:700;}
.panal_parent .desc { margin:10px 0 60px; color:#000; font-size:20px; text-align:center; font-weight:600;}
.panal_parent .parent_box {position:relative; padding:52px 47px; border-radius:15px; background:linear-gradient(90deg, #ff6164, #ffbaa9);}
.panal_parent .parent_box::after {content:""; display:block; position:absolute; right:0; bottom:1.5rem; width:146px; height:62px; background:url(../img/main/img_op_logo.png) no-repeat 0 0;}
.panal_parent .parent_box .tit {display:block; font-size:24px; color:#fff; font-weight:600; text-align:left;}
.panal_parent .parent_box .desc {margin:8px 0 0; font-size:18px; color:#fff; font-weight:600; text-align:left;}
.panal_parent .parent_box .parent_cont {display:flex; justify-content:space-between; gap:43px;}
.panal_parent .parent_box .parent_cont .col {animation:floatParent 4s ease-in-out infinite; will-change:transform;}
.panal_parent .parent_box .parent_cont .col.co1 {margin-top:48px; animation-delay:0s; }
.panal_parent .parent_box .parent_cont .col.co2 {margin-top:90px; animation-delay:0.6s;}
.panal_parent .parent_box .parent_cont .col.co3 {animation-delay:1.4s;}
@keyframes floatParent {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-14px);
  }
  100% {
    transform: translateY(0);
  }
}
.panal_parent .parent_box .parent_cont .col .tits {display:block; margin-bottom:2px; padding:7px; font-size:16px; font-weight:500; border-radius:7px; background-color:#fff;}
.panal_parent .parent_box .parent_cont .col .review_box {display:flex; align-items:center; gap:19px; padding:19px 18px; border-radius:7px; background-color:#fff;}
.panal_parent .parent_box .parent_cont .col .review_box .review_cont {text-align:left;}
.panal_parent .parent_box .parent_cont .col .review_box .review_cont p {margin-bottom:4px; font-size:14px;}
.panal_parent .parent_box .parent_cont .col .review_box .review_cont span {color:#8f8f8f; font-size:14px;}


.panal_promise {padding:0 0 60px;}
.panal_promise {display:flex; gap:20px;}
.panal_promise .promise_card {position:relative; flex:1; padding:43px 10px 0 10px; height:380px; border-radius:15px; cursor:pointer; overflow:hidden; box-sizing:border-box; transition:flex .8s ease, padding .8s ease, opacity 0.3s ease;}
.panal_promise .promise_card.is-active {flex:1.8; padding:43px 40px 0 47px; pointer-events: none;}
.panal_promise .promise_card.color1, .promise_card.color1 .card_cont_box {background-color:#fff9f9;}
.panal_promise .promise_card.color2, .promise_card.color2 .card_cont_box {background-color:#fff8f3;}
.panal_promise .promise_card.color3, .promise_card.color3 .card_cont_box {background-color:#fffcf0;}
.panal_promise .promise_card .card_intro_box {max-height:0;}
.panal_promise .promise_card .card_intro_box {position:relative;}
.panal_promise .promise_card .card_intro_box .tit {font-size:24px; font-weight:700;}
.panal_promise .promise_card .card_intro_box .subtit {margin-top:0; font-size:18px; font-weight:500;}
.panal_promise .promise_card .card_intro_box .img_card_big {margin-left:0; }
.panal_promise .promise_card .card_cont_box {position:relative; margin-left:auto; text-align:center; z-index:1;}
.panal_promise .promise_card .card_cont_box > * {display:block;}
.panal_promise .promise_card .card_cont_box .badge {margin-bottom:46px; padding:5px 23px; display:inline-block; font-size:14px; font-weight: 600; border-radius:10px;}
.panal_promise .promise_card.color1 .card_cont_box .badge {background-color:#ffe2e2;}
.panal_promise .promise_card.color2 .card_cont_box .badge {background-color:#ffe4d0;}
.panal_promise .promise_card.color3 .card_cont_box .badge {background-color:#fdefc8;}
.panal_promise .promise_card .card_cont_box > * {line-height:normal; transition:all 0.3s ease;}
.panal_promise .promise_card .card_cont_box .heading {margin-bottom:5px; font-size:20px; font-weight:700; color:#000;}
.panal_promise .promise_card .card_cont_box .caption {margin-bottom:25px; font-size:20px; font-weight:500;}
.panal_promise .promise_card .card_cont_box .desc {margin-bottom:32px; font-size:16px; color:#666; font-weight:500; line-height:1.4;}
.panal_promise .promise_card.is-active .card_cont_box .desc {margin-bottom:40px;}
.panal_promise .promise_card .card_cont_box .card_btn {display:none;
    opacity: 0;
    pointer-events: none;
    justify-content:center; align-items:center; margin:0 auto; padding:18px 14px 17px; width:188px; 
    text-align:center; font-size:18px; font-weight:700; color:#fff; text-align:center; border-radius:10px; transition:
    opacity 0.25s ease,
    transform 0.25s ease;
    background:linear-gradient(90deg, #ea0b11, #ff2228); box-shadow:0px 5px 10px rgba(0, 0, 0, 0.15); overflow:hidden; box-sizing:border-box;}
.panal_promise .promise_card .card_cont_box .card_btn::after {content:""; display:block; margin-left:12px; width:11px; height:17px; background:url(../img/main/img_card_arrow.png) no-repeat 0 0;}
.panal_promise .promise_card .card_cont_box .img_card_midd {display:block; margin:0 auto;}
.panal_promise .promise_card .card_intro_box > * {opacity:0; transition:opacity .3s ease;}
.panal_promise .promise_card.is-active .card_cont_box .card_btn {display:flex; opacity:0; padding:0; max-height:0; transition:all 0.3s ease;}
.panal_promise .promise_card.is-active {flex:2.3; display:flex; justify-content:space-between;}
.panal_promise .promise_card.is-active .card_intro_box {position:absolute; top:43px; left:40px; z-index:0;}
.panal_promise .promise_card.is-active .card_intro_box > * {opacity:1; transform: translateY(0);}
.panal_promise .promise_card.is-active .card_cont_box .card_btn{opacity:1; padding:18px 14px 17px; max-height:200px; margin-top:16px;}
.panal_promise .promise_card.is-active .card_cont_box .img_card_midd {opacity:0;}
.panal_promise .promise_card.is-active .card_intro_box,
.panal_promise .promise_card.is-active .card_intro_box .img_card_big {max-height:none;}
.panal_promise .promise_card.is-active .card_intro_box .img_card_big {margin-left:-91px;}
.panal_promise .promise_card.color2.is-active .card_intro_box .img_card_big,
.panal_promise .promise_card.color3.is-active .card_intro_box .img_card_big {margin-left:0;}
.panal_promise .promise_card:not(.is-active) {opacity:.9;}
.panal_promise .promise_card .img_card_midd {transition:opacity 0.25s ease;}
.panal_promise .promise_card.is-active .img_card_midd {opacity:0;}
.panal_promise .promise_card.is-active .card_btn {pointer-events: auto;}

.panal_solution {padding:77px 0 160px; background-color:#fafafa; overflow:hidden;}
.panal_solution .topic {font-size:36px; font-weight:700; text-align:center; line-height:1.3; font-weight:700;}
.panal_solution .desc {margin:10px 0 75px; color:#000; font-size:20px; text-align:center; font-weight:600;}
.panal_solution .solution_info {position:relative; margin-bottom:159px;}
.panal_solution .solution_info .col_main {margin:0 auto; width:335px; border-radius:20px; overflow:hidden; box-shadow: 0px 10px 60px rgba(38, 45, 118, 0.08);}
.panal_solution .solution_info .col_main img {display:block;}
.panal_solution .solution_info .col_main .tit {padding:31px 0 30px; background-color:#fff;}
.panal_solution .solution_info .col_main .tit strong {font-size:18px; color:#ff2228; font-weight:700;}
.panal_solution .solution_info .col_main .tit p {margin-top:4px; font-size:16px; font-weight:500;}
.panal_solution .solution_info .col {position:absolute; display:flex; align-items:center; gap:15px; width:300px; border-radius: 20px; opacity:0; transition:all 1.5s ease; background-color:#fff; box-shadow:0px 10px 60px rgba(38, 45, 118, 0.08);}
.panal_solution .solution_info .col p {font-size:16px; font-weight:500; text-align:left;}
.panal_solution .solution_info .col p em {color:#ff2228; font-weight:700;}
.panal_solution .solution_info .col.co1 {padding:12px 51px 13px; top:9rem; left:25rem;}
.panal_solution .solution_info .col.co2 {padding:12px 39px 13px 38px; bottom:9rem; left:25rem;}
.panal_solution .solution_info .col.co3 {padding:12px 37px 13px 24px; top:9rem; right:25rem;}
.panal_solution .solution_info .col.co4 {padding:12px 49px 13px; bottom:9rem; right:25rem;}

.panal_solution .solution_info .col {
    opacity: 1;
  position: absolute;
  animation: floatUpDown 3s ease-in-out infinite;
  will-change: transform;
}

.panal_solution .anpanal.show .solution_info .col.co1 {
  top: 151px;
  left: 53px;
  animation-delay: 0s;
}

.panal_solution .anpanal.show .solution_info .col.co2 {
  bottom: 91px;
  left: 93px;
  animation-delay: .4s;
}

.panal_solution .anpanal.show .solution_info .col.co3 {
  top: 146px;
  right: 99px;
  animation-delay: .9s;
}

.panal_solution .anpanal.show .solution_info .col.co4 {
  bottom: 104px;
  right: 54px;
  animation-delay: 1.4s;
}

@keyframes floatUpDown {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-15px); }
  100% { transform: translateY(0); }
}


.panal_solution .solution_benefit {display:flex; align-items:center; gap:30px;}
.panal_solution .solution_benefit .col {width:25%; border-radius:20px; background-color:#fff; box-shadow: 0px 10px 60px rgba(38, 45, 118, 0.08); overflow:hidden;}
.panal_solution .solution_benefit .col .tit {display:flex; justify-content:center; align-items:center; height:45px; font-size:16px; font-weight:800; color:#fff;}
.panal_solution .solution_benefit .col.co1 .tit {background-color:#ea0b11;}
.panal_solution .solution_benefit .col.co2 .tit {background-color:#ff2228;}
.panal_solution .solution_benefit .col.co3 .tit {background-color:#fb403a;}
.panal_solution .solution_benefit .col.co4 .tit {background-color:#ff4741;}
.panal_solution .solution_benefit .col .cont {padding:22px 25px 19px; background-color:#fff;}
.panal_solution .solution_benefit .col .cont img {display:block; margin:0 auto;}
.panal_solution .solution_benefit .col .cont p {margin-top:10px; font-size:16px; font-weight:500;}
.panal_solution .solution_benefit .col .cont p em {color:#ff2228; font-weight:700;}





.btn_link {display:inline-flex; align-items:center; justify-content:center; text-align:center; gap:19px; padding:23px; min-width:350px; font-size:24px; color:#fff; font-weight:700; border-radius:10px; background:linear-gradient(90deg, #ea0b11, #ff2228); box-shadow:0px 5px 10px rgba(0, 0, 0, 0.15); overflow:hidden;}
.btn_link.arr::after {content:""; display:block; width:20px; height:20px; background:url(../img/main/ico_btn_arr.png) no-repeat 0 0;}
.panal_solution .btn_link {margin-top:79px; padding:23px 37px 23px 77px;}
.panal_compare .btn_link {margin-top:55px; padding:23px 84px 23px 85px;}
.panal_bast .btn_link {margin-top:75px; padding:23px 76px}

.panal_compare {padding:0 0 93px;}
.panal_compare .hero_banner {position:relative; margin-bottom:128px; padding:25px 0 48px; text-align:center; background-color:#fafafa;}
.panal_compare .hero_banner img {margin-bottom:14px;}
.panal_compare .hero_banner .subtitle {margin-bottom:8px; font-size:20px; font-weight:500; line-height:normal;}
.panal_compare .hero_banner .topic { font-size:36px; font-weight:700; line-height:normal;}




/* ── life style ── */
.compare_box .tabs {display:inline-flex; justify-content:center; gap:30px; margin-bottom:55px; margin-left:auto; margin-right:auto;}
.compare_box .tab-btn {flex:1; padding:22px 0 21px; min-width:235px; height:65px; font-size:18px; font-weight:700; border-bottom:1px solid #333; border-radius:15px; background-color:#fff; cursor:pointer;}
.compare_box .tab-btn.active {position:relative; border:2px solid #eb0c12; color:#eb0c12; z-index:1;}
.compare_box .tab-btn:not(.active):hover {border-color:var(--primary); color:var(--primary);}
.compare_box .grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:45px;}
.compare_box .card {padding:30px 25px 38px; border: 1px solid #e8e8e8; border-radius:20px; overflow:hidden; background-color:var(--card);  opacity:0; transform:translateY(20px); animation:fadeUp .4s ease forwards;}
.compare_box .card:nth-child(2) {animation-delay:.07s;}
.compare_box .card:nth-child(3) {animation-delay:.14s;}
@keyframes fadeUp {
    to { opacity: 1; transform: translateY(0); }
}
.compare_box .dropdown-wrap {position:relative;}
.compare_box .dropdown-trigger {padding:13px 23px; display:flex; justify-content:space-between; align-items:center; font-size:16px; font-weight:500; border-bottom: 1px solid #333; border-radius:10px; transition:border-color .18s; background-color:#fff; user-select:none; cursor:pointer;}
.compare_box .dropdown-trigger:hover {border-color: var(--primary);}
.compare_box .dropdown-trigger span {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.compare_box .dropdown-trigger svg {transition: transform .2s; flex-shrink: 0;}
.compare_box .dropdown-trigger.open svg {transform: rotate(180deg);}
.compare_box .dropdown-menu {display:none; position:absolute; top:calc(100% + 6px); left:0; right:0; border:1.5px solid #e0e3ef; border-radius:10px; overflow:hidden; background-color:#fff; z-index:10; box-shadow:0 8px 20px rgba(0,0,0,0.10);}
.compare_box .dropdown-menu.open {display: block;}
.compare_box .dropdown-item {padding:12px 16px; font-weight:500; cursor: pointer; border-bottom:1px solid #f3f3f3; transition: background-color .12s;}
.compare_box .dropdown-item:last-child {border-bottom:none;}
.compare_box .dropdown-item:hover {color:#f55b5b; background-color:#fff3f3;}
.compare_box .dropdown-item.selected {color:#f55b5b; font-weight:700; background-color:#fff3f3;}
.compare_box .product-header {text-align:center;}
.compare_box .product-title {padding:33px 0 22px; font-size:20px; font-weight:700;}
.compare_box .icons {margin-bottom:25px;}
.compare_box .icon-box {height:37px;}
.compare_box .badge {margin-bottom:31px; font-size:14px;}
.compare_box .info-list {display:flex; flex-direction:column; gap:5px; margin-bottom:19px;}
.compare_box .info-row {padding:18px 25px; display:flex; justify-content: space-between; align-items: center; font-size:14px; border:1px solid #e8e8e8; border-radius:10px;}
.compare_box .info-row.gift {border:none; padding: 0;}
.compare_box .info-row.gift .val {text-align:center; width:100%; font-size:16px; letter-spacing:-1px;}
.compare_box .info-row.gift .val i { color:#eb0c12; font-weight:700;}
.compare_box .info-row.gift .val .secret-btn {margin-top:10px; justify-content:center;}
.compare_box .info-row-toggle {display:none; padding:18px 25px; justify-content: space-between; align-items: center; font-size:14px; border:1px solid #e8e8e8; border-radius:10px;}
.compare_box .info-list .info-row-toggle-body {display:flex; flex-direction:column; gap:5px;}
.compare_box .info-row .lbl {color:#333; font-weight:400; white-space:nowrap;}
.compare_box .info-row .val {color:#333; font-weight:700; text-align:right;}
.compare_box .benefit-section {padding:22px 25px 28px; border-top:1px solid #000; border-radius:10px 10px 0 0;}
.compare_box .benefit-title {font-size:16px; font-weight:600; text-align:center; margin-bottom:23px;}
.compare_box .benefit-btns {display:flex; gap:10px;}
.compare_box .benefit-btn {flex:1; display:inline-flex; align-items:center; justify-content:center; min-width:80px; min-height:61px; border-radius: 10px; border:1px solid #e8e8e8; font-size:12px; font-weight:600; color: #2a2a2a; cursor:pointer; text-align:center; line-height:1.4; transition:all .16s;}
.compare_box .benefit-btn.active {border:1px solid #eb0c12;; color:#eb0c12; box-shadow:inset 0 0 0 1px #eb0c12;}
.compare_box .price-section {margin-bottom:26px; padding-bottom:26px; text-align:center; border-bottom:1px solid #e8e8e8;}
.compare_box .price-row {display: flex; align-items: baseline; justify-content: center; gap: 3px;}
.compare_box .price-pre {font-size:16px; font-weight:500;}
.compare_box .price-amt {font-size:32px; font-weight:900; color:#eb0c12;}
.compare_box .price-post {font-size:16px; font-weight:500;}
.compare_box .price-note {font-size:12px; color:#333; margin-top: 4px;}
.compare_box .cash-section {display:flex; justify-content:center; align-items:center; gap:4px;}
.compare_box .cash-label {font-size:14px; font-weight:700;}
.compare_box .cash-amount {font-size:16px; font-weight:800; color:#eb0c12;}
.compare_box .cash-right {display: flex; align-items: center; gap:10px; }
.compare_box .secret-btn {display:flex; align-items:center; padding:7px 10px; color:#fff; border-radius:5px; font-size:16px; font-weight:700; background-color:#eb0c12;}
.compare_box .cta-wrap {text-align:center; max-width:1060px; margin:0 auto;}
.compare_box .cta-btn {background-color:var(--primary); color:#fff; border:none; color:#fff; border-radius:14px; padding:20px 80px; font-size:18px; font-weight:900; cursor:pointer; letter-spacing:-0.3px; transition:background-color .18s, transform .12s, box-shadow .18s; box-shadow: 0 6px 24px rgba(91,103,245,0.35);}
.compare_box .cta-btn:hover {background-color:var(--primary-dark); transform:translateY(-2px); box-shadow:0 10px 32px rgba(245, 91, 91, 0.45);}
.compare_box .fade {transition:opacity .15s;}
.compare_box .fade.hidden {opacity:0;}
.compare_box a.cta-btn:visited {color:#fff}

.panal_bast {padding:77px 0 160px; background-color:#fafafa;}
.panal_bast .topic {font-size:36px; font-weight:700; text-align:center; line-height:1.3; font-weight:700;}
.panal_bast .desc {margin:10px 0 70px; color:#000; font-size:20px; text-align:center; font-weight:600;}

.panal_bast .tabs {display:inline-flex; justify-content:center; gap:30px; margin-bottom:60px; margin-left:auto; margin-right:auto;}
.panal_bast .tab-btn {flex:1; padding:22px 0 21px; min-width:235px; height:65px; font-size:18px; font-weight:700; border-bottom:1px solid #333; border-radius:15px; background-color:#fff; cursor:pointer;}
.panal_bast .tab-btn.active {position:relative; border:2px solid #eb0c12; color:#eb0c12; z-index:1;}
.panal_bast .tab-btn:not(.active):hover {border-color:var(--primary); color:var(--primary);}
.panal_bast .bast_box {padding:0 30px;}
.panal_bast .bast_box .grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:45px;}
.panal_bast .bast_box .cmp_card {padding:80px 20px 21px; border-radius:20px; overflow:hidden; background-color:#fff; opacity:0; box-shadow:0px 10px 45px rgba(38, 45, 118, 0.08); transform:translateY(20px); animation:fadeUp .4s ease forwards;}
.panal_bast .bast_box .cmp_card:nth-child(2) {animation-delay:.07s;}
.panal_bast .bast_box .cmp_card:nth-child(3) {animation-delay:.14s;}
.panal_bast .bast_box .cmp_card .cmp_card_title {padding:19px 0 18px; font-size:20px; font-weight:700; border-bottom:1px solid #e4e4e4;}
.panal_bast .bast_box .cmp_card .cmp_fee_section {padding:19px 0 30px; min-height:232px;}
.panal_bast .bast_box .cmp_card .cmp_fee_row {display:flex; align-items:center; justify-content:space-between; margin-bottom:15px;}
.panal_bast .bast_box .cmp_card .cmp_fee_row span {font-size:16px; font-weight:700;}
.panal_bast .bast_box .cmp_card .cmp_fee_row.cmp_sub_row span {font-size:14px; font-weight:500; color:#747474;}
.panal_bast .bast_box .cmp_card .cmp_fee_row.cmp_extra_row {margin-bottom:0;}
.panal_bast .bast_box .cmp_card .cmp_fee_row.cmp_extra_row span {font-weight:500;}
.panal_bast .bast_box .cmp_card .cmp_total_section {padding:30px 0 25px; display:flex; align-items:center; justify-content:space-between; border:1px solid #e4e4e4; border-width:1px 0 1px 0;}
.panal_bast .bast_box .cmp_card .cmp_total_section span {font-size:20px; font-weight:700;}
.panal_bast .bast_box .cmp_card .cmp_total_section .cmp_total_val {color:#eb0c12;}
.panal_bast .bast_box .cmp_card .cmp_cash_section {padding:21px 0 0; display:flex; align-items:center; justify-content:center; gap:8px}
.panal_bast .bast_box .cmp_card .cmp_cash_section  .cmp_cash_amount {font-size:20px; font-weight:900; color:#eb0c12;}
.panal_bast .cmp_secret_btn {display:flex; align-items:center; padding:7px 10px; color:#fff; border-radius:5px; font-size:12px; font-weight:700; background-color:#eb0c12;}


.panal_promotion {padding:77px 0 160px;}
.panal_promotion .topic {font-size:36px; font-weight:700; text-align:center; line-height:1.3; font-weight:700;}
.panal_promotion .desc {margin:10px 0 70px; color:#000; font-size:20px; text-align:center; font-weight:600;}
.panal_promotion .promotion_box {display:flex; align-items:center; flex-wrap:wrap; gap:44px 4%;}
.panal_promotion .promotion_box .part {display:flex; align-items:start; justify-content:space-between; padding:17px 4px 17px 29px; width:48%; border:1px solid #e8e8e8; border-radius:20px;}
.panal_promotion .promotion_box .part .col {text-align:left;}
.panal_promotion .promotion_box .part .col strong {display:block; margin:24px 0 17px; font-size:18px; color:#eb0c12; font-weight:600;}
.panal_promotion .promotion_box .part .col p {font-size:16px; font-weight:500; color:#747474; word-break:keep-all;}
.panal_promotion .promotion_box .part .col p em {font-weight:700; color:#000}
.panal_promotion .btn_link {margin-top:75px; padding:23px 76px}


.panal_review {padding:77px 0 99px; background-color:#fafafa;}
.panal_review .inner {width:1260px;}
.panal_review .topic {font-size:36px; font-weight:700; text-align:center; line-height:1.3; font-weight:700;}
.panal_review .desc {margin:10px 0 70px; color:#000; font-size:20px; text-align:center; font-weight:600;}
.panal_review .reviewSwiper {padding: 20px 30px 102px !important;}
.panal_review .review_card {display:flex; flex-direction: column; padding:43px 25px 38px; border-radius:20px; overflow:hidden; height:100%; background-color:#fff; box-shadow: 0px 10px 40px rgba(0, 0, 0, .1);}
.panal_review .review-img {margin:0 auto; width:200px; aspect-ratio:4 / 3; border-radius:8px; overflow:hidden; background-color:#eee;}
.panal_review .reviewSwiper .swiper-slide {flex-shrink:0;}
.panal_review .review-img img {width:100%; height:100%; object-fit:cover; display:block;}
.panal_review .review_info {display:flex; align-items:center; justify-content:space-between; margin:39px 0;}
.panal_review .review_info .review_star {display:flex; gap:2px; font-size:18px; color:#eb0c12;}
.panal_review .review_info .review_name {font-size:16px; color:#747474;}
.panal_review .review_tit {display:block; margin-bottom:15px; font-size:17px; font-weight:600; text-align:left; word-break: keep-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.panal_review .review_desc {font-size:16px; color:#747474; line-height:1.3; flex:1; text-align:left; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; word-break:keep-all;}
.panal_review .swiper-button-prev,
.panal_review .swiper-button-next {width:54px; height:54px; border-radius:50%; background-color:#fafafa; border:1px solid #bababa; top:50%;}
.panal_review .swiper-button-prev::after,
.panal_review .swiper-button-next::after {font-size:14px !important; font-weight:700; color:#bababa;}
.panal_review .swiper-button-prev {left:var(--swiper-navigation-sides-offset, 30%) !important;}
.panal_review .swiper-button-prev,
.panal_review .swiper-button-next {border-color:#eb0c12; right:var(--swiper-navigation-sides-offset, 30%) !important;}
.panal_review .swiper-button-prev::after,
.panal_review .swiper-button-next::after {color:#eb0c12;}
.btn_event_review {display:block;}
.btn_event_review img {display:block; margin:0 auto;}


.panal_real {padding:77px 0 33px}
.panal_real .inner {width:1260px;}
.panal_real .topic {font-size:36px; font-weight:700; text-align:center; line-height:1.3; font-weight:700;}
.panal_real .desc {margin:10px 0 70px; color:#000; font-size:20px; text-align:center; font-weight:600;}
.panal_real .real_box {display:flex; align-items:center; gap:40px; margin-top:66px;}
.panal_real .real_box .cont {margin-top:23px; width:50%; padding:33px 29px 23px; border:1px solid #e8e8e8; border-radius:20px;}
.panal_real .real_box .cont .tit {display:flex; align-items:center; justify-content:center; gap:4px; margin-bottom:15px; font-size:20px; font-weight:600;}
.panal_real .real_box .cont .tit::before {content:""; width:24px; height:24px; background:url(../img/main/ico_real_tit.png) no-repeat 0 0; background-size:24px;}
.panal_real .real_box .cont .tit.gift::before {background-position:0 -24px;}
.panal_real .real_box .cont .over_box .real_head {border-radius:8px; overflow:hidden;}
.panal_real .real_box .cont .over_box .real_body {height:240px; overflow:hidden; position:relative;}
.panal_real .real_box .cont .over_box .tb_real {width:100%; table-layout:fixed; font-size:1.3rem;}
.panal_real .real_box .cont .tb_real th,
.panal_real .real_box .cont .tb_real td {padding:15px 10px; font-size:14px;}
.panal_real .real_box .cont .tb_real thead th {color:#fff; background-color:#ec0d13;}
.panal_real .real_box .cont .tb_real tbody {display:block;}
.panal_real .real_box .cont .tb_real tr {display:table; width:100%; table-layout:fixed;}
.panal_real .real_box .cont .tb_real tbody td {font-weight:600; border-bottom:1px solid #eee;}
.panal_real .real_box .cont .tb_real tbody td:last-child {color:#ec0d13;}
.panal_real .real_box .cont .tb_real tbody tr:nth-child(5n) td {border-bottom:none;}


.panal_dbin {padding:77px 0 148px}
.panal_dbin .topic {font-size:36px; font-weight:700; text-align:center; line-height:1.3; font-weight:700;}
.panal_dbin .desc {margin:10px 0 75px; color:#000; font-size:20px; text-align:center; font-weight:600;}
.panal_dbin .dbin_box {display:flex; align-items:stretch; gap:30px; text-align:center;}
.panal_dbin .dbin_box .part {flex:1; padding:27px 1rem 48px; min-height:360px; border:1px solid #e8e8e8; border-radius:20px;}
.panal_dbin .dbin_box .part.db {padding:27px 60px 48px;}
.panal_dbin .dbin_box .part .tit {display:block; margin-bottom:29px; font-size:24px; font-weight:700;}
.panal_dbin .dbin_box .part .sub_tit {color:#747474; font-size:16px; font-weight:500;}
.panal_dbin .dbin_box .part .btn_db_tel .img_db_tel {display:block; margin:34px auto 32px;}
.panal_dbin .dbin_box .part .btn_db_tel .txt_db_tel {font-size:32px;}
.panal_dbin .dbin_box .part .img_db_tel {display:block; margin:34px auto 46px;}
.panal_dbin .dbin_box .part .txt_db_tel {display:block; font-size:24px; color:#fc1f25; font-weight:700;}
.panal_dbin .dbin_box .part .submitBtn {display:flex; align-items:center; justify-content:center; width:100%; min-height:50px; font-size:24px; font-weight:700; color:#fff; border-radius:8px; 
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); background: linear-gradient(90deg, #ea0b11, #ff2228); cursor:pointer;}

.mm_info_object .frm_box input#frm_name {margin-bottom:11px;}
.mm_info_object .frm_box input {min-width:330px; color:#000; border:1px solid #ccc; border-radius:8px;}
.mm_info_object .agree_box {padding:23px 0 30px;}
.mm_info_object .col_allchk, .mm_info_object .agree_grup .col {display:flex; align-items:center;}
.mm_info_object .agree_grup, .mm_info_object .agree_grups {padding:.5rem 0 0 0;}
.mm_info_object .agree_grup .col, .mm_info_object .agree_grups .col {margin:.8rem 0 0; width:100%;}
.mm_info_object .btn_toggle, .mm_info_object .agree_grup .col .btn_view {margin-left:auto;}
.mm_info_object .btn_toggle {position:relative; padding-right:1.1rem; font-size:16px; font-weight:700;}
.mm_info_object .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;}
.mm_info_object .btn_toggle.on::after {top:3px; transform:rotate(136deg);}
.col .btn_view {display:block; padding:.2rem .5rem; font-size:.85rem; border-radius:5px; font-weight:500; background-color:#cbcbcb;}
.sc_panel_1 .mm_info_object .submitBtn {margin:0 auto; padding:0; display:block; width:520px; height:65px; line-height:65px; font-size:1.4rem; color:#fff; border-radius:50px; text-align:center; font-weight:700;
    background: linear-gradient(to bottom, #3e3e3e, #2b2b2b);
    text-shadow:4px 4px 6px rgba(0, 0, 0, .7);
    box-shadow: inset 3px 2px 9px rgba(255,255,255,0.4),
              inset -5px -5px 10px rgba(0,0,0,0.5),
              0 3px 12px rgba(0,0,0,0.2);
}

/* all checkbox */
.agree_grup {display:none;}
.agree_grups {display:none;}
.agree_allchk, .chk_list {display:flex; align-items:center; cursor:pointer; user-select:none; font-size:16px; font-weight:700;}
.agree_allchk input, .chk_list input {display:none;}
.chk_list .checkmark, .agree_allchk .checkmark {width:20px; height:20px; border:2px solid #a5a5a5; border-radius:30px; margin-right:5px; display:inline-block; position:relative; transition:background 0.3s, border-color 0.3s;}
.agree_allchk input + .checkmark::after,
.chk_list input + .checkmark::after {content:""; position:absolute; left:5px; top:2px; width:4px; height:7px; border:solid #a5a5a5; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.agree_allchk input:checked + .checkmark,
.chk_list input:checked + .checkmark {border-color:#fc1f25; background-color:#fc1f25;}
.agree_allchk input:checked + .checkmark::after,
.chk_list input:checked + .checkmark::after {content:""; position:absolute; left:5px; top:2px; width:4px; height:7px; border:solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.chk_list {color:#575757; text-align:left; letter-spacing:-1.5px; font-weight:400;}
.chk_list .required {color:#fc1f25;}



.bottom_cat {position:fixed; bottom:-2rem; left:0; right:0; background-color:rgba(0, 0, 0, .8); transform:translateY(100%); transition:transform .35s cubic-bezier(.4,0,.2,1);  z-index:999;}
.bottom_cat.visible {bottom:0; transform:translateY(0);}
.bottom_cat .inner {display:flex; align-items:center; justify-content:center; gap:35px; padding:20px 0 30px;}
.bottom_cat .cta_tel {display:flex; align-items:center; gap:8px; font-size:40px; font-weight:900; color:#fff;}
.bottom_cat .cta_tel::before {content:""; width:28px; height:30px; background:url("../img/sub/ico_bottom_cta_tel.png") no-repeat center;}
.bottom_cat .mm_info_object {display:flex; align-items:center; gap:10px;}
.bottom_cat .mm_info_object .frm_box {display:flex; align-items:center; border-radius:10px;}
.bottom_cat .mm_info_object .frm_box input {margin-bottom:0 !important; width:220px; min-width:auto; height:40px; border:0; border-radius:0;}
.bottom_cat .mm_info_object .frm_box input#frm_name_sub {border-radius:10px 0 0 10px;}
.bottom_cat .mm_info_object .frm_box input#frm_phone_sub {border-radius:0 10px 10px 0;}
.cta_call_wrap {position:relative; flex-shrink:0;}
.cta_call_wrap .cta_badge {position:absolute; top:-40px; right:10px; display:flex; align-items:center; gap:4px; color:#1a1a1a; font-size:16px; font-weight:800; padding:5px 10px; border-radius:20px; background:linear-gradient(90deg, #fee906, #fcee59); animation:floatBadge 2s ease-in-out infinite;}
.cta_call_wrap .cta_badge i {color:#1a1a1a; font-size:16px; font-weight:800; animation:blinkText 1s infinite;}
.cta_call_wrap .cta_badge::before {content:""; width:13px; height:14px; background:url("../img/sub/ico_cta_badge.png") no-repeat 0 0;}
.cta_call_wrap .cta_badge::after {content:""; position:absolute; bottom:-6px; left:50%; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #fcee59; transform:translate(-50%, 0);}
@keyframes floatBadge {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes blinkText {
    0%   { color:#000; }
    50%  { color:#fc1f25; }
    100% { color:#000; }
}
.cta_call_wrap .cta_call_btn {display:flex; align-items:center; gap:10px; padding:7px 20px; border-radius:10px; font-size:22px; font-weight:700; color:#fff; background:linear-gradient(90deg, #ea0b11, #ff2228);}
.cta_call_wrap .cta_call_btn::before {content:""; width:17px; height:17px; background:url("../img/sub/ico_cta_call_btn.png") no-repeat center;}
.cta_call_wrap .cta_call_btn:hover { background-color:#c8111e; }


body.write-page #modalOverlay {
    display: none !important;
}


.bast_box .swiper-button-next, .bast_box .swiper-button-prev {display:none;}
.panal_review .swiper-button-next, .panal_review .swiper-button-prev {top:var(--swiper-navigation-top-offset,40%)}

.panal_video {padding:95px 0; background-color:#ff2d2d;}
.panal_video .video_wrap {margin:0 auto; width:880px;}
.panal_video .video_wrap video {display:block; width:100%; border-radius:15px;}
#planSwiper .swiper-button-prev svg,
#planSwiper .swiper-button-next svg {
    display: none !important;
}
#planSwiper .swiper-button-prev,
#planSwiper .swiper-button-next {
    display: none
}
#planSwiper {overflow:visible;}

a.btn_link:visited,
a.cta-btn:visited {color:#fff;}

.compare_box .secret-btn.secret-btn-mobile {display:none;}


.bottom_cat .mm_info_object .frm_box {position:relative;}
.bottom_cat .mm_info_object .agree_box {position:absolute; left:0; bottom:-25px; right:0; padding:0;}
.bottom_cat .mm_info_object .agree_box .agree_grup {display:flex; gap:2%;}
.bottom_cat .mm_info_object .agree_box .agree_grup .chk_list {font-size:13px; color:#fff;}
.bottom_cat .mm_info_object .agree_box .agree_grup .chk_list .checkmark {width:16px; height:16px;}
.bottom_cat .mm_info_object .agree_box .agree_grup .chk_list input + .checkmark::after {top:1px; left:3px; width:4px; height:5px;}
.bottom_cat .mm_info_object .agree_box .agree_grup .col .btn_view {padding:3px 5px; font-size:.6rem;}