@charset "utf-8";
/* 혜택 공통 */
.benefit_wrap {padding-top:50px;} /* 2026-08-31 26상시개선 */
.benefit_wrap .sub_banner {margin-top: 70px;}
.benefit_content .subpage_title {display: flex; justify-content: center; align-items: center; padding: 82px 0 0; line-height: 60px;} /* 2024-02-22 상단 문구 텍스트만 삭제 */
.benefit_content .subpage_title .btn_border {margin-left: 80px;}
.benefit_content .choice_wrap {text-align: center; margin-bottom: 40px; clear: both;}
.benefit_content .choice_wrap.type1 {text-align: left;}
.benefit_content .search_wrap{display: flex; justify-content: flex-end;}
.benefit_content .search_wrap .form_inp {width: 250px;}
.benefit_content .no_result {padding: 120px 0 60px; font-size: 20px}

.benefit_list .list_total .sort_num {margin-bottom: 30px;}
.benefit_list .list_total .sort_num em {color: #222; font-weight:400;}


/* 혜택 - 상세 */
.benefit_detail_wrap {padding-top:50px;} /* 2026-09-11 26상시개선 */
.benefit_detail_wrap > .notice_wrap {margin-top: 70px;}
.benefit_detail_wrap .benefit_detail_product {margin-top: 90px;}/* 2022-07-19 수정 */
.benefit_detail_wrap .btn_list {margin-top: 50px;}

.benefit_detail_content > .title_wrap {padding-bottom: 36px;}
.benefit_detail_product .title_wrap {margin-top: 30px;}
.benefit_detail_product .title_wrap:first-of-type {margin-top: 20px;}
.benefit_detail_product .product_wrap{margin-bottom:0;}
/* 2022-06-08 추가 : 타이틀이 길어질 때 버튼이 줄어드는 현상 */
.benefit_detail_content > .title_wrap .function_btn .btn_border{white-space:nowrap;}


/* 2022-06-08 추가 : 쿠폰존 */
.couponzone_wrap .notice_wrap{margin-top:140px;}
.couponzone_wrap .notice_wrap .conts_inner{position:relative;}
.couponzone_wrap .notice_wrap .notice_title{font-size:18px;color:#222;font-weight:700;}
.couponzone_wrap .notice_wrap .bullet_list{padding-right:220px;}
.couponzone_wrap .notice_wrap .btn_wrap{position:absolute;right:0;bottom:5px;font-size:0;}
.couponzone_wrap .notice_wrap .btn_wrap .btn_border{background-color:#fff;}
.couponzone_wrap .notice_wrap .btn_wrap .btn_border + .btn_border{margin-left:10px;}

.intro_top{position:relative;height:420px;background:#f5f5f5;}
.intro_top .conts_inner{height:100%;padding:63px 0 50px 0;background:url('../images/bg_couponzone.png') right top no-repeat;box-sizing:border-box;}
.intro_top .txt_box{width:640px;}
.intro_top .txt_box h2{margin-bottom:13px;font-size:36px;font-weight:700;}
.intro_top .txt_box p{font-size:24px;}
.intro_top .txt_box .point01{font-weight:400;color:#e80f00;}
.intro_top .txt_box .point02{font-weight:400;color:#3e2b2c;}

.info_login{margin-top:50px;}
.info_login p{margin-bottom:18px;line-height:1.5;}
.info_login .level_img{display:inline-block;width:30px;height:30px;margin:4px 0 0 8px;vertical-align:top;}/* 2022-08-25 아이콘 여백 수정 */
.info_login .level_img img{width:100%;height:100%;vertical-align:top;}
.info_login .btn_border{background-color:#fff;}

.info_join{display:flex;justify-content:center;align-items:center;padding:56px 0 54px;}
.info_join > p{font-size:22px;}
.info_join .btn_wrap{margin-left:70px;}

.cpbox_area{padding:120px 0 132px;}
.cpbox_area .cpbox_list + .btn_wrap{display:block;margin-top:120px;text-align:center;}
.cpbox_area .cpbox_list + .btn_wrap .btn_grade1{min-width:540px;height:65px;}
.cpbox_area .cpbox_list + .btn_wrap .btn_grade1:disabled{border:1px solid #e0e0e0;background-color:#fff;color:#999;opacity:1;}
.cpbox_area .cpbox_list + .btn_wrap .btn_grade1:disabled .ico_down:after{display:none;}

.cpbox_list + .cpbox_list{margin-top:100px;}
.cpbox_list > ul{margin:0 -14px 0;}
.cpbox_list > ul:after{clear:both;display:block;content:'';}
.cpbox_list > ul > li{float:left;width:25%;margin-top:100px;text-align:center;line-height:1;}
.cpbox_list > ul > li:nth-child(1),
.cpbox_list > ul > li:nth-child(2),
.cpbox_list > ul > li:nth-child(3),
.cpbox_list > ul > li:nth-child(4){margin-top:0;}
.cpbox_list .btn_wrap{display:block;margin-top:26px;}
.cpbox_list .btn_wrap .btn_border{min-width:156px;}
.cpbox_list .btn_wrap .btn_border:disabled{color:#999;cursor:default;}
.cpbox_list .btn_wrap .btn_border:disabled .ico_down:after{display:none;}

.cpbox_list .coupon-k300{position:relative; display:inline-block; width:300px; height:140px; background:url('../images/coupon_sum_img_300.png') 0 0 no-repeat;}
.cpbox_list .coupon-k300 dt, .cpbox_list .coupon-k300 dd{position:absolute; width:100%; font-family:'맑은 고딕','Malgun Gothic'; text-align:center; line-height:1;}
.cpbox_list .coupon-k300 dt{top:16px; font-size:18px; color:#fff;}
.cpbox_list .coupon-k300 .amount{top:41px; font-size:56px; color:#fff; font-weight:700;}
.cpbox_list .coupon-k300 .amount span{display:inline-block; font-size:34px; line-height:44px; vertical-align:bottom; font-weight:normal; margin-right:7px}
.cpbox_list .coupon-k300 .limit{bottom:16px; font-size:16px; color:#f5d1d0;}
.cpbox_list .coupon-k300.stats{background-image:url('../images/coupon_stats_img_300.png')}
.cpbox_list .coupon-k300.stats .amount span{line-height:36px; margin-right:0; margin-left:7px;}
.cpbox_list .coupon-k300.stats .limit{color:#d2cfd0;}
.cpbox_list .coupon-k300.mid .amount{top:47px;}

.tit_area{margin-bottom:40px;}
.tit_area .tit{margin-bottom:10px;font-size:24px;font-weight:700;}
.tit_area .badge{display:inline-block;min-width:50px;margin:2px;padding:1px 1px 2px;border-radius:3px;background-color:#f5f5f5;font-size:11px;color:#999;text-align:center;box-sizing:border-box;}
.tit_area > p{font-size:15px;color:#616161;}

/* 2024-03-07 2024 상시개선 미니배너 추가 */
.benefit_mini_banner {width:1280px; margin:70px auto 0;}
.benefit_mini_banner .banner_list {display:flex;}
.benefit_mini_banner .banner_list li {width:180px; margin-left:40px;}
.benefit_mini_banner .banner_list li:first-child {margin-left:0;}
.benefit_mini_banner .banner_list .txt {display:block; max-width:100%; padding-left:10px; font-size:18px; color:#222; line-height:23px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.benefit_mini_banner .banner_list .banner_img {position:relative; width:180px; height:180px; margin-bottom:20px;}
.benefit_mini_banner .banner_list .banner_img img {width:100%; height:100%; object-fit:cover; border-radius:30px;}
.benefit_mini_banner .banner_list .label_tag {position:absolute; left:0; bottom:0; display:inline-block; height:28px; padding:0 12px; border-radius:2px; font-size:13px; color:#fff; line-height:28px; font-weight:700;}
.benefit_mini_banner .banner_list .tag01 {background:rgba(225, 39, 129, 0.9); box-shadow:0px 5px 8px 0px rgba(228, 61, 141, 0.3);}
.benefit_mini_banner .banner_list .tag02 {background:rgba(222, 56, 49, 0.9); box-shadow:0px 5px 8px 0px rgba(222, 56, 49, 0.3);}

/* 2025-03-14 유의사항 HMC ul 자동생성 대응 */
.benefit_detail_wrap .bullet_list li{position:relative;padding-left:9px;line-height:22px;font-size:14px;color:#616161;}
.benefit_detail_wrap .bullet_list li:before{content:'';display:block;position:absolute;left:0;top:10px;width:3px;height:3px;background:#616161;}
.benefit_detail_wrap .bullet_list li + li {margin-top: 6px;}
.benefit_detail_wrap .bullet_list li.none_bullet {padding-left:0;}
.benefit_detail_wrap .bullet_list li.none_bullet::before {display:none;}