/*폰트*/
.font_lato{font-family: 'Lato';}
#contents , button, select ,th,td{font-family: 'Noto Sans KR';}

/*메인 슬라이드*/
/* .main_visual .swiper-pagination-bullet{opacity: 1;}
.main_visual .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:40px;}
.main_visual .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}
.main_visual  img{width:100%;} */

.main_slider {display: flex; justify-content: center; overflow: hidden;}
.main_slider__inner{position: relative;display: block; margin: 0 auto;min-width:1920px;    width: 1920px;}
.main_visual .swiper-pagination-bullet{opacity: 1;}
.main_visual .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:40px;}
.main_visual .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}

.main_visual .swiper-slide__inner {position: relative; display: flex; justify-content: center;}
.main_visual .swiper-slide__inner img {display: block; min-width: 1920px; margin: 0 auto;}


/*서비스안내*/
.service_notice{width:100%;  background:#f8f8ff;}
.service_notice .inner{width:1045px;height:170px;  margin: 0px auto; display: flex;align-items: center; justify-content: space-between;}
.service_notice .inner > p{font-size: 26px; font-weight: bold; position: relative; padding-left:80px;}
.service_notice .inner > p > em{font-style: italic; font-weight: bold; font-size:26px;}
.service_notice .inner > p::before{content:''; position:absolute; left:0; background:url('../../img/icon/ico_notice.png')no-repeat; width:64px; height:58px; background-size: 100%;top: 50%; transform: translate(0%, -50%); }
.service_notice .inner > ul > li{font-size:16px; position: relative; line-height:1; padding-left:19px;}
.service_notice .inner > ul > li~li{margin-top:16px;}
.service_notice .inner > ul > li::before{content:''; position:absolute; left:0; width:3px; height:3px; border-radius: 100%; background:#000; top:50%; transform: translate(-50%,0); }

/*구매~장착*/
.order_step_wrap{width:1200px; margin:0px auto;}
.order_step_wrap > p.tit{font-size:40px; font-weight: bold; text-align: center; margin:104px auto 72px; letter-spacing: -0.025em;}
.order_step_wrap .step{display: flex; justify-content: space-between; margin-bottom:60px;}
.order_step_wrap .step li{position:relative; width:180px; height:180px;text-align: center; border-radius: 100%; border:2px solid #7f1084}
.order_step_wrap .step li~li::before{content:''; position:absolute; top:50%; left:-52%;  transform: translate(22%, -50%); width:73px; height:2px; background: #7f1084;}
.order_step_wrap .step li~li::after{content:''; position:absolute; top:50%; left:-29%;  transform: translate(50%, -50%); width:16px; height:24px; background: url('../../img/icon/ico_triangle.png')no-repeat;}

.order_step_wrap .step .step_c{display: block; margin:26px auto 19px; font-size:12px; color:#7f1084; width:53px; height:21px;  line-height:21px; border-radius:10px; background:#f2ebfe;}
.order_step_wrap .step .step_tit{display: block; margin-bottom:17px; font-size:22px; color:#7f1084; font-weight: bold; line-height:1}
.order_step_wrap .step .step_con{display: block; font-size:16px; color:#818285; line-height: 1.4; letter-spacing: -0.025em;}

.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{border:1px solid #7f1084; margin-bottom:95px;}
.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:70px; text-align: center; font-size:16px;}
.order_step_wrap table tr th{height:70px; font-size:22px; 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:30px;}
.order_step_wrap table tr td.td1{border-right: 1px solid #e5e5e5; background:#f5f1fc;}
.order_step_wrap table tr td.td1.eng{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.brand_normal{ vertical-align: middle;}
.order_step_wrap table tr.brand_normal td img{display: block;margin:0px auto;}
.order_step_wrap table tr.brand_normal td .img2{margin-top:10px;}

/*서비스*/
.premium_service_wrap{background:#f8f8ff}
.premium_service_wrap .inner{width:1200px; margin:0px auto; padding:105px 0 99px; }
.premium_service_wrap .inner .tit{font-size:40px; font-weight: bold; text-align: center; margin:0 auto 70px; letter-spacing: -0.025em;}

.premium_service_wrap .inner .servie1 {margin-bottom:12px;}
.premium_service_wrap .inner .servie1 ul{display: flex; justify-content: space-between;}
.premium_service_wrap .inner .servie1 ul li{width:392px; height:265px; box-sizing: border-box; background:#fff; border:1px solid #ddd; border-radius: 10px;; }
.premium_service_wrap .inner .servie2 ul{display: flex; gap:10px; justify-content: space-between}
.premium_service_wrap .inner .servie2 ul li{width:596px; height:265px; box-sizing: border-box; background:#fff; border:1px solid #ddd; border-radius: 10px;; }

.premium_service_wrap .inner .service_img1{display: block; margin:44px auto 39px; text-align: center;}
.premium_service_wrap .inner .service_img2{display: block; margin:40px auto 36px; text-align: center;}
.premium_service_wrap .inner .service_img3{display: block; margin:43px auto 38px; text-align: center;}
.premium_service_wrap .inner .service_img4{display: block; margin:47px auto 29px; text-align: center;}
.premium_service_wrap .inner .service_img5{display: block; margin:47px auto 28px; text-align: center;}


.premium_service_wrap .inner .servie_tit{display: block;  line-height: 1; margin: 0px 0 20px; text-align: center; font-size:22px; font-weight: bold; letter-spacing: -0.05em;}
.premium_service_wrap .inner .servie_tit b{color: #7f1084;letter-spacing: -0.05em;}
.premium_service_wrap .inner .servie_tit.font_lato{letter-spacing: -0.025em;}
.premium_service_wrap .inner .servie_tit.font_lato b{color: #7f1084; font-family: 'Noto Sans KR';letter-spacing: -0.025em;}
.premium_service_wrap .inner .servie_con{display: block; letter-spacing: -0.5px; line-height: 1.4; text-align: center; font-size:16px; color:#818285;}


/*제휴카드안내*/
.card_info_wrap{width:1200px; margin:0px auto;}
.card_info_wrap .tit{ margin:102px auto 22px; font-size:40px; 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:16px; color:#818285; line-height: 1; margin-bottom:72px;}

.card_info_wrap {margin:68px auto 99px;}
.card_info_wrap .tab_btn{display: flex;}
.card_info_wrap .tab_btn button{width:20%; border:1px solid #7f1084;  border-bottom:none; border-right:none; height:60px; line-height:60px; font-size:500; color:#000; font-size:18px;}
.card_info_wrap .tab_btn button~button{border-left:1px solid #7f1084;}
.card_info_wrap .tab_btn button:last-child{border-right:1px solid #7f1084;}
.card_info_wrap .tab_btn button.nh{border-radius: 10px 0 0 0;}
.card_info_wrap .tab_btn button.hana{border-radius: 0 10px 0 0;}
.card_info_wrap .tab_btn button.on{background:#7f1084; color:#fff; font-weight: bold;}

.card_info_wrap .tab_con{background:#f8f8ff; border:1px solid #7f1084; border-radius: 0 0 10px 10px;}
.card_info_wrap .tab_con div{display: none;}
.card_info_wrap .tab_con div.on{display: block;padding:40px 0;}
.card_info_wrap .tab_con div.on img{display: block; text-align: center; margin:0px auto;}

/*공지사항*/

.notice_list_wrap{width:1200px; margin:0px auto; overflow:hidden; padding:0 0 20px 0;display: flex; justify-content: space-between;}
.notice_list_wrap .notice{width:698px; }
.notice_list_wrap .notice h3{position:relative; border-bottom:2px solid #000;letter-spacing: -0.025em; 
    display: flex; justify-content: space-between; align-items: center;
    padding-bottom:26px; font-weight: bold; font-size:24px; position: relative; color:#000; font-family: 'Noto Sans KR'; padding-left:38px;}
.notice_list_wrap .notice h3::before{content:''; position:absolute; top:5px; left:0; background:url('../../img/icon/ico_footer_notice.png')no-repeat; width:27px; height:22px; background-size: 100%;}
.notice_list_wrap .notice h3 a img{vertical-align: middle;}

.notice_list_wrap li{height:70px; line-height:70px; border-bottom:1px solid #e5e5e5;}
.notice_list_wrap li > a{display: flex; justify-content: space-between;}
.notice_tit{color:#231f20; font-size:16px; padding-left:15px; position:relative}
.notice_tit::before{content:'·'; position:absolute; left:3px; top: 0%;}
.notice_date{color:#818285; font-size:16px; font-family: 'Lato';}


.cs_center{width:413px;}
.cs_center .info_time{font-size:14px; line-height:1; color:#818285; display: block; line-height:1;margin: 20px 0 30px;}
.cs_center .tel{font-size:36px; font-weight: bolder; display: block; line-height:1;}
.cs_center > h3{position:relative; letter-spacing: -0.025em;  line-height:1;   padding:0; margin-bottom: 27px; font-size:24px; font-weight: bold; color:#000; padding-left:41px;  font-family: 'Noto Sans KR'}
.cs_center > h3::before{content:''; position:absolute; top:1px; left:0; background:url('../../img/icon/ico_cscenter.png')no-repeat; width:27px; height:24px; background-size:100%; }
.cs_center .tell_info{background:#f8f8ff; border-radius: 10px; padding:25px 67px 27px;}
.cs_center .tell_info > h3{position:relative; font-size: 18px; color:#231f20;     line-height: 1;
    margin-bottom: 18px;padding: 0;font-weight: bold; font-family: 'Noto Sans KR';}
.cs_center .tell_info > h3::before{content:''; position:absolute; left:-43px;  background:url('../../img/icon/ico_tell_info.png')no-repeat; width:27px; height:31px; background-size:100%;}
.cs_center .tell_info span{display:block; font-size:14px; color:#818285; line-height:1.1}