@charset "utf-8";

/*───────────────────────────────────────────────────────────

	product || 상품 리스트는 custom.css에 있음

───────────────────────────────────────────────────────────*/
	/* list */
		/* (s) 240207 추가 및 수정 */
		.sub_product .prod_special_bnr {width: 100%; margin-bottom: 52px; text-align: center; font-size: 0;}
		.sub_product .prod_special_bnr img {max-width: 100%;}
		/* // (e) 240124 추가 및 수정 */
	
		.sub_product .prod_pick_box {display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 60px; box-sizing: border-box;  overflow: hidden;}
		.sub_product .prod_pick_box dl {}
		.sub_product .prod_pick_box dl dt {background: #666; font-size: 16px; font-weight: 500; color: #fff; line-height: 54px; letter-spacing: normal; text-align: center; border-radius: 10px 0 0 0;}
		.sub_product .prod_pick_box dl dd {height: 280px; box-sizing: border-box; padding: 30px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-radius: 0 0 0 10px;}
		.sub_product .prod_pick_box dl + dl dt {box-sizing: border-box; border-left: 1px solid #333; border-radius: 0 10px 0 0;}
		.sub_product .prod_pick_box dl + dl dd {border-right: 1px solid #ddd; border-radius: 0 0 10px 0;}
	
		.sub_product .prod_pick_box .pick_brand {width: 678px;}
		.sub_product .prod_pick_box .pick_brand dd {padding: 0; padding-left: 30px; padding-right: 10px;}
		.sub_product .prod_pick_box .brand_list {display: flex; flex-wrap: wrap; padding-top: 30px; padding-bottom: 18px;}
		/* (s) 240305 추가 및 수정 */
		.sub_product .prod_pick_box .brand_list li {position: relative; width: calc(100% / 4 - 15px);margin-right: 12px; margin-bottom: 12px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 6px; overflow: hidden;padding:5px 0;}
		/* (e) 240305 추가 및 수정 */
		.sub_product .prod_pick_box .brand_list li:nth-child(4n) {margin-right: 0;}
		.sub_product .prod_pick_box .brand_list li:before {content: ''; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: calc(100% + 2px); box-sizing: border-box; border: 4px solid #60a64d; border-radius: 6px; transition: all 0.4s; z-index: 2; opacity: 0; cursor: pointer;}
		.sub_product .prod_pick_box .brand_list li:hover:before,
		.sub_product .prod_pick_box .brand_list li.on:before {opacity: 1;}
		/* (s) 240228 추가 및 수정 */
		.sub_product .prod_pick_box .brand_list li label {padding-left: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; font-size: 13px; font-weight: 300; color: #333;text-align: center;line-height:1.4;}
		.sub_product .prod_pick_box .brand_list li.brand_all label {font-size: 16px; font-weight: 400; color: #222; letter-spacing: -0.32px;}
		.sub_product .prod_pick_box .brand_list li label:before,
		.sub_product .prod_pick_box .brand_list li label::before {display: none;}
		/* (e) 240228 추가 및 수정 */

		.sub_product .prod_pick_box .pick_price {width: 452px;}
		.sub_product .prod_pick_box .price_list {display: flex; flex-wrap: wrap;}
		.sub_product .prod_pick_box .price_list li {width: 29%; padding: 3px 0;}
		.sub_product .prod_pick_box .price_list li:nth-child(n+4) {margin-top: 11px;}
		.sub_product .prod_pick_box .price_custom {margin-top: 22px; font-size: 14px; color: #555;}
		.sub_product .prod_pick_box .price_custom input[type="number"] {width: 120px; height: 40px; margin: 0 6px; padding: 0 16px; border-radius: 6px; font-size: 14px; color: #666; font-weight: 300; line-height: 40px;}
		.sub_product .prod_pick_box .price_custom input[type="number"]:first-child {margin-left: 14px;}
		
		.sub_product .prod_pick_box .pick_result {position: relative; width: 100%; min-height: 70px; background: #f5f5f5; box-sizing: border-box; padding: 20px 30px 10px; border: 1px solid #ddd; border-radius: 0 0 10px 10px; overflow: hidden;}
		.sub_product .prod_pick_box .result_list {display: flex; flex-wrap: wrap; max-width: 92%;}
		.sub_product .prod_pick_box .result_list li {display: inline-flex; align-items: center; height: 30px; background: #fff; margin-right: 10px; margin-bottom: 10px; box-sizing: border-box; padding: 0 7px 0 14px; border: 1px solid #666; border-radius: 5px; overflow: hidden; line-height: 1;}
		.sub_product .prod_pick_box .result_list li span {font-size: 13px; font-weight: 300; color: #666;}
		.sub_product .prod_pick_box .result_list li .pick_del {position: relative; display: inline-block; width: 20px; height: 20px; box-sizing: border-box; padding: 5px; cursor: pointer;} 
		.sub_product .prod_pick_box .result_list li .pick_del:before,
		.sub_product .prod_pick_box .result_list li .pick_del:after {content: ""; position: absolute; left: 50%; top: 50%; width: 1px; height: 9px; background: #999;}
		.sub_product .prod_pick_box .result_list li .pick_del:before {transform: translate(-50%,-50%) rotate(45deg);}
		.sub_product .prod_pick_box .result_list li .pick_del:after {transform: translate(-50%,-50%) rotate(-45deg);}
		.sub_product .prod_pick_box .btn_pick_reset {position: absolute; right: 30px; top: 22px; background: url("../images/renewal/btn_pick_reset.png") no-repeat left top 5px; padding-left: 26px; font-size: 15px; color: #000; letter-spacing: -0.3px;}

		.sub_product .prod_list_sort {display: flex; justify-content: space-between; letter-spacing: normal; margin-bottom: 26px;}
		.sub_product .prod_list_sort .prod_all {font-size: 16px; color: #000;}
		.sub_product .prod_list_sort .prod_all strong {font-weight: 500;}

		.sub_product .prod_list + .btn_wrap,
		.sub_product .board_list + .btn_wrap {margin-top: 60px;}
		.sub_product .btn_goods_more,
		.sub_product .btn_board_more {display: inline-flex; align-items: center; justify-content: center; width: 200px; height: 50px; box-sizing: border-box; border: 1px solid #999; border-radius: 25px; font-size: 14px; color: #666; letter-spacing: -0.42px;}
		.sub_product .btn_goods_more span,
		.sub_product .btn_board_more span {margin-left: 6px; font-size: inherit; color: inherit; letter-spacing: inherit;}


	/* view */
		.sub_product .prod_detail_box {width: 100%; margin-top: -80px; background: #f5f5f5; box-sizing: border-box; padding: 90px 0;}
		.sub_product .prod_detail_box .detail_box {display: flex; justify-content: space-between; align-items: flex-start; background: #fff; box-sizing: border-box; padding: 40px; border-radius: 20px; overflow: hidden;}
		.sub_product .prod_detail_box .img_box {position: relative; width: 460px; border-radius: 20px; overflow: hidden;}
		.sub_product .prod_detail_box .txt_box {width: calc(100% - 500px);}
		.sub_product .prod_detail_box .txt_box .detail_tit {margin-top: -6px; margin-bottom: 28px; padding-bottom: 34px; border-bottom: 1px solid #ddd;}
		.sub_product .prod_detail_box .txt_box .detail_tit h2 {font-size: 30px; font-weight: bold; color: #000; letter-spacing: -0.6px;}
		.sub_product .prod_detail_box .txt_box .detail_tit .price_wrap {display: flex; flex-wrap: wrap; margin-top: 18px;}
		.sub_product .prod_detail_box .txt_box .detail_tit .price_wrap * {font-size:24px; font-weight:500;}
		.sub_product .prod_detail_box .txt_box .detail_tit .price_wrap .original {font-weight:300;color:#aaa;text-decoration:line-through;margin-right: 15px;}
		.sub_product .prod_detail_box .txt_box .detail_tit .price_wrap .sale {color:#111; margin-right:17px;}
		.sub_product .prod_detail_box .txt_box .detail_tit .price_wrap .sale_per {color:#e10000;}
		.sub_product .prod_detail_box .txt_box .detail_info dl {display: flex;}
		.sub_product .prod_detail_box .txt_box .detail_info dt,
		.sub_product .prod_detail_box .txt_box .detail_info dd {padding: 10px 0; font-size: 15px; letter-spacing: -0.3px; vertical-align: top;}
		.sub_product .prod_detail_box .txt_box .detail_info dt {width: 112px; font-weight: 400; color: #333; text-align: left;}
		.sub_product .prod_detail_box .txt_box .detail_info dd {width: calc(100% - 112px); color: #666;}
		.sub_product .prod_detail_box .txt_box .detail_info dd span {display: block; margin-top: 5px; font-size: 13px; color: #999; letter-spacing: -0.26px;}
		.sub_product .prod_detail_box .txt_box .detail_btn {margin-top: 36px;}
		.sub_product .prod_detail_box .txt_box .detail_btn li + li {margin-left: 10px;}

		/* 230704 수정 및 추가 */
		/* 구매수량별 할인혜택 가능상품 */
			.sub_product .prod_detail_box .round_table {}
			.sub_product .prod_detail_box .round_table th,
			.sub_product .prod_detail_box .round_table td {padding: 8px 10px; font-size: 12px; text-align: center;}
			.sub_product .prod_detail_box .round_table td {border-left: 1px solid #ddd;}
			.sub_product .prod_detail_box .round_table th, 
			.sub_product .prod_detail_box .round_table td.calcu_tit {background: #f5f5f5;}
			.sub_product .prod_detail_box .round_table td input[type="number"] {width: 90px; height: 36px; margin-right: 6px; padding: 0 10px; font-size: 12px; color: #333; line-height: 36px; text-align: right;}
			.sub_product .prod_detail_box .round_table td #calcu_price {margin-left: 7px;}
			.sub_product .prod_detail_box .round_table .calcu td {font-size: 13px; color: #333; font-weight: 500; text-align: left;}
			.sub_product .prod_detail_box .round_table .calcu .btn_estimate {width: 90px; height: 36px; margin-left: 12px; border-radius: 4px; font-size: 12px; color: #fff; line-height: 36px;}
			/* 100건미만 */
			.sub_product .prod_detail_box .calcu_table .price01 td.price01 {border-left: 1px solid #e10000; border-right: 1px solid #e10000;}
			.sub_product .prod_detail_box .calcu_table .price01 td.calcu_tit.price01 {border-color: #e10000; background: #e10000; color: #fff;}
			.sub_product .prod_detail_box .calcu_table .price01 td.price01.last {border-bottom: 1px solid #e10000;}
			/* 100건이상 */
			.sub_product .prod_detail_box .calcu_table .price02 td.price02 {border-left: 1px solid #e10000; border-right: 1px solid #e10000;}
			.sub_product .prod_detail_box .calcu_table .price02 td.calcu_tit.price02 {border-color: #e10000; background: #e10000; color: #fff;}
			.sub_product .prod_detail_box .calcu_table .price02 td.price02.last {border-bottom: 1px solid #e10000;}
			/* 300건미만 */
			.sub_product .prod_detail_box .calcu_table .price03 td.price03 {border-left: 1px solid #e10000; border-right: 1px solid #e10000;}
			.sub_product .prod_detail_box .calcu_table .price03 td.calcu_tit.price03 {border-color: #e10000; background: #e10000; color: #fff;}
			.sub_product .prod_detail_box .calcu_table .price03 td.price03.last {border-bottom: 1px solid #e10000;}
		/* 230704 수정 및 추가 끝 */

		.sub_product .prod_addi_box {}
		.sub_product .prod_addi_box > div {margin-top: 112px; padding-bottom: 8px;}
		.sub_product .prod_addi_box h3 {padding-bottom: 35px; font-size: 30px; color: #000; font-weight: bold; letter-spacing: -1px; text-align: center;}
		.sub_product .prod_addi_box .cont + .cont {margin-top: 50px;}
		.sub_product .prod_addi_box .cont dt {margin-top: 4px; margin-bottom: 16px; font-size: 22px; font-weight: 500; color: #333; letter-spacing: -0.44px;}
		.sub_product .prod_addi_box .cont dd {font-size: 16px; font-weight: 300; color: #666; letter-spacing: -0.45px;}
		.sub_product .prod_addi_box .cont dd p {margin-top: 16px; font-size: 15px; color: #999; font-weight: 300; letter-spacing: -0.3px;}

		/* 견적서 출력 팝업 */
			.ly_pop .estimate_pop .round_table {margin-bottom: 16px;}
		/* 장바구니 팝업 */
			.ly_pop .ly_pop_layer .cont .cart_prd {padding: 20px 10px; border-radius: 6px; font-size: 14px; color: #333; letter-spacing: -0.28px; text-align: center; overflow: hidden;}
		/* 온라인 견적서 팝업 */
			/* (s) 240124 추가 및 수정 */
			/* (s) 240207 추가 및 수정 */
			.ly_pop .estimate_detail_pop {max-width: 100%; min-width: 1240px; width: 100%; box-shadow: none;}
			/* // (e) 240207 추가 및 수정 */
			/* // (e) 240124 추가 및 수정 */

			.ly_pop .estimate_detail_pop .estimate_tit {text-align: center; background: url("../images/renewal/estimate_tit_logo.png") no-repeat right center;}
			.ly_pop .estimate_detail_pop .estimate_tit h5 {font-size: 40px; font-weight: bold; color: #333; letter-spacing: -0.03em;}

			.ly_pop .estimate_detail_pop .estimate_datail {display: flex; align-items: flex-start; margin-top: 30px;}
			.ly_pop .estimate_detail_pop .estimate_datail > div {width: 100%;}
			.ly_pop .estimate_detail_pop .estimate_datail > div + div {margin-left: 40px;}
			.ly_pop .estimate_detail_pop .estimate_datail .buyer_info {box-sizing: border-box; border: 1px solid #ddd;}
			/* (s) 240215 추가 및 수정 */
			.ly_pop .estimate_detail_pop .estimate_datail .buyer_info > strong {display: block; line-height: 52px; font-size: 16px; font-weight: 500; color: #333; letter-spacing: -0.03em; text-align: center;}
			/* // (e) 240215 추가 및 수정 */
			/* (s) 240124 추가 및 수정 */
			.ly_pop .estimate_detail_pop .pop_table th,
			.ly_pop .estimate_detail_pop .pop_table td {font-size: 15px; word-break:break-all;}
			/* // (e) 240124 추가 및 수정 */
			.ly_pop .estimate_detail_pop .pop_table th {border-right: 1px solid #ddd; font-weight: 400;}
			.ly_pop .estimate_detail_pop .pop_table td input[type="text"] {height: 35px; line-height: 35px;}
			/* (s) 240207 추가 및 수정 */
			.ly_pop .estimate_detail_pop .caution_list {padding: 11px 0; padding-left: 12px;}
			.ly_pop .estimate_detail_pop .caution_list li {color: #666; font-weight: 400;}
			.ly_pop .estimate_detail_pop .caution_list li strong {font-weight: 500; color: #ed1e24;}
			.ly_pop .estimate_detail_pop .caution_list li p {display: inline-block; margin-top: 2px; color: #aaa; font-weight: 300; font-size: 12px;}
			/* // (e) 240207 추가 및 수정 */

			.ly_pop .estimate_detail_pop .buyer_info .pop_table td {padding: 9px 10px;}
			.ly_pop .estimate_detail_pop .buyer_info .pop_table th {padding-left: 15px;}

			.ly_pop .estimate_detail_pop .seller_info {box-sizing: border-box; border: 1px solid #333;}
			.ly_pop .estimate_detail_pop .seller_info .pop_table th.text_ver {writing-mode: vertical-lr; border-bottom-color: #333;}
			.ly_pop .estimate_detail_pop .seller_info .pop_table th {padding: 0;}
			.ly_pop .estimate_detail_pop .seller_info .pop_table td {padding: 14px 15px;}
			/* (s) 231215 추가 및 수정 시작 */
			.ly_pop .estimate_detail_pop .seller_info .pop_table td .ceo{position: relative;}
			.ly_pop .estimate_detail_pop .seller_info .pop_table td .ceo em{position: relative;z-index: 1;}
			/* (s) 240207 추가 및 수정 */
			.ly_pop .estimate_detail_pop .seller_info .pop_table td .ceo .img{position: absolute;right:-9px;top:50%;transform: translateY(-50%);z-index:0;}
			/* // (e) 240207 추가 및 수정 */
			.ly_pop .estimate_detail_pop .seller_info .pop_table td .ceo .img img{width:60px;} 
			/* (e) 231215 추가 및 수정 시작 */
			
			.ly_pop .estimate_detail_pop .seller_info .pop_table td + th {border-left: 1px solid #ddd;}
			.ly_pop .estimate_detail_pop .seller_info .pop_table td strong {color: #333;}
			.ly_pop .estimate_detail_pop .seller_info .pop_table .last th,
			.ly_pop .estimate_detail_pop .seller_info .pop_table .last td {border-bottom-color: #333;}

			.ly_pop .estimate_detail_pop .estimate_all {margin-top: 50px;}
			.ly_pop .estimate_detail_pop .estimate_all .total_price {display: flex; align-items: center; margin-bottom: 20px;}
			.ly_pop .estimate_detail_pop .estimate_all .total_price dt {margin-right: 20px; font-size: 20px; color: #333; letter-spacing: -0.03em;}
			.ly_pop .estimate_detail_pop .estimate_all .total_price dd {font-size: 30px; font-weight: bold; color: #ed1e24; letter-spacing: -0.03em; line-height: 1;}
			
			/* (s) 240108 추가 및 수정 시작 */
			.ly_pop .estimate_detail_pop.statement_detail_pop .estimate_all .total_price{justify-content:space-between;}
			.ly_pop .estimate_detail_pop.statement_detail_pop .estimate_all .total_price dd{font-size:16px;color:#333;font-weight:400;}
			.ly_pop .estimate_detail_pop.statement_detail_pop .order_table tfoot th,
			.ly_pop .estimate_detail_pop.statement_detail_pop .order_table tfoot td{border-bottom:none;background: #f5f5f5;}

			.ly_pop .estimate_detail_pop.statement_detail_pop .caution_txt{margin-top:25px;}
			.ly_pop .estimate_detail_pop.statement_detail_pop .caution_txt dt{font-size:18px;color:#333;font-weight:400;}
			.ly_pop .estimate_detail_pop.statement_detail_pop .caution_txt dd{margin-top:10px;}
			.ly_pop .estimate_detail_pop.statement_detail_pop .caution_txt ul li{font-size:14px;color:#666;font-weight:400;display:flex;}
			.ly_pop .estimate_detail_pop.statement_detail_pop .caution_txt ul li + li{margin-top:5px;}
			.ly_pop .estimate_detail_pop.statement_detail_pop .caution_txt ul li:before{content:"-";font-size:inherit;color:inherit;font-weight:inherit;display: inline-block;margin-right:3px;}
			/* (e) 240108 추가 및 수정 시작 */

			/* (s) 240124 추가 및 수정 */
			.ly_pop .estimate_detail_pop .order_table th,
			.ly_pop .estimate_detail_pop .order_table td {font-size: 15px; word-break:break-all;}
			/* // (e) 240124 추가 및 수정 */
			.ly_pop .estimate_detail_pop .order_table td {padding: 10px 20px; color: #333;}
			.ly_pop .estimate_detail_pop .order_table .pick_prd {position: relative; display: flex; align-items: center;}
			.ly_pop .estimate_detail_pop .order_table .pick_prd a {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

			/* 230704 수정 및 추가 */
			.ly_pop .estimate_detail_pop .order_table .pick_prd .thumb {width: 70px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 6px; overflow: hidden;}
			.ly_pop .estimate_detail_pop .order_table .pick_prd .title {width: calc(100% - 70px); box-sizing: border-box; padding-left: 26px; font-size: 15px; color: #333; /* display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; */}
			/* 230704 수정 및 추가 끝 */

			/* (s) 240207 추가 및 수정 */
			.ly_pop .estimate_detail_pop .price_list {width: 100%; margin-top: 60px; overflow: hidden;}
			/* // (e) 240207 추가 및 수정 */
			.ly_pop .estimate_detail_pop .price_list li dd {padding-top: 8px;}
			.ly_pop .estimate_detail_pop .price_list li dd strong {font-weight: 500; font-size: 20px;}
			.ly_pop .estimate_detail_pop .price_list li.total dd strong {font-weight: bold;}

			.ly_pop .estimate_detail_pop .desc_box {margin-top: 54px;}
			.ly_pop .estimate_detail_pop .desc_box strong {display: block; margin-bottom: 14px; font-size: 22px; font-weight: 500; color: #333; letter-spacing: -0.03em;}
			.ly_pop .estimate_detail_pop .desc_box .bar_list > li {font-weight: 300;}
			.ly_pop .estimate_detail_pop .desc_box .bar_list > li + li {margin-top: 0;}
			/* (s) 240207 추가 및 수정 */
			.ly_pop .estimate_detail_pop .desc_box .bar_list > li b {font-size: inherit; font-weight: 500; color: #ed1e24;}
			/* // (e) 240207 추가 및 수정 */

			.ly_pop .estimate_detail_pop .cont .btn_wrap {border-top: 1px solid #ddd; padding-top: 40px;}


	/* search */
		.sub_product.search .sub_tit {margin-bottom: 52px;}
		.sub_product .search_info {display: flex; justify-content: center; padding: 45px 60px;}
		.sub_product .search_info p {font-size: 20px; font-weight: 500; color: #222; letter-spacing: -0.03em;}
		.sub_product .search_info p:before {content: ""; display: inline-block; width: 20px; height: 20px; background: url("../images/renewal/hd_search.png") no-repeat center; background-size: 100%; margin-right: 8px; transform: translateY(3px);}
		.sub_product .search_info p em {font-weight: inherit;}
		.sub_product .search_box > div {margin-top: 52px;}
		.sub_product .search_box > div + div {margin-top: 100px;}
		.sub_product .search_box > div .search_tit {margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #000; font-size: 30px; font-weight: bold; color: #000; letter-spacing: -0.03em;}
		.sub_product .search_box > div .search_tit span {font-size: 20px; font-weight: inherit; color: inherit;}
		
		.sub_product .search_box .board_list_cont .search_tit {margin-bottom: 0;}
		.sub_product .search_box .board_list li {padding: 11px 18px; border-bottom: 1px solid #ddd;}
		.sub_product .search_box .board_list li a {display: inline-block; max-width: 100%; font-size: 15px; color: #666; letter-spacing: -0.03em; white-space: normal; overflow: hidden; text-overflow: ellipsis;}


/*───────────────────────────────────────────────────────────

	order common

───────────────────────────────────────────────────────────*/
	/* 공통 */
		.sub_order .order_progress {margin-top: -10px; counter-reset:counter; display: flex; justify-content: center; align-items: center; margin-bottom: 38px;}
		.sub_order .order_progress li {counter-increment:counter; font-size: 18px; color: #888; letter-spacing: -0.56px;}
		.sub_order .order_progress li:before {content: '0' counter(counter); display: inline-block; margin-right: 12px; font-weight: 500;}
		.sub_order .order_progress li:after {content: ""; display: inline-block; width: 6px; height: 12px; margin: 0 20px; background: url("../images/renewal/order_progress_arrow.png") no-repeat center;}
		.sub_order .order_progress li:last-child:after {display: none;}
		.sub_order .order_progress li.on {color: #60a64d;}

		.sub_order .order_progress + .round_tab {padding-top: 20px;}

		.sub_order .order_tit {display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;}
		.sub_order .order_tit h3 {font-size: 22px; font-weight: 500; color: #000;}
		.sub_order .order_tit .cart_all {font-size: 16px; color: #000;}
		.sub_order .order_tit .cart_all strong {font-weight: 500;}
		.sub_order .order_tit .btn_wrap {margin: 0;}
		.sub_order .order_tit .btn_wrap > .btn + .btn {margin-left: 5px;}

		.sub_order .pick_prd {position: relative; display: flex; align-items: center;}
		.sub_order .pick_prd a {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
		.sub_order .pick_prd .thumb {width: 80px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 6px; overflow: hidden;}
		.sub_order .pick_prd .title {width: calc(100% - 80px); box-sizing: border-box; padding-left: 16px; font-size: 15px; color: #333; /* display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; */}
		
		.sub_order .order_table input[type="checkbox"] + label {padding-left: 25px;}
		.sub_order .order_table td {color: #333;}
		.sub_order .order_table td del {font-size: 15px; font-weight: 300; color: #aaa;}
		.sub_order .order_table td strong {display: block; font-size: 15px; font-weight: 500; color: #333;}
		.sub_order .order_table td del + strong {margin-top: 2px;}

		.sub_order .price_sum {display: flex; margin-top: 60px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}
		.sub_order .price_sum dl {position: relative; width: 100%; box-sizing: border-box; padding: 36px 0 40px; text-align: center;}
		.sub_order .price_sum dl + dl {border-left: 1px solid #ddd;}
		.sub_order .price_sum dl + dl:before {content: ""; position: absolute; left: -20px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; overflow: hidden;}
		.sub_order .price_sum .sum_minus:before {background: url("../images/renewal/icon_sum_minus.png") no-repeat center;}
		.sub_order .price_sum .sum_equal:before {background: url("../images/renewal/icon_sum_equal.png") no-repeat center;}
		.sub_order .price_sum dl:last-child {background: #f5f5f5;}
		.sub_order .price_sum dl dt {margin-bottom: 10px; font-size: 14px; font-weight: 500; color: #333; letter-spacing: -0.28px;}
		.sub_order .price_sum dl dd {font-size: 16px; color: #333; letter-spacing: -0.4px;}
		.sub_order .price_sum dl dd strong {font-size: 20px; font-weight: 500;}
		.sub_order .price_sum + .order_tit {margin-top: 54px;}

		.sub_order .pay_methods {width: 700px;}
		.sub_order .pay_methods .cash_info {padding-top: 14px; padding-left: 28px; font-size: 13px; font-weight: 300; color: #999;}
		.sub_order .pay_methods .cash_info p {display: inline-block; vertical-align: middle;}
		.sub_order .pay_methods .cash_info .btn_charge {margin-left: 30px; padding: 0 17px;}
		.sub_order .pay_methods .dot_list {width: 86%;}

		.sub_order .end_box {margin-bottom: 54px; padding: 60px 0 52px; text-align: center;}
		.sub_order .end_box strong {display: block; margin: 14px 0; font-size: 30px; color: #333; letter-spacing: -0.6px;}
		.sub_order .end_box p {font-size: 16px; color: #666; letter-spacing: -0.32px;}
		.sub_order .end_box p mark {background: linear-gradient(to top, rgba(96,166,77,0.2) 50%, transparent 50%); font-weight: 500; color: #333;}
		.sub_order .end_box p em {font-weight: 500;}

	/* 장바구니 */
		.sub_order .order_empty {padding: 80px 0; border-top: 1px solid #000; border-bottom: 1px solid #ddd; font-size: 16px; color: #666; text-align: center;}
		.sub_order .order_table_btn {justify-content: flex-start; margin-top: 30px;}
		.sub_order .order_table_btn .btn {color: #666;}
		.sub_order .order_table_btn > .btn + .btn {margin-left: 5px;}
		.sub_order .cart_btn {margin-top: 25px;}
		.sub_order .cart_btn > .btn {width: 210px;}

	/* 결제하기 */
		.sub_order .payment_cont .order_table th:first-child,
		.sub_order .payment_cont .order_table td:first-child {padding-left: 30px; padding-right: 30px;}

		.sub_order .payment_box {display: flex; justify-content: space-between; margin-top: 56px;}
		.sub_order .payment_box .order_tit {margin-bottom: 18px;}

		.sub_order .pay_total {width: 400px;}
		.sub_order .pay_total .total_box dd p {font-size: 15px; font-weight: 300; color: #666; letter-spacing: -0.3px; line-height: 1.6;}
		.sub_order .pay_total .total_box .total_price {width: 100%; background: #f5f5f5; padding: 24px 0; border-radius: 10px; font-size: 16px; color: #333; letter-spacing: -0.32px; overflow: hidden;}
		.sub_order .pay_total .total_box .total_price strong {margin-right: 8px; font-size: 30px; letter-spacing: -0.6px;}
		.sub_order .pay_total .total_box .form_element {margin: 20px 0 16px;}
		.sub_order .pay_total .total_box .btn_wrap {margin-top: 34px;}

		/* &캐시 충전하기 팝업 */
			.ly_pop .charge_pop {max-width: 580px;}
		/* 구매 약정서 팝업 */
			.ly_pop .payment_pop {max-width: 820px;}

	/* 완료 전체 */
		.sub_order .payment_end_btn,
		.sub_order .order_end_btn {margin-top: 60px;}
		.sub_order .send_end_btn {margin-top: 54px;}
		

/*───────────────────────────────────────────────────────────

	order

───────────────────────────────────────────────────────────*/
	/* 발송정보입력 - 일괄메시지 발송*/
		.sub_order .send_cont .send_left {width: 750px; float: left;}
		.sub_order .send_cont .send_left > div + div {margin-top: 54px;}
		.sub_order .send_cont .send_left .caution_list {margin-top: 20px;}

		.sub_order .send_info {}
		.sub_order .send_info .btn_send_msg {width: 90px;}
		.sub_order .send_info input[type="radio"] + label {font-size: 15px;}
		.sub_order .send_info input[type="radio"] + label:before, 
		.sub_order .send_info input[type="radio"] + label::before {top: 2px;}
		.sub_order .send_info #send_tell_no {width: 330px; margin-left: 10px; margin-right: 6px;}
		.sub_order .send_info .bar_list {padding-left: 90px; padding-top: 10px;}
		.sub_order .send_info .bar_list li {font-size: 13px; font-weight: 400; color: #999; letter-spacing: -0.52px;}
		.sub_order .send_info .bar_list li + li {margin-top: 0;}
		.sub_order .send_info .reser_type input[type="radio"] + label {width: 162px;}
		.sub_order .send_info .reser_info {display: inline-block;}
		.sub_order .send_info .reser_info span {font-size: 15px; color: #666; letter-spacing: -0.3px; vertical-align: middle;}
		.sub_order .send_info .reser_info .select_custom {display: inline-block; width: 70px; color: #333;}
		.sub_order .send_info .reser_info .select_custom dt span {height: 45px; padding: 0 28px 0 12px; border-radius: 6px;} 
		.sub_order .send_info .reser_info .select_custom dt span:before {top: 48%; right: 12px;}
		.sub_order .send_info .reser_info .select_custom:hover dt span {border-color: #ddd;}
		.sub_order .send_info .reser_info .reser_hour {margin-left: 6px;}
		.sub_order .send_info .reser_info .reser_minute {margin-left: 10px;}
		
		.sub_order .send_group {position: relative; padding-bottom: 11px;}
		.sub_order .send_group .btn_group_save {position: absolute; right: 0; bottom: 0; z-index: 1;}
		.sub_order .send_group .group_box {text-align: center;}
		/* (s) 230908 추가 및 수정 시작 */
		.sub_order .send_group .group_box .group_tit {display: flex; background: #666; box-sizing: border-box; padding: 0 20px; padding-right: 35px; border-radius: 10px 10px 0 0; overflow: hidden;}
		.sub_order .send_group .group_box .group_tit li {padding: 18px 0; font-size: 16px; font-weight: 500; color: #fff;}
		.sub_order .send_group .group_box .group_tit li:nth-child(1) {width: 12%;}
		.sub_order .send_group .group_box .group_tit li:nth-child(2) {width: 33%;}
		.sub_order .send_group .group_box .group_tit li:nth-child(3) {width: 33%;}
		.sub_order .send_group .group_box .group_tit li:nth-child(4) {width: 22%;}
		
		
		.sub_order .send_group .group_box .group_tit2 {display: flex; justify-content: center; align-items:center; background: #666; box-sizing: border-box; padding: 0 20px; padding-right: 35px; border-radius: 10px 10px 0 0; overflow-x: auto;}
		.sub_order .send_group .group_box .group_tit2 li {padding: 18px 0; font-size: 16px; font-weight: 500; color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; min-width: 100px;}
		
		.sub_order .send_group .group_box .group_tit2 li:nth-child(1) {width: 4%;}
		.sub_order .send_group .group_box .group_tit2 li:nth-child(2) {width: 15%;}
		.sub_order .send_group .group_box .group_tit2 li:nth-child(3) {width: 10%;}
		.sub_order .send_group .group_box .group_tit2 li:nth-child(4) {width: 35%;}
		.sub_order .send_group .group_box .group_tit2 li:nth-child(5) {width: 11%;}
		.sub_order .send_group .group_box .group_tit2 li:nth-child(6) {width: 11%;}
		.sub_order .send_group .group_box .group_tit2 li:nth-child(7) {width: 14%;}
		
		/* (e) 230908 추가 및 수정 시작 */
		.sub_order .send_group .group_box .group_con {height: 250px; box-sizing: border-box; padding: 0 20px; border: 1px solid #ddd; border-radius: 0 0 10px 10px; overflow: hidden;}
		.sub_order .send_group .group_box .group_con .scroll_custom {padding-right: 15px;}
		.sub_order .send_group .group_box .scroll_custom::-webkit-scrollbar-button:vertical:start:decrement,
		.sub_order .send_group .group_box .scroll_custom::-webkit-scrollbar-button:vertical:start:increment {display: block; height: 10px;}
		.sub_order .send_group .group_box .scroll_custom::-webkit-scrollbar-button:vertical:end:decrement,
		.sub_order .send_group .group_box .scroll_custom::-webkit-scrollbar-button:vertical:end:increment {display: block; height: 10px;}
		.sub_order .send_group .group_box .group_con li {display: flex; padding: 13px 0; font-size: 15px; color: #333; letter-spacing: -0.3px; border-top: 1px solid #ddd;}
		.sub_order .send_group .group_box .group_con ul li .date-time-cell {display:flex; justify-content: center; align-items: center; gap: 4px;}
		/* (s) 230908 추가 및 수정 시작 */
		.sub_order .send_group .group_box .group_con li span:nth-child(1) {width: 7%; align-items: center; display: flex; justify-content: center;}
		.sub_order .send_group .group_box .group_con li span:nth-child(2) {width: 12%; align-items: center; display: flex; justify-content: center;}
		.sub_order .send_group .group_box .group_con li span:nth-child(3) {width: 12%; align-items: center; display: flex; justify-content: center;}
		.sub_order .send_group .group_box .group_con li span:nth-child(4) {width: 32%; align-items: center; display: flex; justify-content: center;}
		.sub_order .send_group .group_box .group_con li span:nth-child(5) {width: 12%; align-items: center; display: flex; justify-content: center;}
		.sub_order .send_group .group_box .group_con li span:nth-child(6) {width: 12%; align-items: center; display: flex; justify-content: center;}
		.sub_order .send_group .group_box .group_con li span:nth-child(7) {width: 13%; align-items: center; display: flex; justify-content: center;}
		/* (e) 230908 추가 및 수정 시작 */

		.sub_order .send_cont .pay_methods,
		.sub_order .send_cont .pay_methods .dot_list {width: 100%;}
		
		.sub_order .send_cont .send_right {float: right; position: -webkit-sticky; top: 16px; width: 350px; overflow: hidden;}
		.sub_order .send_cont .send_right > div + div {margin-top: 54px;}

		.sub_order .order_prod {}
		.sub_order .order_prod .order_prod_all {background: #f5f5f5; box-sizing: border-box; padding: 16px 0; border-radius: 0 0 10px 10px; font-size: 15px; color: #111; text-align: center; overflow: hidden;}
		.sub_order .send_cont .prod_box {height: 360px; box-sizing: border-box; padding-right: 15px; border: 5px solid #f0f0f0; border-radius: 10px 10px 0 0; overflow: hidden;}
		.sub_order .send_cont .prod_box .scroll_custom::-webkit-scrollbar-button:vertical:start:decrement,
		.sub_order .send_cont .prod_box .scroll_custom::-webkit-scrollbar-button:vertical:start:increment {display: block; height: 7px;}
		.sub_order .send_cont .prod_box .scroll_custom::-webkit-scrollbar-button:vertical:end:decrement,
		.sub_order .send_cont .prod_box .scroll_custom::-webkit-scrollbar-button:vertical:end:increment {display: block; height: 7px;}
		.sub_order .send_cont .prod_box .prod_list {display: block; box-sizing: border-box; padding: 15px 20px 15px 15px;} 
		.sub_order .send_cont .prod_box .prod_list > li {display: flex; align-items: center; width: 100%; margin-right: 0;}
		.sub_order .send_cont .prod_box .prod_list > li + li {margin-top: 10px;}
		.sub_order .send_cont .prod_box .prod_list .thumb {width: 60px; height: 60px;}
		.sub_order .send_cont .prod_box .prod_list .thumb:before,
		.sub_order .send_cont .prod_box .prod_list .thumb:after {display: none !important;}
		.sub_order .send_cont .prod_box .prod_list .thumb .image {border-color: #ddd; border-radius: 6px;}
		.sub_order .send_cont .prod_box .prod_list > li:hover .thumb .image {box-shadow: none;}
		.sub_order .send_cont .prod_box .prod_list > li:hover .thumb img {transform: translate(-50%, -50%);}
		.sub_order .send_cont .prod_box .prod_list .info .title {font-size: 14px;}
		.sub_order .send_cont .prod_box .prod_list .info {width: calc(100% - 60px); margin-top: 0; box-sizing: border-box; padding-left: 14px;}
		.sub_order .send_cont .prod_box .prod_list .info .price {margin-top: 8px;}
		.sub_order .send_cont .prod_box .prod_list .info .price * {font-size: 13px;}
		.sub_order .send_cont .prod_box .prod_list .info .price .original {margin: 0 8px;}
		
		/* (s) 240403 추가 및 수정 */
		.sub_order .send_cont .order_prod .prod_box .prod_list > li {display: block;}
		.sub_order .send_cont .order_prod .prod_box .prod_list > li + li {margin-top: 24px;}
		.sub_order .order_prod .prod_list li .list_top {display: flex; align-items: center;}
		.sub_order .order_prod .prod_list li .list_btm {display: block; width: 100%; margin-top: 14px; padding-top: 10px; border-top: 1px dashed #ddd;}
		.sub_order .order_prod .prod_list li .done_item {position: relative; display: flex; justify-content: space-between;}
		.sub_order .order_prod .prod_list li .done_item:before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(calc(-50% + 0.5px)); width: 100%; height: 1px; background: #eee;}
		.sub_order .order_prod .prod_list li .done_item dl {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 60px; height: 60px; background: #eee; border-radius: 50%; overflow: hidden; z-index: 1;}
		.sub_order .order_prod .prod_list li .done_item dd {font-size: 11px; color: #999; margin: 3px auto 0;}
		.sub_order .order_prod .prod_list li .done_item dl.done {background: #60a64d;}
		.sub_order .order_prod .prod_list li .done_item dl.done dt img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
		.sub_order .order_prod .prod_list li .done_item dl.done dd {color: #fff;}
		/* // (e) 240403 추가 및 수정 */

		.sub_order .total_pay_box {box-sizing: border-box; padding: 26px 20px 30px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}
		.sub_order .total_pay_box .pay_info {margin-bottom: 26px; padding-bottom: 26px; border-bottom: 1px solid #ddd;}
		.sub_order .total_pay_box .pay_info dl {display: flex; justify-content: space-between;}
		.sub_order .total_pay_box .pay_info dl + dl {margin-top: 14px;}
		.sub_order .total_pay_box .pay_info dt {font-size: 15px; color: #666; letter-spacing: -0.3px;}
		.sub_order .total_pay_box .pay_info dt img {margin-top: 2px; margin-left: 8px;}
		.sub_order .total_pay_box .pay_info dd {font-size: 16px; font-weight: 500; color: #333;}
		.sub_order .total_pay_box .form_element {margin-bottom: 24px;}
		.sub_order .total_pay_box .form_element input[type="checkbox"] + label {padding-left: 30px; font-size: 13px; color: #666; line-height: 1.4;}
		.sub_order .total_pay_box .form_element input[type="checkbox"] + label:before, 
		.sub_order .total_pay_box .form_element input[type="checkbox"] + label::before {width:20px; height:20px;}

	/* 발송정보입력 - 개별메시지 발송 */
		.sub_order .send_cont .individual_box {margin-bottom: 46px;}
		.sub_order .send_cont .exclamation_txt {margin-top: -26px; text-align: center;}
		.sub_order .send_cont .exclamation_txt p {display: inline-block; background: url("../images/renewal/icon_exclamation.png") no-repeat left center; background-size: 20px auto; padding-left: 28px; font-size: 16px; color: #666;}
		
		.sub_order .send_cont .prod_tab {display: flex; flex-wrap: wrap; margin-top: 60px; margin-bottom: 34px;}
		.sub_order .send_cont .prod_tab li {height: 50px; margin-right: 10px; margin-bottom: 10px; background: #f5f5f5; box-sizing: border-box; padding: 0 20px; padding-right: 13px; border-radius: 5px; line-height: 50px; overflow: hidden; cursor: pointer;}
		.sub_order .send_cont .prod_tab li span {font-size: 15px; color: #666; line-height: 1;}
		.sub_order .send_cont .prod_tab li .prod_del {position: relative; display: inline-block; margin-top: -4px; width: 24px; height: 24px; margin-left: 28px; box-sizing: border-box; vertical-align: middle;}
		.sub_order .send_cont .prod_tab li .prod_del:before,
		.sub_order .send_cont .prod_tab li .prod_del:after {content: ""; position: absolute; left: 50%; top: 52%; width: 1px; height: 12px; background: #999;}
		.sub_order .send_cont .prod_tab li .prod_del:before {transform: translate(-50%,-50%) rotate(45deg);}
		.sub_order .send_cont .prod_tab li .prod_del:after {transform: translate(-50%,-50%) rotate(-45deg);}
		.sub_order .send_cont .prod_tab li.on {background: #60a64d;}
		.sub_order .send_cont .prod_tab li.on span {color: #fff;}
		.sub_order .send_cont .prod_tab li.on .prod_del:before,
		.sub_order .send_cont .prod_tab li.on .prod_del:after {background: #fff;}

		.sub_order .send_cont .individual_box .order_table th:first-child,
		.sub_order .send_cont .individual_box .order_table td:first-child {padding-left: 30px; padding-right: 30px;}

		/* 발신번호 관리 팝업 */
			.ly_pop .send_tell_pop {max-width: 600px;}
			.ly_pop .send_tell_pop .pop_table input[type="radio"] + label {padding-left: 20px;}
			.ly_pop .send_tell_pop .form_element {font-size: 0;}
			.ly_pop .send_tell_pop .form_element input[type="text"],
			.ly_pop .send_tell_pop .form_element input[type="number"] {width: 220px;}
			.ly_pop .send_tell_pop .form_element input[type="number"] {margin: 0 10px;}

		/* 메시지 관리 팝업 */
			.ly_pop .send_msg_pop {max-width: 600px;}
			.ly_pop .send_msg_pop .pop_table th,
			.ly_pop .send_msg_pop .pop_table td {padding: 12.5px 0; font-size: 13px; text-align: left;}
			.ly_pop .send_msg_pop .pop_table th {background: #fff; padding-left: 18px;}
			.ly_pop .send_msg_pop .pop_table td {min-height: 58px;}
			.ly_pop .send_msg_pop .paging_wrap {margin-top: 30px;}

		/* 수신번호 등록 팝업 */
			.ly_pop .tell_upload_pop {max-width: 600px;}
			.ly_pop .tell_upload_pop .form_list {background: #f5f5f5; box-sizing: border-box; padding: 26px 20px; border-radius: 6px; overflow: hidden;}
			.ly_pop .tell_upload_pop #tell_upload_write {width: 286px; margin-left: 16px; margin-right: 6px;}
			.ly_pop .tell_upload_pop .form_list + .caution_list {margin-top: 10px;}
			.ly_pop .tell_upload_pop .form_list + .caution_list li .btn {margin-left: 16px;}
			.ly_pop .tell_upload_pop .form_list + .caution_list > li:before {line-height: 34.5px;}
			.ly_pop .tell_upload_pop .black_tit_wrap {display: flex; justify-content: space-between;}
			.ly_pop .tell_upload_pop .black_tit_box {width: calc(50% - 6.5px);}
			.ly_pop .tell_upload_pop .black_tit_box dt {padding: 12.5px 0; font-size: 14px;}
			.ly_pop .tell_upload_pop .black_tit_box dd {padding: 0;}
			.ly_pop .tell_upload_pop .black_tit_box dd textarea {width: 100%; max-height: 185px; border: 0; font-size: 14px;}
			.ly_pop .tell_upload_pop .black_tit_box dd textarea::placeholder {color: #aaa;}
			.ly_pop .tell_upload_pop .black_tit_wrap + .caution_list {margin-top: 16px;}


	/* 발송완료 */
		.sub_order .order_table.send_end td {color: #666;}
		.sub_order .order_table.send_end .all td {font-weight: 500; color: #333;}

		.sub_order .send_status {margin-top: 52px;}
		.sub_order .send_status .status_box {display: flex; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}
		.sub_order .send_status .status_box dl {position: relative; width: 100%; box-sizing: border-box; padding: 36px 0 40px; text-align: center;}
		.sub_order .send_status .status_box dl + dl {border-left: 1px solid #ddd;}
		.sub_order .send_status .status_box dl dt {margin-bottom: 12px; font-size: 14px; font-weight: 500; color: #333; letter-spacing: -0.28px;}
		.sub_order .send_status .status_box dl dd {display: inline-flex; flex-direction: column; justify-content: center; min-height: 78px; font-size: 15px; color: #666;}
		.sub_order .send_status .status_box dl dd .cont {font-size: 16px; color: #333; letter-spacing: -0.4px;}
		.sub_order .send_status .status_box dl dd .cont strong {margin-right: 6px; font-size: 20px; font-weight: 500;}
		.sub_order .send_status .status_box dl dd .cont + .btn {margin-top: 14px;}
		
/*───────────────────────────────────────────────────────────

	order_new

───────────────────────────────────────────────────────────*/
	/* 주문정보 입력 */
		.sub_order .info_cont .prod_box .prod_list .color_red {color: #e10000 !important;}

		.sub_order .send_msg .msg_box {display: flex; align-items: stretch; height: 350px; box-sizing: border-box; border-top: 1px solid #333; border-bottom: 1px solid #ddd;}
		.sub_order .send_msg .prod_msg {width: 320px; height: auto; background: #f8f8f8; padding: 0; border: 0; border-radius: inherit; overflow-y: scroll;}
		.sub_order .send_msg .prod_msg {-ms-overflow-style: none; scrollbar-width: none; /* Firefox */}
		.sub_order .send_msg .prod_msg::-webkit-scrollbar {display: none;}
		.sub_order .send_msg .prod_msg .prod_list {width: 100%; padding: 0;}
		.sub_order .send_msg .prod_msg .prod_list li {box-sizing: border-box; padding: 15px 25px 15px 15px; cursor: pointer;}
		.sub_order .send_msg .prod_msg .prod_list > li + li {margin-top: 0; border-top: 1px solid #ddd;}
		.sub_order .send_msg .prod_msg .prod_list li.on {background: #60a64d; border-top: 0;}
		.sub_order .send_msg .prod_msg .prod_list li.on + li {border-top: 0;}
		.sub_order .send_msg .prod_msg .prod_list li.on * {color: #fff !important;}

		.sub_order .send_msg .msg_box .write_msg {width: calc(100% - 320px); box-sizing: border-box; padding: 20px;}
		.sub_order .send_msg .msg_box .write_msg > div {height: 0; overflow: hidden;}
		.sub_order .send_msg .msg_box .write_msg > div.active {height: auto; overflow: visible;}
		#msg_tit::placeholder, #msg_cont::placeholder {color: #999;}
		.sub_order .send_msg .msg_box .write_msg .btn_wrap {justify-content: flex-end; margin-top: 10px;}
		.sub_order .send_msg .msg_box .write_msg .btn_wrap > .btn {border-radius: 6px;}
		.sub_order .send_msg .msg_box .write_msg .btn_wrap > .btn + .btn {margin-left: 5px;}

		.sub_order .info_cont .order_tit .btn_wrap > .btn {border-radius: 6px;}

		.sub_order .send_cont .prod_box .prod_list .info .desc {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 8px;}
		.sub_order .send_cont .prod_box .prod_list .info .desc * {font-size: 13px; color: #666;}
		.sub_order .send_cont .prod_box .prod_list .info .desc .msg {color: #111;}
		.sub_order .send_cont .prod_box .prod_list .info .desc .msg em {font-weight: 500;}

		/* 수신정보 입력 팝업 */
			.ly_pop .send_alert_pop .alert_list {padding: 20px; border-radius: 6px; text-align: center; overflow: hidden;}
			.ly_pop .send_alert_pop .alert_list li {font-size: 14px; color: #333; letter-spacing: -0.28px;}
			.ly_pop .send_alert_pop .alert_list li + li {margin-top: 20px; padding-top: 20px; border-top: 1px dotted #ddd;}

	/* 결제정보 입력 */
		.sub_order .info_cont .order_all_info {display: inline-flex;}
		.sub_order .info_cont .order_all_info li {font-size: 16px; color: #333;}
		.sub_order .info_cont .order_all_info li + li:before {content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 10px; background: #ddd; margin: 0 12px;}

		.sub_order .info_cont .pay_methods {margin-top: 46px;}
		.sub_order .info_cont .pay_methods,
		.sub_order .info_cont .pay_methods .dot_list {width: 100%;}

		.sub_order .info_cont .order_agree {margin-top: 110px;}
		.sub_order .info_cont .order_agree .order_tit {margin-bottom: 18px;}
		.sub_order .info_cont .order_agree .input_table {padding: 26px 0 30px; border-bottom: 1px solid #ddd;}
		.sub_order .info_cont .order_agree .agree_info {margin-bottom: 20px;}
		.sub_order .info_cont .order_agree .agree_info p {margin-bottom: 10px; font-size: 15px; color: #666; letter-spacing: -0.3px;}
		.sub_order .info_cont .order_agree .agree_box {width: 100%; height: 310px; background: #f5f5f5; box-sizing: border-box; padding: 0 10px 0 20px; border-radius: 6px; overflow: hidden;}
		.sub_order .info_cont .order_agree .agree_box {font-size: 13px; font-weight: 300; color: #666; letter-spacing: -0.26px;}
		.sub_order .info_cont .order_agree .agree_box .agree_tit {margin-top: 18px; margin-bottom: 5px;}
		.sub_order .info_cont .order_agree .agree_box .agree_tit strong {font-weight: 500; color: #333;}
		.sub_order .info_cont .order_agree .agree_box .scroll_custom {padding: 20px 0; padding-right: 85px;}
		.sub_order .info_cont .order_agree .agree_box .scroll_custom::-webkit-scrollbar-button:vertical:start:decrement,
		.sub_order .info_cont .order_agree .agree_box .scroll_custom::-webkit-scrollbar-button:vertical:start:increment {display: block; height: 5px;}
		.sub_order .info_cont .order_agree .agree_box .scroll_custom::-webkit-scrollbar-button:vertical:end:decrement,
		.sub_order .info_cont .order_agree .agree_box .scroll_custom::-webkit-scrollbar-button:vertical:end:increment {display: block; height: 5px;}
		.sub_order .info_cont .order_agree .agree_box .round_table {width: 686px; margin: 16px 0 10px;}
		.sub_order .info_cont .order_agree .agree_box .round_table th,
		.sub_order .info_cont .order_agree .agree_box .round_table td {padding: 6px 20px; font-size: 13px; font-weight: 300; color: #666; letter-spacing: -0.26px; text-align: center;}
		.sub_order .info_cont .order_agree .agree_box .round_table th {background: #f9f9f9; border-bottom: 1px solid #ddd;}
		.sub_order .info_cont .order_agree .agree_box .round_table th + th,
		.sub_order .info_cont .order_agree .agree_box .round_table td + td {border-left: 1px solid #ddd;}
		.sub_order .info_cont .order_agree .agree_box p + p,
		.sub_order .info_cont .order_agree .agree_box p + ol {margin-top: 6px;}
		.sub_order .info_cont .order_agree .agree_box ol li {list-style-position: inside; text-indent: -14px; padding-left: 14px; line-height: 1.76;}
		.sub_order .order_info_btn {margin-top: 60px;}


/*───────────────────────────────────────────────────────────

	board

───────────────────────────────────────────────────────────*/
	/* 공통 */
		.sub_board .sub_tit h6 {color: #333; line-height: 1.625;}
		.sub_board .sub_tit h2 + h6 {margin-top: 28px;}
		.sub_board .sub_tit h2 + h6 span {display: inline-block; width: 7px; height: 7px; margin: -4px 8px 0 4px; border-top: 1px solid #888; border-right: 1px solid #888; transform: rotate(45deg) translateY(-2px);}
		    
	/* FAQ */
		.sub_board .faq_list_cont {padding-top: 20px;}
		.sub_board .faq_list_sort {display: flex; width: 100%;}
		.sub_board .faq_list_sort li {width: 100%; height: 170px;}
		.sub_board .faq_list_sort li + li {margin-left: 22px;}
		.sub_board .faq_list_sort li a {position: relative; display: block; width: 100%; height: 100%; box-sizing: border-box; padding-top: 48px; border-radius: 10px; font-size: 16px; font-weight: 500; color: #333; text-align: center; overflow: hidden;}
		.sub_board .faq_list_sort li a:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #ddd; border-radius: 10px;}
		.sub_board .faq_list_sort li.on a:after,
		.sub_board .faq_list_sort li:hover a:after {border: 4px solid #60a64d;}
		.sub_board .faq_list_sort li a img {display: block; margin: 0 auto; margin-bottom: 18px;}

		.sub_board .faq_list {width: 100%; margin-top: 60px; border-top: 1px solid #333;}
		.sub_board .faq_list li {width: 100%; border-bottom: 1px solid #ddd;}
		.sub_board .faq_list li .faq_con {position: relative; box-sizing: border-box; padding: 24px; padding-left: 75px; padding-right: 100px;}
		.sub_board .faq_list li .faq_con span {font-size: 16px; color: #666; line-height: 1.875;}
		.sub_board .faq_list li .faq_con .faq_icon {position: absolute; left: 30px; top: 18px; font-size: 20px; font-weight: 900; color: #222;}
		.sub_board .faq_list li .q_box {padding-top: 21px; padding-bottom: 21px; cursor: pointer;}
		.sub_board .faq_list li .q_box:after {content: ''; position: absolute; top: 47%; right: 32px; transform: translateY(-50%) rotate(45deg); width: 5px; height: 5px; border: 2px solid #fff0; border-right-color: #000; border-bottom-color: #000; border-radius: 3px; transition: all 0.4s;}
		.sub_board .faq_list li.active .q_box:after {top: 54%; transform: translateY(-50%) rotate(45deg) scale(-1, -1);}
		.sub_board .faq_list li .q_box span {color: #333;}
		.sub_board .faq_list li .q_box strong {display: inline-block; width: auto; height: 36px; margin-right: 16px; box-sizing: border-box; border: 1px solid #666; border-radius: 5px; padding: 0 19px; font-size: 14px; font-weight: 400; color: #666; line-height: 33px;}
		.sub_board .faq_list li .a_box {display: none; border-top: 1px solid #ddd; background: #f9f9f9;}

	/* 이벤트 */
		.sub_board .event_list {display: flex; flex-wrap: wrap; width:100%;}
		.sub_board .event_list li {position: relative; width: calc(33.33% - 27px); margin-right: 40px; margin-bottom: 40px;}
		.sub_board .event_list li:nth-child(3n) {margin-right: 0;}
		.sub_board .event_list li a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
		.sub_board .event_list li .img_box {position: relative; box-sizing: border-box; border-radius: 10px; overflow: hidden;}
		.sub_board .event_list li:hover .img_box:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 4px solid #60a64d; border-radius: 10px;}
		.sub_board .event_list li .txt_box {padding-top: 16px; font-size: 18px; font-weight: 500; color: #000;}
		.sub_board .event_list + .paging_wrap {margin-top: 20px;}
		/** 230714 추가 및 수정 **/
		.sub_board .event_list.old li:after {content: "종료"; position: absolute; right: 15px; top: 15px; display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: rgba(0,0,0,0.6); border-radius: 50%; font-size: 14px; color: #fff;}
		.sub_board .event_list.old li .img_box:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
		/** //230714 추가 및 수정 **/


	/** 230714 추가 및 수정 **/
		/* 일반형 게시판 공통 */
			.sub_board .board_list_cont {}
			.sub_board .board_top {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 12px;}
			.sub_board .board_top .board_num {font-size: 16px; color: #000;}
			.sub_board .board_top .board_search {width: 150px;}
			.sub_board .board_list td {font-size: 16px;}
			.sub_board .board_list td .board_tit a {display: inline-block; max-width: 96%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; font-size: inherit; color: inherit;}

		/* 상세 게시판 공통 */
			.sub_board .board_view_cont {padding-top: 22px;}
			.sub_board .view_cont {}
			.sub_board .view_cont .view_tit {display: flex; justify-content: space-between; /* background: #f5f5f5; */ box-sizing: border-box; padding: 30px; border-top: 1px solid #000; border-bottom: 1px solid #ddd; line-height: 1.45;}
			.sub_board .view_cont .view_tit h3 {font-size: 25px; font-weight: 500; color: #333; letter-spacing: -0.03em;}
			.sub_board .view_cont .view_tit h3 span:after {content: ""; display: inline-block; width: 1px; height: 14px; background: #ddd; margin: -2px 24px 0; vertical-align: middle;}
			.sub_board .view_cont .view_tit .period {display: inline-flex; align-items: center;}
			.sub_board .view_cont .view_tit .period dt,
			.sub_board .view_cont .view_tit .period dd {font-size: 15px; color: #999; letter-spacing: -0.02em;}
			.sub_board .view_cont .view_tit .period dt {padding-right: 14px; color: #666;}
			.sub_board .view_cont .view_detail {width: 100%; min-height: 280px; box-sizing: border-box; padding: 60px 30px; border-bottom: 1px solid #ddd; font-size: 16px; color: #666; letter-spacing: -0.03em; line-height: 1.7;}
			.sub_board .view_cont .view_detail img + p {margin-top: 24px;}
	/** //230714 추가 및 수정 **/

	/* 쓰기 게시판 공통 (1:1문의, 대량/대행발송 문의, )*/
		.sub_board .board_write_cont {padding-top: 22px;}
		.sub_board .write_table .select_custom {width: 300px;}
		.sub_board .write_table .important:after{display:inline-flex; content:'*'; color:#ff2424; margin-left:3px;}
		.sub_board .write_table th,
		.sub_board .write_table td {padding: 20px;}
		.sub_board .write_table th {padding-top: 29px;}
		.sub_board .write_table td .byte_wrap textarea {height: 254px;}
		.sub_board .write_table td input[type="text"], 
		.sub_board .write_table td input[type="password"], 
		.sub_board .write_table td input[type="number"], 
		.sub_board .write_table td input[type="date"] {width: 300px;}
		.sub_board .write_table td input[readonly] {background: #f5f5f5; color: #666;}
		.sub_board .write_table td .select_custom dt span {height: 45px; border-radius: 6px;}
		.sub_board .write_table td .select_custom dt span:before {top: 46%;}
		.sub_board .write_table td .line{font-size:inherit; color:#000; display:inline-block; margin:0 4px; text-align:center; vertical-align:middle;}
		.sub_board .write_table td .w100 {width: 100% !important;}
		.sub_board .write_table td .w150 {width: 150px !important;}
		.sub_board .write_table td.mail_wrap .select_custom {display: inline-block; margin-left: 6px; vertical-align: middle;}
		.sub_board .write_table td .noti {margin-top: 8px; font-size: 13px; font-weight: 400; color: #999; letter-spacing: -0.03em; vertical-align: middle;}

		/*** (s) 230718 추가 또는 수정 ***/
		.sub_board .write_table td.select_use input, .sub_board .write_table td.select_use .form_element{margin-top:10px;}
		/*** //(e) 230718 추가 또는 수정 ***/
		
		.sub_board .board_agree {margin-top: 50px;}
		.sub_board .board_agree .sub_tit {margin-bottom: 18px;}
		.sub_board .board_agree .sub_tit h5 {letter-spacing: -0.03em;}
		.sub_board .board_agree .input_table {padding: 0; padding-top: 30px;}
		.sub_board .board_agree .agree_input .toggle_wrap{position:relative;}
		.sub_board .board_agree .agree_input .toggle_wrap .toggle_btn{position:absolute; display:inline-flex; align-items:center; top:50%; right:0; transform:translateY(-50%); font-size:13px; font-weight:400; color:#999; letter-spacing:-0.03em;}
		.sub_board .board_agree .agree_input .toggle_wrap .toggle_btn:after{display:inline-flex; content:''; width:5px; height:5px; border:1px solid #fff0; border-bottom-color:#999; border-right-color:#999; margin:0 0 5px 7px; transform:rotate(45deg); transition:all 0.4s;}
		.sub_board .board_agree .agree_input .toggle_wrap .toggle_btn.on:after{transform:rotate(45deg) scale(-1); margin:5px 0 0 7px;}
		.sub_board .board_agree .agree_input .textarea_wrap{display:none; margin-top:20px;}
		.sub_board .board_agree .agree_input .textarea_wrap textarea{color:#666;}

		.sub_board .board_agree .agree_info {padding-top: 28px; border-top: 1px solid #222;}
		.sub_board .board_agree .agree_info label span {font-size: 13px; font-weight: 400;}
		.sub_board .board_agree .agree_info p {margin-top: 18px; font-size: 14px; color: #666; letter-spacing: -0.03em;}
		.sub_board .board_agree .agree_box .round_table {margin-top: 20px; margin-bottom: 16px;}
		.sub_board .board_agree .agree_box .caution_list > li,
		.sub_board .board_agree .agree_box .bar_list > li {font-size: 14px; font-weight: 400; color: #666; letter-spacing: -0.03em;}
		.sub_board .board_agree .agree_box .caution_list > li + li,
		.sub_board .board_agree .agree_box .bar_list > li + li {margin-top: 4px;}
		.sub_board .board_agree .agree_box .caution_list + .bar_list {margin-top: 4px;}

		.sub_board .board_btn {margin-top: 60px;}

	/* 대량/대행발송 문의 */
		.sub_board .bluk_info {display: flex; align-items: center; padding: 44px 50px; letter-spacing: -0.03em;}
		.sub_board .bluk_info dt {margin-right: 56px; font-size: 22px; font-weight: bold; color: #222;}
		.sub_board .bluk_info dd {font-size: 16px; color: #666; line-height: 1.675;}
		.sub_board .bluk_info + .board_write_cont {padding-top: 60px;}
		.sub_board .write_table td .byte_wrap textarea {line-height: 1.66;}


/*───────────────────────────────────────────────────────────

	service

───────────────────────────────────────────────────────────*/
	.sub_service .sub_tit {margin-bottom: 52px;}
	.sub_service .sub_tit p {margin-top: 14px; font-size: 18px; font-weight: 300; color: #000; line-height: 1.66;} 

	/* 서비스소개 */
		.sub_service.about .sub_tit {margin-bottom: 44px;}

		.sub_service .about_link {position: relative; display: flex; z-index: 1;}
		.sub_service .about_link li {width: 100%; height: 162px;}
		.sub_service .about_link li + li {margin-left: 10px;}
		.sub_service .about_link li a {position: relative; display: block; width: 100%; height: 100%; background: #fff; box-sizing: border-box; padding-top: 28px; border-radius: 10px; font-size: 18px; color: #333; letter-spacing: -0.03em; text-align: center; overflow: hidden;}
		.sub_service .about_link li a:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #ddd; border-radius: 10px;}
		.sub_service .about_link li:hover a:after {border: 4px solid #60a64d;}
		.sub_service .about_link li a img {display: block; margin: 0 auto; margin-bottom: 18px;}

		.sub_service .about_box {margin-top: -82px;}
		.sub_service .about_box .about_cont {position: relative;}
		.sub_service .about_box .about_cont > a {position: absolute; left: 0; top: 0;}
		.sub_service .about_box .about_cont .about_tit {margin-bottom: 44px; font-size: 36px; font-weight: 500; color: #333; letter-spacing: -0.05em; text-align: center;}
		.sub_service .about_box .about_cont .about_tit:before {content: ""; display: block; width: 70px; height: 70px; margin: 0 auto; margin-bottom: 18px; border-radius: 50%; overflow: hidden;}
		.sub_service .about_box .about_cont .desc_box {width: 100%; box-sizing: border-box; padding: 32px 20px 36px 40px; border-radius: 20px;}
		.sub_service .about_box .about_cont .desc_box strong {display: block; margin-bottom: 12px; font-size: 22px; font-weight: 500; color: #333; letter-spacing: -0.03em;}
		.sub_service .about_box .about_cont .desc_box p {font-size:16px; font-weight: 300; color: #666; letter-spacing: -0.035em; line-height: 1.75;}
		.sub_service .about_box .about_cont .desc_box .bar_list > li {line-height: 1.4 !important; letter-spacing: -0.035em;}

		.sub_service .about_box .about_cont .state_list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
		.sub_service .about_box .about_cont .state_list li {display: flex; align-items: center; width: 100%;}
		.sub_service .about_box .about_cont .state_list li .state_con {display: inline-flex; justify-content: center; align-items: center; width: 130px; height: 46px; background: #eee; box-sizing: border-box; border: 1px solid #ccc; border-radius: 23px; font-size: 16px; color: #555; letter-spacing: -0.05em; line-height: 42px;}
		.sub_service .about_box .about_cont .state_list li .state_con.fail {background: #fff; border-color: #b21b1b; color: #b21b1b;}
		.sub_service .about_box .about_cont .state_list li .state_con.success {background: #fff; border-color: #60a64d; color: #60a64d;}
		.sub_service .about_box .about_cont .state_list li .state_con img {margin-top: 2px; margin-right: 6px;}
		.sub_service .about_box .about_cont .state_list li p {margin-left: 20px; font-size: 16px; font-weight: 300; color: #444; letter-spacing: -0.03em; line-height: 1.5;}

		/* GS&쿠폰 특장점 */
			.sub_service .about_features {width: 100%; padding-top: 185px; padding-bottom: 140px; background: #f3fbf1;}
			.sub_service .about_box .about_features > a {top: 82px;}
			.sub_service .about_box .about_features .about_tit {margin-bottom: 38px;}
			.sub_service .about_features .about_tit:before {background: #60a64d url("../images/renewal/sub_about_features_icon.png") no-repeat center;}
			.sub_service .about_features .about_tit:after {content: ""; display: block; width: 30px; height: 2px; background: #333; margin: 0 auto; margin-top: 34px;}
			.sub_service .about_features .features_cont {position: relative;}
			.sub_service .about_features .features_cont + .features_cont {display: flex; align-items: center; margin-top: 100px;}
			.sub_service .about_features .features_cont .img_box {position: relative; border-radius: 20px; overflow: hidden; z-index: 1;}
			.sub_service .about_features .features_cont .txt_box {position: relative; padding-left: 58px; z-index: 1;}
			.sub_service .about_features .features_cont .txt_box dt {font-size: 38px; font-weight: 500; color: #000; line-height: 1.42; letter-spacing: -0.05em;}
			.sub_service .about_features .features_cont .txt_box dt:after {content: ""; display: block; width: 30px; height: 2px; margin: 26px 0 24px; background: #333;}
			.sub_service .about_features .features_cont .txt_box dd {font-size: 17px; line-height: 1.64; color: #666; letter-spacing: -0.03em;}
			.sub_service .about_features .features_cont .txt_box dd span {position: relative; font-weight: 500; color: #333;}
			.sub_service .about_features .features_cont .txt_box dd span:after {content: ""; position: absolute; left: 0; bottom: 2px; width: 100%; height: 1px; background: #333;}
			/* first */
				.sub_service .about_features .features_cont:first-child:before {content: ""; position: absolute; right: -115px; top: -100px; width: 39px; height: 38px; background: url("../images/renewal/sub_about_features_bg01.png") no-repeat center;}
				.sub_service .about_features .features_cont:first-child:after {content: ""; position: absolute; right: -95px; top: -50px; width: 212px; height: 212px; background: url("../images/renewal/sub_about_features_bg.png") no-repeat center; border-radius: 50%;}
				.sub_service .about_features .features_cont:first-child .txt_box {padding-left: 0;}
				.sub_service .about_features .features_cont:first-child .txt_box dt {margin-bottom: 32px; text-align: center;}
				.sub_service .about_features .features_cont:first-child .txt_box dt:after {display: none;}
				.sub_service .about_features .features_cont:first-child dd img {display: block; margin: 0 auto; transform: translateX(-44px);}
				.sub_service .about_features .features_cont:first-child dd .desc_box {background: #fff; margin-top: -50px;}
			/* second */
				.sub_service .about_features .features_cont:nth-child(2):before {content: ""; position: absolute; left: -168px; bottom: -48px; width: 130px; height: 130px; background: url("../images/renewal/sub_about_features_bg02.png") no-repeat center; border-radius: 50%;}
				.sub_service .about_features .features_cont:nth-child(2):after {content: ""; position: absolute; left: -110px; bottom: -150px; width: 210px; height: 210px; background: linear-gradient(to bottom right, rgba(96,166,77,0.15), transparent); border-radius: 50%;}
			/* last */
				.sub_service .about_features .features_cont:last-child:before {content: ""; position: absolute; right: -130px; top: -100px; width: 240px; height: 240px; box-sizing: border-box; border: 60px solid rgba(96,166,77,0.1); border-radius: 50%;}
				.sub_service .about_features .features_cont:last-child .txt_box {padding-left: 0; padding-right: 60px; text-align: right;}
				.sub_service .about_features .features_cont:last-child {flex-direction: row-reverse;}
				.sub_service .about_features .features_cont:last-child .txt_box dt:after {margin-left: auto;}
			/* 배경 요소 애니메이션 */
				.sub_service .about_features .features_cont:first-child:before {animation: bgAni 4s ease infinite;}
				.sub_service .about_features .features_cont:first-child:after {animation: bgAni2 3s ease infinite;}
				.sub_service .about_features .features_cont:nth-child(2):before {animation: bgAni 4s ease infinite;}
				.sub_service .about_features .features_cont:nth-child(2):after {animation: bgAni2 5s ease infinite;}
				.sub_service .about_features .features_cont:last-child:before {animation: bgAni 4s ease infinite;}

				@keyframes bgAni {
					0% {
						transform: translateY(10px);
					}

					50% {
						transform: translateY(-10px);
					}

					100% {
						transform: translateY(10px);
					}
				}

				@keyframes bgAni2 {
					0% {
						transform: translateY(-10px);
					}

					50% {
						transform: translateY(10px);
					}

					100% {
						transform: translateY(-10px);
					}
				}

		/* GS&쿠폰 이렇게 이용하자 */
			.sub_service .about_guide {width: 100%; padding: 100px 0;}
			.sub_service .about_guide .about_tit:before {background: #60a64d url("../images/renewal/sub_about_guide_icon.png") no-repeat center;}
			.sub_service .about_guide .video_wrap {width: 100%; background: #eee; box-sizing: border-box; border: 10px solid #eee; border-radius: 20px; overflow: hidden;}
			/* 230704 수정 및 추가 */
			.sub_service .about_guide .video_wrap .video {position: relative; width: 100%; padding-bottom: 55.8%; border-radius: 16px; overflow: hidden;}
			/* 230704 수정 및 추가 끝 */
			.sub_service .about_guide .video_wrap .video iframe {position: absolute; left: 0; top: 0;}

		/* GS&쿠폰을 휴대폰으로 받는 과정 */
			.sub_service .about_process {width: 100%; padding: 100px 0; background: #f5f5f5;}
			.sub_service .about_process .about_tit:before {background: #60a64d url("../images/renewal/sub_about_process_icon.png") no-repeat center;}
			.sub_service .about_process .process_wrap {width: 100%; background: #fff; box-sizing: border-box; padding: 50px; padding-top: 60px; border-radius: 20px;}

			.sub_service .about_process .process_wrap .step_list {display: flex; padding-left: 20px;}
			.sub_service .about_process .process_wrap .step_list li {position: relative; }
			.sub_service .about_process .process_wrap .step_list li + li {margin-left: 70px;}
			.sub_service .about_process .process_wrap .step_list li + li:before {content: ""; position: absolute; left: -50px; top: 55px; width: 30px; height: 30px; background: url("../images/renewal/sub_about_step_arrow.png") no-repeat center;}
			.sub_service .about_process .process_wrap .step_list li .icon_box {position: relative; width: 140px; height: 140px;}
			.sub_service .about_process .process_wrap .step_list li .icon_box:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #aaa; border-radius: 10px; overflow: hidden;}
			.sub_service .about_process .process_wrap .step_list li:last-child .icon_box:after {border: 2px solid #60a64d;} 
			.sub_service .about_process .process_wrap .step_list li .txt_box {margin-top: 12px; text-align: center;}
			.sub_service .about_process .process_wrap .step_list li .txt_box dt {font-size: 18px; font-weight: 500; color: #333; letter-spacing: -0.05em;}
			.sub_service .about_process .process_wrap .step_list li .txt_box dd {margin-top: 4px; font-size: 16px; color: #666; letter-spacing: -0.05em;}

			.sub_service .about_process .process_wrap .state_box {box-sizing: border-box; padding-left: 588px;}
			.sub_service .about_process .process_wrap .state_box .state_list {position: relative; width: 270px; margin-top: 16px;}
			.sub_service .about_process .process_wrap .state_box .state_list:before,
			.sub_service .about_process .process_wrap .state_box .state_list:after {content: ""; position: absolute; top: 0; width: 62px; height: 52px; box-sizing: border-box; border: 1px solid #aaa; border-top: 0;}
			.sub_service .about_process .process_wrap .state_box .state_list:before {left: -78px; border-right: 0;}
			.sub_service .about_process .process_wrap .state_box .state_list:after {right: -78px; border-left: 0;}
		
			.sub_service .about_process .process_wrap .desc_box {background: #f5f5f5; margin-top: 48px;}
			.sub_service .about_process .process_wrap .desc_box:before {content: ""; position: absolute; right: 280px; top: -10px; width: 64px; height: 64px; background: #f5f5f5; border-radius: 2px; transform: rotate(45deg);}
			.sub_service .about_process .process_wrap .desc_box .state_list {gap: 10px 0; margin-top: 30px;}


		/* 제휴브랜드 */
			.sub_service .about_brand {width: 100%; padding: 100px 0 0;}
			.sub_service .about_brand .about_tit:before {background: #60a64d url("../images/renewal/sub_about_brand_icon.png") no-repeat center;}
			.sub_service .about_brand .brand_list {display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;}
			.sub_service .about_brand .brand_list li {border-radius: 10px; overflow: hidden;}


	/* 약관 */
		.sub_service .term_select {display: flex; align-items: center; justify-content: flex-end;}
		.sub_service .term_select > span {font-size: 16px; color: #333; letter-spacing: -0.03em;}
		.sub_service .term_select .select_custom {width: 300px; margin: 0 10px 0 40px;}
		.sub_service .term_select .select_custom dt span {height: 45px; border-radius: 6px;}
		.sub_service .term_select .btn_bmd {padding: 0 15px;}

		.sub_service .term_cont {margin-top: 20px; padding: 56px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 14px; color: #666; line-height: 1.7; letter-spacing: -0.035em;}
		.sub_service .term_cont.agree_term {white-space: pre-wrap;}
		.sub_service .term_cont.use_term {padding: 50px 0 56px;}
		.sub_service .term_cont.use_term dl + dl {margin-top: 36px;}
		.sub_service .term_cont.use_term dt {margin-bottom: 22px; font-size: 22px; font-weight: bold; color: #222; letter-spacing: -0.035em;} 
		.sub_service .term_cont.use_term dd .round_table {margin-top: 18px;}
		.sub_service .term_cont.use_term dd .round_table table th, 
		.sub_service .term_cont.use_term dd .round_table table td {text-align: center;}
		.sub_service .term_cont.use_term dd .round_table table td {padding: 17px 0 18px;}

	/* 사이트맵 */
 		.sub_service .site_map_box {display: flex; flex-wrap: wrap;}
		.sub_service .site_map_box dl {width: calc(33.33% - 27px); margin-right: 40px;}
		.sub_service .site_map_box dl:nth-child(3n) {margin-right: 0;}
		.sub_service .site_map_box dt {width: 100%; height: 60px; }
		.sub_service .site_map_box dt a {position: relative; display: block; width: 100%; height: 100%; font-size: 20px; font-weight: bold; color: #222; line-height: 58px; text-align: center;}
		.sub_service .site_map_box dt a:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}
		.sub_service .site_map_box dl:hover dt a {color: #60a64d;}
		.sub_service .site_map_box dl:hover dt a:after {border: 4px solid #60a64d;}
		.sub_service .site_map_box dd {padding-top: 26px; padding-bottom: 56px;}
		.sub_service .site_map_box dd li + li {margin-top: 10px;}
		.sub_service .site_map_box dd li a {position: relative; font-size: 16px; color: #888; line-height: 1.25; letter-spacing: -0.02em;}
		.sub_service .site_map_box dd li a:after {content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 0; height: 1px; background: #000; transition: all 0.4s;}
		.sub_service .site_map_box dd li a:hover {color: #333;}
		.sub_service .site_map_box dd li a:hover:after {width: 100%; transition: all 0.4s;}

		.sub_service .site_map_box dl.line04 {width: calc(25% - 17px); margin-right: 22px;}
		.sub_service .site_map_box dl.line04:nth-child(3n) {margin-right: 22px;}
		.sub_service .site_map_box dl:last-child {margin-right: 0;}


/*───────────────────────────────────────────────────────────

	member

───────────────────────────────────────────────────────────*/
	/* 아이디, 비밀번호 공통 */
		.id_pw_wrap {width: 550px;}
		.id_pw_wrap.certifi,
		.id_pw_wrap.certifi .cont {width: 930px;}

	/* 아이디 찾기 */
		.sub_member .certification_list {display: flex;}
		.sub_member .certification_list li {position: relative; width: 100%; box-sizing: border-box; padding: 60px 20px; border: 1px solid #ddd; border-radius: 10px; text-align: center;}
		/* .sub_member .certification_list li:hover:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 4px solid #60a64d; border-radius: 10px;} */
		.sub_member .certification_list li + li {margin-left: 22px;}
		.sub_member .certification_list li .sub_tit {margin-top: 24px;}

		.sub_member .id_pw_wrap .email_wrap {position: relative; margin-top: 10px;}
		.sub_member .id_pw_wrap .email_wrap input[type="text"] {margin-top: 0;}
		.sub_member .id_pw_wrap .email_wrap a {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #fff;}

		.sub_member .id_pw_wrap .end_box {padding: 48px 0 54px; text-align: center;}
		.sub_member .id_pw_wrap .end_box strong {display: block; margin: 14px 0; font-size: 30px; color: #333; letter-spacing: -0.6px;}
		.sub_member .id_pw_wrap .end_box p {font-size: 16px; color: #666; letter-spacing: -0.32px;}
		.sub_member .id_pw_wrap .end_box p mark {background: linear-gradient(to top, rgba(96,166,77,0.2) 50%, transparent 50%); font-weight: 500; color: #333;}
		.sub_member .id_pw_wrap .end_box p em {font-weight: 500;}
			
	/* 비밀번호 재설정 */
		.login_wrap .info_box {margin-top: 21px; font-size: 15px; font-weight: 400; color: #666; letter-spacing: -0.03em; text-align: center;}
		.login_wrap .info_box a,
		.login_wrap .info_box span {position: relative; display: inline-block; margin-left: 4px; color: #333; font-weight: 500;}
		.login_wrap .info_box a:after,
		.login_wrap .info_box span:after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #333;}


/*───────────────────────────────────────────────────────────

	이벤트 댓글

───────────────────────────────────────────────────────────*/
	/** (s) 240527 추가 및 수정 **/
		.u_cbox{margin-top:60px;}
		.u_cbox .total{font-size:13px; font-weight:400; color:#666; margin-bottom:10px; display:block;}
		.u_cbox .total strong{font-weight:500; color:#333;}
		.u_cbox .comment_submit{margin-bottom:30px; display:flex; flex-direction:column; gap:10px;}
		.u_cbox .comment_submit .text_wrap{position:relative; }
		.u_cbox .comment_submit textarea{width:100%; height:100px; padding-right:130px; min-height:auto;}
		.u_cbox .comment_submit .submit_btn{position:absolute; width:100px; height:100%; top:0; right:0;}
		.u_cbox > .u_cbox_list{border-top:1px solid #333;}
		.u_cbox .u_cbox_comment_box { position: relative; border-bottom: 1px solid #ddd; }
		.u_cbox .u_cbox_area { padding: 15px 0; }
		.u_cbox .u_cbox_comment_box .u_cbox_thumb { float: left; margin: -1px 4px 2px 0; }
		.u_cbox .u_cbox_info { position: relative; padding-bottom: 2px; }
		.u_cbox .u_cbox_info:after { display: block; clear: both; content: ""; }
		.u_cbox .u_cbox_ico_level { overflow: hidden; float: left; position: relative; width: 23px; height: 23px; margin: 0 7px 0 0; border-radius: 23px; background-color: #f3ad0b; color: #fff; line-height: 999px; vertical-align: top; }
		.u_cbox .u_cbox_ico_stat_secret { display: inline-block; overflow: hidden; float: left; width: 10px; height: 14px; margin: 4px 0 0 6px; background-position: -67px -103px; line-height: 999px; vertical-align: top; }
		.u_cbox .u_cbox_name_area { font-size: 13px; color: #000; line-height: 25px; font-weight: 700; vertical-align: top; }
		.u_cbox .u_cbox_name .u_cbox_nick_area { display: inline-block; overflow: hidden; float: left; max-width: 50%; white-space: nowrap; text-overflow: ellipsis; }
		.u_cbox .u_cbox_name .u_cbox_id_area { display: inline-block; float: left; }
		.u_cbox .u_cbox_name .u_cbox_ico_arrow { float: left; width: 5px; height: 9px; margin: 7px 0 0 5px; background-position: -370px -200px; }
		.u_cbox .u_cbox_btn_totalcomment { display: none; float: left; margin: 5px 0 0 7px; border: 0; background: 0 0; }
		.u_cbox .u_cbox_btn_totalcomment .u_cbox_txt_total { float: left; font-size: 11px; color: #666; }
		.u_cbox .u_cbox_btn_totalcomment .u_cbox_ico_arrow { float: left; width: 4px; height: 7px; margin: 5px 0 0 3px; background-position: -430px -180px; }

		.u_cbox .u_cbox_sns_icons { overflow: hidden; float: left; width: 23px; height: 23px; margin: 0 2px -5px 0; }
		.u_cbox .u_cbox_sns_twitter { background-position: -26px -29px; }
		.u_cbox .u_cbox_sns_facebook { background-position: -52px -29px; }
		.u_cbox .u_cbox_info_base { position: relative; padding-top: 2px; }
		.u_cbox .u_cbox_info_base:after { display: block; clear: both; content: ""; }
		.u_cbox .u_cbox_sns_set { float: left; margin-right: -2px; vertical-align: top; }
		.u_cbox .u_cbox_info_base .u_cbox_sns_icons { height: 11px; margin: 2px 0 0 7px; }
		.u_cbox .u_cbox_info_base .u_cbox_sns_twitter { width: 13px; background-position: -145px -103px; }
		.u_cbox .u_cbox_info_base .u_cbox_sns_facebook { width: 11px; margin-top: 3px; margin-right: 2px; background-position: -162px -103px; }
		.u_cbox .u_cbox_ico_bar { position: absolute; left: 0; top: 17px; width: 1px; height: 21px; background: #ebebeb; font-size: 1px; line-height: 1px; color: transparent; }
		.u_cbox .u_cbox_info_base .u_cbox_ico_bar { display: inline-block; float: left; position: relative; top: 1px; left: auto; height: 12px; margin: 0 7px 0 9px; vertical-align: top; }
		.u_cbox .u_cbox_btn_report, .u_cbox .u_cbox_btn_unhide { float: left; padding-top: 2px; vertical-align: top; color: #999; }
		.u_cbox .u_cbox_btn_unhide .u_cbox_ico_bar { margin-left: 8px; }
		.u_cbox .u_cbox_btn_report .u_cbox_ico_report { display: none; }
		.u_cbox .u_cbox_date { float: left; font-size: 12px; font-family: tahoma, helvetica, sans-serif; color: #999; }
		.u_cbox .u_cbox_pic { display: none; float: right; position: relative; margin-left: 10px; }
		.u_cbox .u_cbox_pic .u_cbox_img_contents { width: 60px; height: 60px; vertical-align: top; }
		.u_cbox .u_cbox_pic .u_cbox_pic_mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; border: 1px solid #000; 
			filter: alpha(opacity=6); opacity: 0.06;}
		.u_cbox .u_cbox_text_wrap { overflow: hidden; position: relative; margin-right: 18px; font-size: 13px; line-height: 1.38; word-break: break-all; word-wrap: break-word; }
		.u_cbox .u_cbox_text_wrap .icon_secret{display:inline-block; font-size:0; vertical-align:middle;}
		.u_cbox .u_cbox_text_wrap:after { display: block; clear: both; content: ""; }
		.u_cbox .u_cbox_text_wrap.is_ellipsis { display: inline-block; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; 			-webkit-box-orient: vertical;height: 69px;}
		.u_cbox .u_cbox_comment_box .u_cbox_text_morebutton { margin-top: 4px; font-size: 13px; line-height: 1.5; color: #999; text-decoration: underline; }
		.u_cbox .u_cbox_comment_box .u_cbox_contents_link { color: #005fc1; text-decoration: underline; }
		.u_cbox .u_cbox_comment_box .u_cbox_contents_link:visited { color: #6d00c1; }
		.u_cbox .u_cbox_comment_box .u_cbox_ico_best { display: inline-block; overflow: hidden; font-size: 0; line-height: 0; vertical-align: top; background-position: -4px -26px; background-repeat: no-repeat; width: 33px; height: 14px; float: left; margin: 2px 6px 0 0; }
		.u_cbox .u_cbox_comment_box .u_cbox_hash_tag { display: inline-block; font-weight: 700; vertical-align: top; }
		.u_cbox .u_cbox_comment_box .u_cbox_timestamp { border: none; text-decoration: none; background-color: transparent; }
		.u_cbox .u_cbox_comment_box .u_cbox_timestamp:visited { color: inherit; }
		/* 더보기 메뉴 */
		.u_cbox .u_cbox_work_sub { position: absolute; top: -2px; right: -13px; }
		.u_cbox .u_cbox_work_sub .u_cbox_btn_open { display: block; overflow: hidden; width: 30px; height: 30px; font-size: 0; line-height: 0; }
		.u_cbox .u_cbox_work_sub .u_cbox_ico_open { display: inline-block; overflow: hidden; font-size: 0; line-height: 0; vertical-align: top; background-position: -320px -96px; background-repeat: no-repeat; width: 3px; height: 15px; margin: 7px 0 0 13px; }
		.u_cbox .u_cbox_work_box { display: none; position: absolute; top: 30px; right: 13px; z-index: 100; width: 90px; }
	
		
		.u_cbox .u_cbox_tool { text-align: right; }
		.u_cbox .u_cbox_tool:after { display: block; clear: both; content: ""; }
		.u_cbox .u_cbox_tool .u_cbox_btn_reply { float: left; overflow: hidden; position: relative; height: 23px; padding: 0 7px; margin: 8px 0 2px; font-size: 12px; line-height: 15px; background-color: #fff; border: 1px solid #e0e0e0; color: #000; }
		.u_cbox .u_cbox_tool .u_cbox_btn_reply + .u_cbox_btn_reply{margin-left:5px;}
		.u_cbox .u_cbox_tool .u_cbox_btn_reply_on { background-color: #fbfbfb; }
		.u_cbox .u_cbox_tool .u_cbox_btn_reply .u_cbox_reply_txt { float: left; margin-top: 5px; }
		.u_cbox .u_cbox_tool .u_cbox_btn_reply .u_cbox_reply_cnt { float: left; padding: 4px 0 0 5px; font-weight: 700; font-family: tahoma, helvetica, sans-serif; }
		.u_cbox .u_cbox_tool .u_cbox_btn_reply.u_cbox_type_open { padding: 0; background: 0 0; }
		.u_cbox .u_cbox_tool .u_cbox_btn_reply.u_cbox_type_open:hover .u_cbox_reply_txt { text-decoration: underline; }
		.u_cbox .u_cbox_tool .u_cbox_btn_reply.u_cbox_type_open .u_cbox_reply_cnt { display: none; }
		.u_cbox .u_cbox_recomm_set { float: right; margin-top: 1px; }
		.u_cbox .u_cbox_recomm_set .u_cbox_btn_recomm, .u_cbox .u_cbox_recomm_set .u_cbox_btn_unrecomm { float: left; position: relative; min-width: 15px; height: 22px; padding: 0 6px; margin: 8px 0 2px 5px; border: 1px solid #ededed; background-color: #fff; }
		.u_cbox .u_cbox_recomm_set .u_cbox_btn_unrecomm { margin-left: 5px; }
		.u_cbox .u_cbox_recomm_set .u_cbox_ico_recomm, .u_cbox .u_cbox_recomm_set .u_cbox_ico_unrecomm { overflow: hidden; float: left; width: 14px; height: 14px;  font-size:0; background:no-repeat center; background-size:100% auto;}
		.u_cbox .u_cbox_recomm_set .u_cbox_ico_recomm { margin-top: 4px; background-image:url('/resources/pc/images/common/recomm_icon01.png');}
		.u_cbox .u_cbox_recomm_set .u_cbox_ico_unrecomm { margin-top: 4px; background-image:url('/resources/pc/images/common/recomm_icon02.png');}
		.u_cbox .u_cbox_recomm_set .u_cbox_cnt_recomm, .u_cbox .u_cbox_recomm_set .u_cbox_cnt_unrecomm { float: left; padding-left: 4px; font-size: 12px; line-height: 21px; color: #999; font-family: tahoma, sans-serif; }

		.u_cbox .u_cbox_ico_reply {position: absolute;top: 19px;	left: 0;width: 10px;height: 10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
		.u_cbox .u_cbox_reply_area { padding-left: 26px; background-color: #fafafa; }

		.u_cbox .u_cbox_reply_area .u_cbox_comment_box { border-bottom-color: #e9e9e9; }
		.u_cbox .u_cbox_reply_area .u_cbox_comment_box .u_cbox_area { margin-left: -26px; padding-left: 52px; }
		.u_cbox .u_cbox_reply_area .u_cbox_comment_box .u_cbox_write_wrap .u_cbox_write_box { border: none; margin: 0; padding-left: 26px; }
		.u_cbox .u_cbox_reply_area .u_cbox_comment_box .u_cbox_write_wrap .u_cbox_layer_sticker { margin-top: -15px; }
		.u_cbox .u_cbox_reply_area .u_cbox_work_sub { right: 1px; }
		.u_cbox .u_cbox_reply_area .u_cbox_text_wrap, .u_cbox .u_cbox_reply_area .u_cbox_tool { padding-right: 22px; }
		.u_cbox .u_cbox_reply_area .u_cbox_thumb .u_cbox_thumb_mask { background-position: -29px 0; }
		.u_cbox .u_cbox_reply_area .u_cbox_name .u_cbox_nick_area { max-width: 45%; }
		.u_cbox .u_cbox_reply_area .u_cbox_write_wrap { position: relative; }
		.u_cbox .u_cbox_reply_area .u_cbox_write_wrap .u_cbox_write_box { margin-top: -1px; margin-left: -26px; padding: 14px 22px 14px 52px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
		.u_cbox .u_cbox_reply_area .u_cbox_write_wrap .u_cbox_write_inner{display:flex; flex-direction:column; gap:10px;}
		.u_cbox .u_cbox_reply_area .u_cbox_write_wrap .u_cbox_write_inner input[type="checkbox"] + label{font-size:inherit; font-weight:inherit; color:inherit;}
		.u_cbox .u_cbox_reply_area .u_cbox_write_wrap .u_cbox_write_area{position: relative; }
		.u_cbox .u_cbox_reply_area .u_cbox_write_wrap .u_cbox_write_box textarea{width:100%; min-height:auto; height:80px; font-size:inherit; font-weight:inherit; color:inherit; padding-right:130px;}
		.u_cbox .u_cbox_reply_area .u_cbox_write_wrap .u_cbox_write_box .submit_btn{position:absolute; top:0; right:0; width:100px; height:100%;}
		.u_cbox .u_cbox_reply_area .u_cbox_upload .u_cbox_btn_upload { right: 0; bottom: 0; height: 44px; background-color: #fff; border-top-color: #ededed; border-left-color: #ededed; border-right-color: transparent; border-bottom-color: transparent; color: #00c73c; }
		.u_cbox .u_cbox_target_name { display: inline-block; overflow: hidden; max-width: 49%; margin: 0 4px 0 0; font-weight: 700; word-break: normal; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; text-align: left; vertical-align: top; }
		.u_cbox .u_cbox_upload .u_cbox_target_name { float: left; max-width: 200px; }
		.u_cbox .u_cbox_btn_fold { display: block; height: 26px; margin-top: -1px; margin-left: -26px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #d2d2d2; background-color: #f6f7f8; font-size: 11px; color: #999; line-height: 28px; text-align: center; }
		.u_cbox .u_cbox_btn_fold .u_cbox_btn_fold_wrap { display: inline-block; vertical-align: top; }
		.u_cbox .u_cbox_cnt_fold { float: left; }
		.u_cbox .u_cbox_ico_fold { display: inline-block; width: 9px; height: 5px; margin: 10px 0 0 6px; background-position: -51px -125px; vertical-align: top; }
		
		/* 내글 */
		.u_cbox .u_cbox_mine .u_cbox_area { background-color: #fcfff9; }
		.u_cbox .u_cbox_mine .u_cbox_thumb .u_cbox_thumb_mask { background-position: -58px 0; }
	/** (e) //240527 추가 및 수정 **/		
	
/* (s) 251030 추가 및 수정 */
/*───────────────────────────────────────────────────────────

	GS&쿠폰 이용가이드 || service/guide.html

───────────────────────────────────────────────────────────*/
    .sub_content:has(.gs_guide){width: 100%;}
    .gs_guide{overflow-wrap: anywhere;}
    .gs_guide .sub_tit .btn_wrap{margin-top: 25px; gap: 15px;}
    .gs_guide .sub_tit .btn{min-width: 250px;width: auto;background: #54db00;border-radius: 10px;padding-inline: 25px;font-weight: 400;}

    .wideTab{display: flex; background:#ecf7e9; border-radius: 80px; margin-bottom: 40px;}
    .wideTab > li{position: relative;width: 100%;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 20px;font-weight: 500;color: #555;line-height: 1.3;padding: 22px 15px;box-sizing: border-box;letter-spacing: -0.08em;border-radius: inherit;cursor: pointer;transition: all 0.4s;}
    .wideTab > li.on{background: #11850f; color: #fff;}
    .wdtCont{position: relative;}
    .wdtCont > .item{display: flex; align-items: flex-start;}
    .wdtCont > .item:not(.on){height: 0; opacity: 0; overflow: hidden;}

    .leftTab{width: 20.5%;flex-shrink: 0;padding: 5px 20px;box-sizing: border-box;display: flex;flex-direction: column;gap: 19px;}
    .leftTab > li{font-size: 18px;font-weight: 400;color: #888;line-height: 1.4;cursor: pointer;display: flex;align-items: baseline;gap: 14px;letter-spacing: -0.07em; transition: all 0.4s; width: fit-content;}
    .leftTab > li:before{display: inline-flex;content:'';width: 7px;aspect-ratio: auto 1;border-radius: 100%;background: #11850f;flex-shrink: 0;translate: 0 -3px;opacity: 0;transition: all 0.4s;}
    .leftTab > li.on{color: #11850f;-webkit-text-stroke: #11850f;-webkit-text-stroke-width: 0.2px;}
    .leftTab > li.on:before{opacity: 1;}
    .leftTab > li em{display: contents; font-weight: 500; color: #1bd017;}

    .rightCont{width: 100%; display: grid; gap: 40px; grid-template-columns:minmax(0, 1fr);}
    .unitBox > .unit{transition: all 0.8s;}
    .unitBox > .unit:not(.on){height: 0; opacity: 0; overflow: hidden;}
    .bnrExp{display: flex; border: 1px solid #ddd; border-radius: 20px; overflow: hidden; box-sizing: border-box;}
    .bnrExp .thumb{width: 100%;overflow: hidden;border-radius: inherit;}
    .bnrExp .thumb img{width: 100%; height: 100%; object-fit: cover;}
    .bnrExp .cont{display: flex;flex-direction: column;gap: 7px;padding: 80px;width: 100%;max-width: 639px;flex-shrink: 0;box-sizing: border-box;text-align: left;}
    .bnrExp .cont h3{font-size:38px;font-weight: 600;color: #000;line-height: 1.38;letter-spacing: -0.08em;}
	.bnrExp .cont h3 + p{margin-top: 18px;}
	.bnrExp .cont h3:has(small){display:flex;align-items: baseline;gap: 18px;}
    .bnrExp .cont h3 em{font-weight: inherit;color: #1bd017;}
    .bnrExp .cont h3 small{font-size:52.6%; font-weight: 500; color: #888;letter-spacing: -0.05em;}
    .bnrExp .cont h6{font-size: 20px; font-weight: 500;color: #000;line-height: 1.4;letter-spacing: -0.08em;}
        .bnrExp .cont h6 + h3{margin-top: 2px;}
    .bnrExp .cont h6 em{font-weight: inherit;color: #1bd017;}
    .bnrExp .cont p{font-size: 17px;font-weight: 400;color: #666;line-height: 1.65;letter-spacing: -0.08em;}
    .bnrExp .cont p em{font-weight: inherit;color: #1bd017;}
    .bnrExp .btn_wrap{justify-content: flex-start;margin: 42px 0 0;}
    .bnrExp .btn{min-width: 280px;width: auto;background: #1cd017;border-radius: 10px;padding-inline: 25px;font-weight: 400;font-size: 20px;height: 70px;letter-spacing: -0.08em;}
    .bnrExp .caution_list > li{font-size: 17px;font-weight: 400;color: #1bd017;line-height: 1.65;letter-spacing: -0.08em;padding-left: 10px;}
    .bnrExp .caution_list > li:before{content:'*';}
    .bnrExpSwiper{position: relative;}
    .bnrExpSwiper .swiper-slide{position: relative; opacity: 0 !important; pointer-events: none; transition: all 0.6s; height: auto;}
    .bnrExpSwiper .swiper-slide.swiper-slide-active{opacity: 1 !important; pointer-events: all;}
    .bnrExpSwiper:not(:has([data-swiper-slide-index="1"])) .controller{display: none;}
    .gs_guide .controller{position: absolute;width: 100%;max-width: 639px;right: 0;bottom: 17.2%;padding-inline: 80px;z-index: 5;box-sizing: border-box;display: flex;gap: 10px;}
    .gs_guide .controller .playBtn{position: relative;width: 30px;aspect-ratio: auto 1;border-radius: 100%;background: #f5f5f5; display:none;}
        .gs_guide .controller .playBtn{&:before, &:after{position: absolute;content:'';width: 2px;height: 28%;background: #888;top:50%;left:50%;margin-left: -3px;translate: 0 -50%;}}
        .gs_guide .controller .playBtn:after{margin-left: 1px;}
        .gs_guide .controller .playBtn.off:before{width: 7px;clip-path: polygon(0 0, 0% 100%, 100% 50%);}
        .gs_guide .controller .playBtn.off:after{opacity: 0;}
    .gs_guide .controller .paging{display: flex;align-items: center;gap: 10px;padding-inline: 15px;height: 30px;background: #f5f5f5;border-radius: 30px;}
    .gs_guide .controller [class*="swiper-button"]{position: relative;inset: auto;width: 8px;height: 8px;margin: 0;background: none;}
        .gs_guide .controller [class*="swiper-button"]:after{position: absolute;content:'';width: 100%;height: 100%;border: 1px solid #888;top: 50%;left: 60%;translate: -50% -50%;clip-path: polygon(100% 0, 0% 100%, 100% 100%);rotate: 135deg;box-sizing: border-box;}
    .gs_guide .controller [class*="swiper-button"].swiper-button-next{scale: -1 1;}
    .gs_guide .controller .swiper-pagination-num{position: relative;inset: auto;display: flex;align-items: center;flex-wrap: wrap;gap: 7px;width: auto;font-size: 12px;font-weight: 500;color: #888;}
    .gs_guide .controller .swiper-pagination-current{color: #555;}
    .bnrExpSwiper .bnrExp .cont{padding-bottom: 150px;}

    .video_box{width: 100%;box-sizing: border-box;padding: 50px;border: 1px solid #ddd;border-radius: 20px;display: flex;align-items: center;justify-content: center;}
    .video_box iframe{width: 100%;max-width: 776px;height: 440px;border: 10px solid #f5f5f5;border-radius: 20px;overflow: hidden;box-sizing: border-box;}

    .useNoitce{position: relative;background:#f5f5f5;padding: 36px 38px 32px;border-radius: 20px;box-sizing: border-box;display: flex;align-items: baseline;}
    .useNoitce :where(dt, dd){box-sizing: border-box;}
    .useNoitce dt{width: 140px;flex-shrink: 0;font-size: 22px;font-weight: 500;color: #333;line-height: 1.3;padding-right: 20px;}
    .useNoitce dd{width: 100%;translate: 0 -5px;}

    .benefitZone{position: relative;width: 100%;border: 1px solid #ddd;padding: 45px 35px 45px 60px;border-radius: 20px;box-sizing: border-box;height: 540px;overflow: hidden;overflow-y: auto; scrollbar-gutter: stable;}
        .benefitZone::-webkit-scrollbar {width: 5px;}
        .benefitZone::-webkit-scrollbar-track {box-shadow:-10px 0 0 #eee; border-radius: 10px;margin: 60px;}
        .benefitZone::-webkit-scrollbar-thumb { box-shadow:-10px 0 0 #aaa; border-radius: 10px; }
    .benefitZone .scrWrap{display: grid;grid-template-columns: minmax(0, 1fr);gap: 25px; }
    .benefitZone .btwnBox{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 30px;}
    .benefitZone .infoTitle h4{font-size: 32px;font-weight: 600;color: #000;line-height: 1.25;letter-spacing: -0.08em;}
    .benefitZone .btwnBox .btn_wrap{margin: 0;}
    .benefitZone .btwnBox .btn{width: auto;padding-inline: 25px;min-width: 280px;border-width: 2px;color: #000;letter-spacing: -0.05em;}
        .benefitZone .btwnBox .btn.gift{gap: 10px;}
        .benefitZone .btwnBox .btn.gift:before{display: inline-flex;content:'';width: 26px;aspect-ratio: auto 1;background: url('/resources/pc/images/renewal/gs_guide_icon01.png') no-repeat center / 100% auto;}
    .benefitZone .ratingList{display: grid;grid-template: auto / repeat(3, 1fr);gap: 25px;}
    .benefitZone .ratingList > li{position: relative;border: 1px solid #ddd;border-radius: 15px;overflow: hidden;box-sizing: border-box;}
    .benefitZone .ratingList .bgExp{padding: 27px 25px;background: #fffbef;display: flex;align-items: center;gap: 16px;}
    .benefitZone .ratingList .bgExp .icon{display: flex;align-items: center;justify-content: center;min-width: 54px;height: 54px;padding: 2px 10px 0;border-radius: 100%;background: #ffbf00;flex-shrink: 0;font-size: 24px;font-weight: 700;color:#fff;font-family: 'Montserrat','Noto Sans KR','Helvetica Neue','Segoe UI','Apple SD Gothic Neo',sans-serif;box-sizing: border-box;}
    .benefitZone .ratingList .bgExp .desc dt{font-size: 24px;font-weight: 700;color: #ffc000;font-family: 'Montserrat','Noto Sans KR','Helvetica Neue','Segoe UI','Apple SD Gothic Neo',sans-serif;letter-spacing: -0.05em;line-height: 1.3;}
    .benefitZone .ratingList .bgExp .desc dd{font-size: 17px;font-weight: 400;color: #333;letter-spacing: -0.05em;line-height: 1.4;}
    .benefitZone .ratingList .cont{padding: 32px 25px;box-sizing: border-box;display: grid;gap: 25px;}
    .benefitZone .ratingList .section{display: grid;gap: 10px;}
    .benefitZone .ratingList .tag{display: flex;align-items: center;justify-content: center;width: fit-content;font-size: 15px;font-weight: 400;color: #fff;line-height: 1.5;background: #666;padding: 5px 12px;border-radius: 5px;letter-spacing: -0.05em;margin-bottom: 5px;}
        .benefitZone .ratingList .tag.special{background: linear-gradient(90deg,rgba(28, 208, 23, 1) 0%, rgba(17, 133, 15, 1) 100%);}
    .benefitZone .ratingList .bundle{position: relative;}
    .benefitZone .ratingList .togDesc{display: flex;align-items: baseline;justify-content: space-between;flex-wrap: wrap;gap: 15px;padding-inline: 10px 20px; cursor: pointer;}
        .benefitZone .ratingList .togDesc:before{position: absolute;content:'';width: 4px;aspect-ratio: auto 1;background: #444;border-radius: 100%;top: 10px;left: 0;}
        .benefitZone .ratingList .togDesc:after{position: absolute;content:'';width: 9px;height: 9px;border: 2px solid #888;clip-path: polygon(100% 0, 0% 100%, 100% 100%);top: 6px;right: 0;rotate: 45deg;box-sizing: border-box;border-radius: 1px;transition: all 0.4s;}
		.benefitZone .ratingList .togDesc.on:after{top: 10px;scale: -1 -1;}
    .benefitZone .ratingList .togDesc dt{font-size: 17px;font-weight: 400;color: #555;letter-spacing: -0.08em;}
    .benefitZone .ratingList .togDesc dd{font-size: 16px;font-weight: 500;color: #ffa200;letter-spacing: -0.08em;}
    .benefitZone .ratingList .togCont{background: #f9f9f9;border-radius: 5px;padding:15px;box-sizing: border-box;margin-block: 10px;font-size: 16px;font-weight: 400;color: #666;letter-spacing: -0.08em;display: none;}
    .benefitZone .ratingList .togCont strong{font-weight: inherit;}
    .benefitZone .ratingList .togCont strong + .bar_list{margin-top: 10px;}
    .benefitZone .ratingList .togCont em{font-weight: inherit; color:#54db00;}
	.benefitZone .ratingList .bar_list{margin-top:3px;}
    .benefitZone .ratingList .bar_list > li{font-size: 14px;font-weight: 400;color: #888;}

        .benefitZone .ratingList > li:nth-child(2) .bgExp{background: #f8f0ff;}
        .benefitZone .ratingList > li:nth-child(2) .bgExp .icon{background: #7030a0;}
        .benefitZone .ratingList > li:nth-child(2) .bgExp .desc dt{color: #7030a0;}
        .benefitZone .ratingList > li:nth-child(2) .togDesc dd{color: #8925d4;}
        
        .benefitZone .ratingList > li:nth-child(3) .bgExp{background: #f0f6ff;}
        .benefitZone .ratingList > li:nth-child(3) .bgExp .icon{background: #44546a;}
        .benefitZone .ratingList > li:nth-child(3) .bgExp .desc dt{color: #44546a;}
        .benefitZone .ratingList > li:nth-child(3) .togDesc dd{color: #3b659f;}
        
    .brandZone{position: relative;width: 100%;border: 1px solid #ddd;padding: 53px 35px 45px 60px;border-radius: 20px;box-sizing: border-box;height: 540px;overflow: hidden;overflow-y: auto;display: flex;flex-direction:column;gap: 40px; scrollbar-gutter: stable;}
        .brandZone::-webkit-scrollbar {width: 5px;}
        .brandZone::-webkit-scrollbar-track {box-shadow:-10px 0 0 #eee; border-radius: 10px;margin: 60px;}
        .brandZone::-webkit-scrollbar-thumb { box-shadow:-10px 0 0 #aaa; border-radius: 10px; }
    .brandZone .infoTop{display: flex;align-items: center;gap: 17px;width: 100%;padding-right: 200px;box-sizing: border-box;}
    .brandZone .infoTop .icon{display: flex; width: 76px; flex-shrink: 0;}
    .brandZone .infoTop .desc{width: 100%;display: flex;flex-direction: column;gap: 12px;}
    .brandZone .infoTop .desc dt{font-size: 32px; font-weight: 600; color: #000; letter-spacing: -0.08em; line-height: 1.3;}
    .brandZone .infoTop .desc dd{font-size: 17px;font-weight: 400;color: #666;line-height: 1.4;letter-spacing: -0.08em;}
    .brandZone .storeList{width: 100%; padding: 20px;background: #f9f9f9;border-radius: 10px;box-sizing: border-box;overflow: hidden; overflow-y: auto; display: grid;grid-template: auto / repeat(6, 1fr);gap: 15px; align-items:start; max-height:310px; scrollbar-gutter: stable;}
        .brandZone .storeList::-webkit-scrollbar {width: 5px;}
        .brandZone .storeList::-webkit-scrollbar-track {box-shadow:-10px 0 0 #eee; border-radius: 10px; margin: 10px;}
        .brandZone .storeList::-webkit-scrollbar-thumb {box-shadow:-10px 0 0 #aaa; border-radius: 10px;}


    .brandZone .storeList > li{position: relative;border: 1px solid #ddd;border-radius: 10px;background: #fff;box-sizing: border-box;text-align: center;padding: 16px 16px 11px;}
    .brandZone .storeList .imgDesc{display: grid;gap: 7px;}
    .brandZone .storeList .imgDesc dt{display: flex;align-items: center;justify-content: center;height: 95px;}
    .brandZone .storeList .imgDesc dt img{max-width: 100%; max-height: 100%;}
    .brandZone .storeList .imgDesc dd{font-size: 16px; font-weight: 400; color: #555;}
    .gs_guide .brandSwiper .controller{max-width: none;width:auto;padding: 0;inset: auto;top: 60px;right: 60px; }

/* // (e) 251030 추가 및 수정 */

/* (s) 251113 추가 및 수정 */

    .ly_pop .ly_pop_layer { max-height: 100%; }
    .ly_pop .ly_pop_layer.banner_card_pop { max-width: 1160px; width: calc(100% - 60px); }
    .banner_card_pop .cont{padding-block: 30px 0; box-sizing: border-box;}
    .banner_card_pop .cont_box { display: flex; gap: 40px; }
    .left_box { width: 680px; }
    .cate_btn { display: flex; width: 100%; flex-wrap: nowrap; }
    .cate_btn > li { width: calc(100% / 2 + 1px); position: relative; }
    .cate_btn > li:nth-child(2) { margin-left: -1px; }
    .cate_btn > li a { box-sizing: border-box; display: flex; justify-content: center; align-items: center; padding-block: 14px; background: #f5f5f5; border: 1px solid #ddd; border-bottom: 1px solid #60a64d; font-size: 15px; letter-spacing: -0.02em; color: #666; border-radius: 10px 10px 0 0; }
    .cate_btn > li.active { z-index: 2; }
    .cate_btn > li.active a { background: #fff; border: 1px solid #60a64d; color: #60a64d; border-bottom: 0; }

    .rel_box { position: relative; }
    .banner_card_pop .con_wrap { position: absolute; opacity: 0; pointer-events: none; }
    .banner_card_pop .con_wrap.active { opacity: 1; pointer-events: all; }

    .banner_card_pop .cate_wrap { display: flex; margin-top: 30px; }
    .banner_card_pop .cate_wrap > li { position: relative; font-size: 14px; font-weight: 400; letter-spacing: 0; }
    .banner_card_pop .cate_wrap > li a { color: #888; font-size: inherit; }
    .banner_card_pop .cate_wrap > li + li { margin-left: 30px; }
    .banner_card_pop .cate_wrap > li + li::before { content: ''; position: absolute; left: -16px; top: 50%; translate: 0 -50%; width: 1px; height: 10px; background: #ddd; }
    .banner_card_pop .cate_wrap > li.active a { color: #333; }

    .banner_card_pop .pick_list_wrap { display: none; box-sizing: border-box; padding: 20px; padding-right: 13px; border: 1px solid #ddd; border-radius: 10px; margin-top: 20px; max-height: 260px; overflow: hidden; overflow-y: scroll; }
    .banner_card_pop .pick_list_wrap.active { display: block; }
    .banner_card_pop .pick_list { display: grid; grid-template: auto / repeat(3, 1fr); gap: 14px; }
    .banner_card_pop .pick_list > li { position: relative; border-radius: 6px; overflow: clip; cursor: pointer; }
    .banner_card_pop .pick_list > li.active::before { content: ''; position: absolute; inset: 0; width: 100%; height: 100%; border-radius: inherit; box-sizing: border-box; border: 2px solid #60a64d; }

    .banner_card_pop .card_wrap .pick_list { grid-template: auto / repeat(6, 1fr); }
    .banner_card_pop .card_wrap .file_wrap { width: 100%; margin-top: 20px; }
    .banner_card_pop .card_wrap .file_wrap dl { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; width: 100%; }
    .banner_card_pop .card_wrap .file_wrap dt { font-weight: 400; font-size: 15px; letter-spacing: 0; color: #333; box-sizing: border-box; padding-right: 70px; flex-shrink: 0; }
    .banner_card_pop .card_wrap .file_wrap dd { width: 100%; }
    .banner_card_pop .card_wrap .inp_wrap { display: flex; flex-wrap: nowrap; gap: 10px; }
    .banner_card_pop .card_wrap .inp_wrap .upload_name { display: inline-block; width: 100%; max-width: 358px; height: 45px; border: 1px solid #ddd; border-radius: 6px; font-weight: 300; font-size: 15px; letter-spacing: -0.02em; color: #333; padding-inline: 18px; box-sizing: border-box; }
    .banner_card_pop .card_wrap .inp_wrap :where(label, button) { display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding-inline: 16px; padding-block: 12px; background: #fff; font-weight: 400; font-size: 14px; letter-spacing: 0; color: #666; border: 1px solid #999; border-radius: 6px; cursor: pointer; }
    .banner_card_pop .card_wrap .inp_wrap button { background: #666; color: #fff; border-color: transparent; }
    .banner_card_pop .card_wrap .inp_wrap input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
    .banner_card_pop .card_wrap .dot_list { margin-top: 31px; }
    .banner_card_pop .card_wrap .dot_list li em { font-weight: 400; color: #666; }


    .banner_card_pop .right_box { width: 360px; }
    .banner_card_pop .bnr_box { box-sizing: border-box; padding-block: 40px; padding-inline: 28px; box-shadow: 0 0 0 10px inset #f0f0f0; border-radius: 20px; }
    .banner_card_pop .bnr_box h5 { font-size: 14px; font-weight: 400; letter-spacing: -0.04em; color: #333; text-align: center; margin-bottom: 20px; }
    .banner_card_pop .bnr_box .wide_thumb { margin-bottom: 20px; }
    .banner_card_pop .thumb_box { display: flex; gap: 10px; flex-wrap: nowrap; margin-bottom: 30px; }
    .banner_card_pop .thumb{position: relative;width: 145px;height: 145px;border-radius: 10px;overflow: clip;border:1px solid #eee; box-sizing: border-box;}
    .banner_card_pop .code_desc{display: flex; align-items: center; justify-content: center; text-align: center; flex-wrap: wrap; gap: 6px; padding-bottom: 14px;}
    .banner_card_pop .code_desc dt{font-size: 12px;font-weight: 500;color: #70AD47;letter-spacing: -0.05em;}
    .banner_card_pop .code_desc dd{max-width: 66px;font-size: 0;}
    .banner_card_pop .barcode{display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
    .banner_card_pop .barcode dd{font-size: 16px; font-weight: 500; color:#111; font-family:'Inter', 'Noto Sans KR','Helvetica Neue','Segoe UI','Apple SD Gothic Neo',sans-serif;}

    .deco_layer { width: 600px; }

    .sub_order .send_msg:has(.deco_box) .order_tit { margin-bottom: 0; }
    .sub_order .send_msg .order_radio { margin-right: 180px; }
    .sub_order .send_msg .caution_list { margin-bottom: 15px; }
    .sub_order .send_msg .caution_list li { font-size: 14px; }
    .sub_order .send_msg .caution_list li + li { margin-top: 8px; }

    .sub_order .caution_wrap { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; }
    .sub_order .send_cont .send_left .caution_wrap .caution_list { margin-top: 0; }
    .sub_order .caution_wrap .caution_btn_wrap button { box-sizing: border-box; padding-block: 9px; padding-inline: 18px; border: 1px solid #ddd; border-radius: 6px; font-size: 12px; font-weight: 500; letter-spacing: -0.02em; color: #333; }
    .sub_order .caution_acc li:nth-child(1) { font-weight: 400; color: #666; }
    .sub_order .caution_acc li:nth-child(n + 2) { height: 0; opacity: 0; visibility: hidden; }

    .sub_order .send_msg .deco_box { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; margin-top: -3px; }
    .sub_order .send_msg .deco_box .caution_list { margin-bottom: 0; }
    .sub_order .send_msg .deco_box .deco_btn { width: 70px; height: 70px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; cursor: pointer; border: 1px solid #eee; border-radius: 10px; box-sizing: border-box; }
    .sub_order .send_msg .deco_box .deco_btn .ico { display: block; width: 35px; height: 30px; background: url('/resources/pc/images/kakaocard/menu_ico_deco.png') no-repeat center / 100% auto;  }
    .sub_order .send_msg .deco_box .deco_btn span { font-size: 13px; color: #333; }

    .sub_order .send_msg .deco_box .deco_btn.on { box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); }
    .sub_order .send_msg .deco_box .deco_btn.on .ico { background-image: url('/resources/pc/images/kakaocard/menu_ico_deco_on.png'); }

    .sub_order .btn_preview.active { background: linear-gradient(90deg,rgba(28, 208, 23, 1) 0%, rgba(17, 133, 15, 1) 100%); border: 0; color: #fff; }

    .preview_layer .rel_box { margin-top: 30px; box-sizing: border-box; }
    .preview_layer .con_wrap { display: none; text-align: center; }
    .preview_layer .con_wrap.active { display: block; }
    .preview_layer .swiper_btn { position: absolute; top: 50%; translate: 0 -50%; z-index: 10; }
    .preview_layer .swiper_prev { left: 0; }
    .preview_layer .swiper_next { right: 0; }

/* (e) 251113 추가 및 수정 */