.main_banner_box img{width:100%;}

#contents{font-family: 'Noto Sans KR';}

.main_banner_box .swiper-horizontal>.swiper-pagination-bullets, .main_banner_box .swiper-pagination-bullets.swiper-pagination-horizontal, .main_banner_box .swiper-pagination-custom, .swiper-pagination-fraction{bottom:14px;}
.main_banner_box .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .main_banner_box .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4.5px;}
.main_banner_box .swiper-pagination-bullet{opacity:1}
.main_banner_box .swiper-backface-hidden .swiper-slide a{display: block;    background: #f8f8ff;}
.main_banner_box .swiper-button-prev , .main_banner_box .swiper-button-next{width: 13.5px !important; height:26.5px !important;  top: 53%; color:transparent !important;}
.main_banner_box .swiper-button-prev {background:url('../../img/btn/btn_slide_arrow.png')no-repeat 0 0; background-size:47px; left:10px;}
.main_banner_box .swiper-button-next {background:url('../../img/btn/btn_slide_arrow.png')no-repeat 100% 0; background-size:47px; right:10px;}



/*서비스안내*/
.service_notice{width:100%;  background:#f8f8ff;}
.service_notice .inner{ width:100%; margin: 0px auto;box-sizing: border-box; padding:50px 10px 47.5px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.service_notice .inner > p{display:flex; align-items: center; justify-content:center; width:100%; font-size: 22.5px; font-weight: bold; position: relative;  margin:0px auto;}
.service_notice .inner > p > em{font-style: italic; font-weight: bold; font-size: 22.5px;}
.service_notice .inner > p .ico_notice{width:32px; height:29px; margin-right:8px;}
.service_notice .inner > ul {margin-top:25px;}
.service_notice .inner > ul > li{font-size:14.5px; word-break: auto-phrase; position: relative; line-height:1.5; padding-left:10px;}
.service_notice .inner > ul > li~li{margin-top:5px;}
.service_notice .inner > ul > li::before{content:''; position:absolute; left:2px; width:3px; height:3px; border-radius: 100%; background:#000; top:50%; transform: translate(-50%,0); }
.service_notice .inner > ul > li.last:before{content:''; position:absolute; left:2px; width:3px; height:3px; border-radius: 100%; background:#000; top:15%; transform: translate(-50%,0); }


/*구매~장착*/
.order_step_wrap{overflow-x:auto;  margin:0px auto;}
.order_step_wrap > p.tit{font-size:22.5px; font-weight: bold; text-align: center; margin:51.5px auto 26px;letter-spacing: -0.025em;}
.order_step_wrap .step_txt_wrap{overflow-x:auto;}
.order_step_wrap .step_txt_wrap::-webkit-scrollbar{display: none;}
.order_step_wrap .step{white-space: nowrap; padding:0 10px; gap:17.5px; display: inline-flex; justify-content: space-between; margin-bottom:30px;}
.order_step_wrap .step li{position:relative; width:120px; height:120px;text-align: center; border-radius: 100%; border:2px solid #7f1084}
.order_step_wrap .step li~li::before{content:''; position:absolute; top:50%; left:-20%;  transform: translate(22%, -50%); width:18px; height:2px; background: #7f1084;}
.order_step_wrap .step li~li::after{content:''; position:absolute; top:50%; left:-15%;  transform: translate(50%, -50%); width:8px; height:12px; background: url('../../img/icon/ico_triangle.png')no-repeat; background-size:100%;}

.order_step_wrap .step .step_c{display: block; margin:17.5px auto 9.5px; font-size:8px; color:#7f1084; width:40px; height:16px;  line-height:16px; border-radius:10px; background:#f2ebfe;}
.order_step_wrap .step .step_tit{display: block; margin-bottom:10px; font-size:16px; color:#7f1084; font-weight: bold; line-height:1;}
.order_step_wrap .step .step_con{display: block; font-size:12px; color:#000; line-height: 1.4; font-weight: 500; letter-spacing: -0.05em;font-family: 'Pretendard'; }

.order_step_wrap .step li.last_step{background: #7f1084; }
.order_step_wrap .step li.last_step .step_tit{color:#fff;}
.order_step_wrap .step li.last_step .step_con{color:#fff;}

.order_step_wrap table{width:calc(100% - 20px); border:1px solid #7f1084; margin-bottom:50px; margin: 0px auto 50px;}
.order_step_wrap table tr {border-bottom:1px solid #e5e5e5;}
.order_step_wrap table tr:last-child{border-bottom: none;}
.order_step_wrap table tr td{height:45px; text-align: center; font-size:13px;}
.order_step_wrap table tr th{height:45px; font-size:13px; color:#fff; font-weight: bold;}
.order_step_wrap table tr th.tit1{background:#000;}
.order_step_wrap table tr th.tit2{background:#b5985a; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.order_step_wrap table tr th.tit3{background:#7f1084;}
.order_step_wrap table  .dash{font-size:15px;}
.order_step_wrap table tr td.td1{border-right: 1px solid #e5e5e5; background:#f5f1fc;}
.order_step_wrap table tr td.td1.font_lato{font-family: 'Lato';}
.order_step_wrap table tr td.td2{border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.order_step_wrap table tr td.b_logo1 img{width:78px;}
.order_step_wrap table tr td.b_logo2 img{width:95px;}
.order_step_wrap table tr td.b_logo3 img{width:81px;}
.order_step_wrap table tr td.b_logo3_1 img{width:96.5px;}



/*서비스*/
.premium_service_wrap{background:#f8f8ff}
.premium_service_wrap .inner{ margin:0px auto; padding:50px 0 50px; }
.premium_service_wrap .inner .tit{font-size:24.5px;line-height: 1.2; font-weight: bold; text-align: center; margin:0 auto 25px; letter-spacing: -0.025em;}

.premium_service_wrap .inner .servie1 {margin-bottom:12px; padding:0 10px;}
.premium_service_wrap .inner .servie1 ul{display: flex;  flex-wrap: wrap;}
.premium_service_wrap .inner .servie1 ul li{display: flex; gap:20px; align-items: center; justify-content: center; width:100%; height:42.1875vw;  box-sizing: border-box; background:#fff; border:1px solid #ddd; border-radius: 5px; }
.premium_service_wrap .inner .servie1 ul li~li{margin-top:10px;}

.premium_service_wrap .inner .service_img{display: block; width:21.875vw; max-width:35%; text-align: center;}
.premium_service_wrap .inner .service_img img{width:100%;}
.premium_service_wrap .inner .service_con{width:65%;}

.premium_service_wrap .inner .servie_tit{ display: block;  line-height: 1.2; text-align: left; line-height: 1.2;  letter-spacing: -0.05em; margin: 0.0000vw 0 1.5625vw; font-size:18px; }
.premium_service_wrap .inner .servie_tit b{color: #7f1084;}
.premium_service_wrap .inner .servie_tit.font_lato{letter-spacing: -0.1953vw;}
.premium_service_wrap .inner .servie_tit.font_lato b{color: #7f1084; font-family: 'Noto Sans KR';}
.premium_service_wrap .inner .servie_con{  letter-spacing: -0.0781vw; line-height: 1.4;font-size:14.5px;  text-wrap: pretty;    word-break: auto-phrase;}


@media (min-width:640px) {
    .premium_service_wrap .inner .servie1 ul li{display: flex; gap:40px; align-items: center;  width:100%; height:270px; box-sizing: border-box; background:#fff; border:1px solid #ddd; border-radius: 5px; }
    .premium_service_wrap .inner .service_img{display: block;width:140px; text-align: center;}
    .premium_service_wrap .inner .service_img img{width:100%;}
    .premium_service_wrap .inner .servie_tit{display: block;  line-height: 1.2; text-align: left; letter-spacing: -0.05em; margin: 0px 0 10px; font-size:36px; font-weight: bold;}
    .premium_service_wrap .inner .servie_tit b{color: #7f1084;}
    .premium_service_wrap .inner .servie_tit.font_lato{letter-spacing: -1.25px;}
    .premium_service_wrap .inner .servie_tit.font_lato b{color: #7f1084; font-family: 'Noto Sans KR';}
    .premium_service_wrap .inner .servie_con{display: block; text-align: left; letter-spacing: -0.5px; line-height: 1.4;font-size:29px; color:#000; word-break: auto-phrase;}


}

@media (max-width:350px) {
    .premium_service_wrap .inner .servie1 ul li{height:52vw;}
    .premium_service_wrap .inner .servie_con {text-wrap: initial; word-break: initial;}
}


/*제휴카드안내*/
.card_info_wrap{ margin:0px auto;}
.card_info_wrap .tit{ margin:50px auto 15px; font-size:24.5px; font-weight: bold; text-align:center; line-height:1; letter-spacing: -0.025em;}
.card_info_wrap .sub_tit{display: block; text-align: center; font-size:14.5px; color:#000; line-height: 1.2; margin-bottom:25px;letter-spacing: -0.025em;}

.card_info_wrap {margin:30px auto 43px; }
.card_info_wrap .tab_btn{display: flex;    flex-wrap: wrap;}
.card_info_wrap .tab_btn button{width:33.3%; border:1px solid #7f1084; background: #fff;  border-bottom:none; border-right:none; height:37.5px; line-height:34.5px; font-weight:500; color:#000; font-size:12px;}
.card_info_wrap .tab_btn button~button{border-left:1px solid #7f1084;}
.card_info_wrap .tab_btn button.nh{border-radius: 10px 0 0 0;}
.card_info_wrap .tab_btn button.kb{border-radius: 0px 10px 0 0;border-right:1px solid #7f1084;}
.card_info_wrap .tab_btn button.lotte{border-bottom:1px solid #7f1084;}
.card_info_wrap .tab_btn button.hana{border-bottom:1px solid #7f1084;}
.card_info_wrap .tab_btn button.etc{border-bottom:1px solid #7f1084;border-right:1px solid #7f1084;}
.card_info_wrap .tab_btn button.empty{border:1px solid #7f1084;background:#f8f8ff; border-bottom:none;}
.card_info_wrap .tab_btn button.on{background:#7f1084; color:#fff; font-weight: bold;}

.card_info_img img{width:100%;}

.card_list_wrap{padding:0 10px; margin:32.5px 0 47.5px; }
.card_info_wrap .tab_con{background:#f8f8ff; border:1px solid #7f1084;  border-top:none;border-radius: 0 0 10px 10px;}
.card_info_wrap .tab_con div{display: none;}
.card_info_wrap .tab_con div.on{display: block;     padding: 12.5000vw 7.8125vw;}
.card_info_wrap .tab_con div.on img{display: block; width:100%; text-align: center; margin:0px auto;}


/*공지사항*/
.notice_list_wrap{overflow:hidden;}
.notice_list_wrap .notice{padding:0 10px;margin-bottom:30px;}
.notice_list_wrap .notice h3{position:relative; letter-spacing: -0.025em; border-bottom:2px solid #000;  display: flex; justify-content: space-between; align-items: center;  padding-bottom:15px; font-weight: bold; font-size:15px; color:#000; font-family: 'Noto Sans KR'; padding-left:25.5px;}
.notice_list_wrap .notice h3::before{content:''; position:absolute; top:4px; left:0; background:url('../../img/icon/ico_footer_notice.png')no-repeat; width:19px; height:15.5px; background-size: 100%;}
.notice_list_wrap .notice h3 a{width:53px;}
.notice_list_wrap .notice h3 a img{vertical-align: middle; width:100%;}

.notice_list li{height:45px; line-height:45px; border-bottom:1px solid #e5e5e5;}
.notice_list li > a{display: flex; justify-content: space-between;}
.notice_list .notice_tit{color:#231f20; font-size:14.5px; padding-left:10px; position:relative; width:66vw; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.notice_list .notice_tit::before{content:'·'; position:absolute; left:3px; top: 0%;}
.notice_list .notice_date{color:#818285; font-size:14.5px; font-family: 'Lato';}

.notice_list_wrap .cs_center{background:#f2f2f2; padding:32.5px 10px 46px;}
.notice_list_wrap .cs_center .info_time{font-size:14.5px; line-height:1; color:#818285; display: block; line-height:1.4;margin: 10px 0 9px;}
.notice_list_wrap .cs_center .info_tell{font-size:36px; font-weight: bolder; display: block; line-height:1;}
.notice_list_wrap .cs_center > h3{position:relative; line-height:1;  letter-spacing: -0.025em; padding:0; margin-bottom: 17.5px; font-size:15px; font-weight: bold; color:#000; padding-left:30px;  font-family: 'Noto Sans KR'}
.notice_list_wrap .cs_center > h3::before{content:''; position:absolute; top:1px; left:0; background:url('../../img/icon/ico_cscenter.png')no-repeat; width:18px; height:15.5px;background-size:100%; }
.notice_list_wrap .cs_center .tell_info{background:#fff; border:1px solid #ddd; border-radius: 5px; padding:22px 50px 22px;}
.notice_list_wrap .cs_center .tell_info > h3{position:relative; font-size: 14.5px; color:#231f20;letter-spacing: -0.05em;line-height: 1;
    margin-bottom: 10px;padding: 0;font-weight: bold; font-family: 'Noto Sans KR';}
.notice_list_wrap .cs_center .tell_info > h3::before{content:''; position:absolute; left:-29px;  background:url('../../img/icon/ico_tell_info.png')no-repeat;  width: 19px;
    height: 22px; background-size:100%;}
.notice_list_wrap .cs_center .tell_info span{display:block; font-size:14.5px; color:#818285; line-height:1.2}
.notice_list_wrap .cs_center a.tel{font-size:25px; font-family:'lato'; font-weight: bold; line-height:1;}