/* BASIC css start */
#contentWrapper {min-width: 1400px;padding-top: 0px!important;}
.hero-slider {width: 100%;height: 700px;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;z-index: 0;overflow: hidden;min-width: 1400px;}
.hero-slider .swiper-slide {overflow: hidden;color: #fff;}
.hero-slider .swiper-containerA {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.hero-slider .slide-inner {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-size: cover;background-position: center;display: flex;justify-content: center;align-items: center;text-align: left;}
 
.mb50 {margin-bottom:50px;}
.pb50 {padding-bottom: 50px;}
.pb100 {padding-bottom: 100px;}
 
.con_section .e_title {padding: 100px 0 70px;font-family: 'Pretendard', "Apple SD Gothic Neo";font-size: 16px;color: #222; text-align:center;} 
.con_section .e_title .e_maintitle {font-size: 30px;font-weight: 600;margin-bottom: 10px;font-family: 'Pretendard', "Apple SD Gothic Neo";}

.e_title {padding-top: 20px;font-family: 'Pretendard', "Apple SD Gothic Neo";font-size: 16px;color: #fff;} 
.e_title .e_maintitle {font-size: 30px;font-weight: 600;margin-bottom: 10px;font-family: 'Pretendard', "Apple SD Gothic Neo";}

.side #content {float: right;width: 50%;box-sizing: border-box;min-height: unset;}
.side_container {}

.pr-10 {padding-right:10px;}
.pl-10 {padding-left:10px;}

.underlined {text-decoration: underline;} 
.opacity1{opacity: 1!important;} 
.align-end {align-items: end;}
.gap5 {gap: 5px;}

.allmore {text-align: center;padding-bottom:50px}   
.allmore a {margin: 0 auto;text-align: center;display: block;width: 450px;background: #26231d;color: #fff;padding: 10px;}


#contentWrap{    background: #222222;}
.contentWrap_1280{display: flex;margin: 0 auto;max-width: 1280px;padding: 40px 50px 70px;}

        
/*************영역 네비****************/
#section_list{height:50px; position:relative;    background: #222222;}
#section_list ul{display: flex;justify-content: space-around;position:absolute;transition: background 0.2s ease-in-out; text-align:center; font-size:0;box-sizing:border-box; padding:0px; border-radius: 30px;    transform: translate(-50%, 0%);left: 50%;width: 100%;max-width: 1400px;gap: 50px;}
#section_list ul li{    font-weight: 500;font-family: 'Pretendard';color: #8b8b8b; display:inline-block; vertical-align:top; width:auto;padding: 0px 20px; cursor:pointer; position:relative; overflow:hidden;font-size: 16px;line-height: 48px;}
#section_list ul li:last-child{margin:0;}
#section_list ul li:after{content:''; display:block; width:100%; height:2px;  position:absolute; left:0; bottom:-2px; transition:all 0.3s;}
#section_list ul li h3{font-size:16px; color:#232323; letter-spacing:-0.3px; font-weight:normal; font-family:'Noto Sans KR', sans-serif; line-height:20px;font-weight: 500;}
#section_list ul li.on:after{bottom:0;}
#section_list ul .on {border-bottom: 2px solid;color: #fff;}
#section_list_ul {height: 50px;width: 100%;background: #222;min-width: 1400px;}
#section_list.fix #section_list_ul {position:fixed; z-index:1100;top: 0px;}
/**********************/
 
/************ 탭 네비 ******************/
.swipertab.fixed {position: fixed;top: 0;left: 0;width: 100%;z-index: 100;}
.tab_content {display:none;}
.tab_content.active {display:block;}
.swipertab_list.swiper-wrapper.fix {top: 50px;z-index: 1001;position: fixed;width: 100%;height: 41px;background: #fff;font-size: 14px;    padding-top: 9px;}

.swipertab_list {display: flex;justify-content: space-around;}
.swipertab_list .swiper-slide {font-weight: 500;font-family: 'Pretendard';width: auto;position: relative;overflow: hidden;font-size: 14px;line-height: 30px;height: 30px;padding: 0px 10px;border: 1px solid #e7e7e7;border-radius: 5px;color: #8b8b8b;}
.swipertab.swiper-containerB {width: 100%;margin: 0 auto;background: #fff;font-size: 14px;padding: 0px 0 70px;}
.swiper-slide.on {    background: #2c2c2c;color: #fff;}
.swipertab_ul {display: flex;justify-content: space-between;gap:50px;} 
/**********************/ 
.tab_content {display:none;}
.tab_content.active {display:block;}
.swipertab_list2.swiper-wrapper.fix {top: 50px;z-index: 1001;position: fixed;width: 100%;height: 41px;background: #fff;font-size: 14px;    padding-top: 9px;}

.swipertab_list2 {display: flex;justify-content: space-around;}
.swipertab_list2 .swiper-slide {font-weight: 500;font-family: 'Pretendard';width: auto;position: relative;overflow: hidden;font-size: 14px;line-height: 30px;height: 30px;padding: 0px 10px;border: 1px solid #e7e7e7;border-radius: 5px;color: #8b8b8b;}
.swipertab.swiper-containerB {width: 100%;margin: 0 auto;background: #fff;font-size: 14px;padding: 0px 0 70px;}
.swiper-slide.on {    background: #2c2c2c;color: #fff;}
.swipertab_ul {display: flex;justify-content: space-between;gap:50px;} 
/**********************/

#hdWrap, #headerBanner {transition: opacity 0.5s ease;opacity: 1;}
#hdWrap.hide, #headerBanner.hide {opacity: 0;pointer-events: none;}


.benefit {    width: 1400px;margin: 0 auto;padding: 50px 100px;}

.cp_wrap {display: flex;justify-content: space-between;}
.cp_down a {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; cursor: pointer;}
.dashed {z-index: 1; height: 100%; border-left: 1px dashed rgb(0, 0, 0); opacity: 0.2; border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0);}
.cp_down_w {display: flex;gap: 15px;}

.paybenefit_wrap {padding-top: 30px;}
.paybenefit {background: #f0f5fa;padding:15px; border-radius: 5px;    color: #222; margin-bottom: 20px;    width: 80%;}
.paybenefit img { width: 50px;    float: right;margin-top: -46px;}
.paybenefit_info {}
.paybenefit_info div:nth-child(2) {font-weight: 700;font-size: 16px;}
.paybenefit_info div .cunt {    background: #353535;color: #fff;padding: 2px 7px;border-radius: 4px;margin-left: 10px;font-size: 12px;vertical-align: text-bottom;}
.paybenefit_info div {font-size: 14px;font-family: 'Pretendard', "Apple SD Gothic Neo";color: #222;line-height: 1.5;}


.notice-button {cursor: pointer;color: #8b8b8b; border: none;background: none; }
dialog::backdrop {background: rgba(0, 0, 0, 0.4);}
dialog {border: none;border-radius: 10px;padding: 20px;max-width: 90%;width: 500px;line-height: 1.6;}
dialog p{font-size: 13px;line-height: 1.5;font-family:'Pretendard'; color:#8b8b8b;} 
dialog h1 {font-size: 15px;padding-bottom: 20px;}
.dialog-footer {text-align: right;margin-top: 20px;}
.dialog-footer button {padding: 6px 12px;border: none;background-color: #333;color: white;border-radius: 4px;cursor: pointer;  }


/* BASIC css end */