
/* -------------------- 답례품 서비스 --------------------*/
.gift_wrap{
	max-width:640px;
	margin:0 auto;
	margin-top:0rem;
	/*padding-top:10.1rem;*/
}
@media(max-width:1199.98px){
	.gift_wrap{
		/*padding-top:4rem;*/
	}
}
@media(max-width:991.98px){
	.gift_wrap{
		/*padding-top:6rem;*/
	}
}



.gift_wrap .contents{
	padding:0;
}
.gift_wrap .contentsTitle{
	margin-bottom: 5px;
	font-size: 1.6rem;
	font-weight: 500;
}
.gift_wrap .inner{
	padding:1.6rem 1.2rem;
	border-radius: 4px;
	background: #fff;
}
.gift_wrap .inner .thumb{
	flex-shrink: 0;
	padding-top: 40.92%;
	width: 41.2%;
	border: 1px solid #d1d1d1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.gift_wrap .inner .product_price_info {
	padding:4px 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.gift_wrap .inner .product_price_info .name{
	font-size: 1.45rem;	
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 6.8rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
.gift_wrap .inner .product_price_info .price {
	text-align: right;
	font-size: 1.6rem;
}
.gift_wrap .inner .product_price_info .price span{
	margin-left: 8px;
	text-decoration: line-through;
	font-size:1.45rem;
	color:#999999;
}
.gift_wrap .infoBox{margin-top: 1.6rem;}
.gift_wrap .infoBox .inner{
	display: flex;
	gap: 1.4rem;
}
.gift_wrap .gift_input{
	padding:1.2rem;
	width: 76.2%;
	font-size: 1.6rem;
	color: #222;
	background: #fff;
	border: 1px solid #ccc;
}
.gift_wrap select.gift_input{
	background:#fff url(../_img/sub/gift/select_arrow.png) no-repeat right 10px center / 16px auto;
}

.gift_wrap .fix_btn{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background:#fff;
	padding:1.5rem 15px;
	z-index:40;
	border-top:1px solid #ddd;
}
.gift_wrap .fix_btn > .inner{
	display:flex;
	width:100%;
	max-width:640px;
	margin:0 auto;
	gap:0 1rem;
	padding:0;
}
.gift_wrap .fix_btn .gift_back{
	border:1px solid #ddd;
	color:#222;
	font-size:2rem;
	display:flex;
	align-items: center;
	justify-content: center;
	height:5rem;
	width:5rem;
	border-radius:1rem;
	flex-shrink: 0;
}
.gift_wrap .fix_btn .gift_orderBtn{
	height:5rem;
	background:#b79063;
	color:#fff;
	font-size:2rem;
	border-radius:1rem;
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
}



.gift_wrap .pro_price{
	margin-top:5px;
}
.gift_wrap .pro_price .price1{
	font-size:2.2rem;
	font-weight:600;
	margin-bottom:5px;
}
.gift_wrap .pro_price .price1 strong{
	color:#ee2077;
}
.gift_wrap .pro_price .price2{
	font-size:1.8rem;
	display:flex;
	align-items: center;
	gap:0 1rem;
}
.gift_wrap .pro_price .price2 i{
	display: flex;
	width:2rem;
	height:2rem;
	color:#fff;
	background:#ccc;
	border-radius:100%;
	align-items: center;
	font-size:1.5rem;
	justify-content: center;
}
.gift_wrap .pro_price span.dis{
	text-decoration: line-through;
	font-size:1.45rem;
	color:#999999;
}
.section_line{
	border-top:1px solid #ddd;
	margin:3rem -15px;
}


.gift_wrap .contents.list-type2{}
.gift_wrap .contents.list-type2 ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	gap:4rem 0;
}
.gift_wrap .contents.list-type2 ul li{
	width:calc(100%/2 - 6px);
	margin-top:0;
}
.gift_wrap .contents.list-type2 ul li .info{
	display:block;
}
.gift_wrap .contents.list-type2 ul li .thumb{
	width:100%;
	padding-top:100%;
	margin-bottom:1.5rem;
}
.gift_wrap .contents.list-type2 .title{
	font-size:1.6rem;
	height:7.5rem;
}
.gift_wrap .contents.list-type2 .pro_price{
	display:flex;
	gap:0 1rem;
}
.gift_wrap .contents.list-type2 ul li .btn_box .order_btn{
	width: calc(100% / 2 - .5rem);
	font-size:1.5rem;
}


@media(max-width:576.98px){
	.gift_wrap .pro_price .price1{
		font-size:1.9rem;
	}
	.gift_wrap .fix_btn {
		padding: 1rem 15px;
	}
	.gift_wrap .fix_btn .gift_orderBtn {
		height: 5rem;
		font-size: 1.7rem;
		border-radius: .6rem;
	}
	.gift_wrap .gift_input {
		padding: 1rem;
		width: 76.2%;
		font-size: 1.4rem;
	}
	.section_line {
		border-top: 1px solid #ddd;
		margin: 2rem -15px;
	}

	.gift_wrap .contents.list-type2 ul{
		gap:3rem 0;
	}
	.gift_wrap .contents.list-type2 ul li{
		width:calc(100%/2 - 4px);
	}
	.gift_wrap .contents.list-type2 ul li .thumb{
		width:100%;
		padding-top:100%;
		margin-bottom:1.2rem;
	}
	.gift_wrap .contents.list-type2 .title{
		font-size:1.4rem;
		height:6.5rem;
	}
	.gift_wrap .contents.list-type2 .pro_price{
		display:flex;
		gap:0 1rem;
	}
	.gift_wrap .contents.list-type2 .pro_price .price1{
		font-size:1.5rem;
	}
	.gift_wrap .contents.list-type2 .pro_price .price2{
		gap:.5rem;
	}
	.gift_wrap .contents.list-type2 .pro_price span.dis {
		font-size: 1.2rem;
	}
	.gift_wrap .contents.list-type2 .price2 i {
		width: 1.5rem;
		height: 1.5rem;
		font-size: 1.1rem;
	}
	.gift_wrap .contents.list-type2 ul li .btn_box .order_btn{
		width: calc(100% / 2 - .3rem);
		font-size:1.3rem;
		letter-spacing: -0.04em;
		border-radius:5px;
		gap:0 3px;
	}
	.gift_wrap .contents.list-type2 ul li .btn_box .order_btn img{
		width:15px;
	}
	.gift_wrap .gift_header .gift_visual.brand_list ul{
		padding:1.5rem !important;
		padding-bottom:1rem !important;
	}
	.gift_wrap .gift_header .gift_visual.brand_list ul li p:nth-child(2){
		font-size:1.3rem;
	}
	.gift_wrap .gift_header .gift_visual.brand_list ul li img{
		width:6rem;
	}
	
}




/*gift_header*/
.gift_wrap .gift_header{
	position:relative;
	z-index:1;
	color:#fff;
	margin-bottom:2.5rem;
}
.gift_wrap .gift_header::before{
	content:"";
	position:absolute;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
	top:0;
	height:80%;
	z-index:-1;
	background:#091b2c;
	border-top:1px solid rgba(255,255,255,.2)
}
.gift_wrap .gift_header .sub_page_name{
	display:flex;
	align-items: center;
	gap:0 1rem;
	padding:1rem 0;
}
.gift_wrap .gift_header .sub_page_name .page_back{
	font-size:2.6rem;
	color:#fff;
}
.gift_wrap .gift_header .sub_page_name h2{
	font-size:2rem;
}
.gift_wrap .gift_header .sub_page_name .cta-share{
	margin-left:auto;
	color:#fff;
	font-size:2.6rem;
}
.gift_wrap .gift_header .gift_visual{}
.gift_wrap .gift_header .gift_visual img{
	width:100%;
}

.gift_wrap .gift_header .gift_visual.brand_list{}
.gift_wrap .gift_header .gift_visual.brand_list.fix .box{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	padding:0 15px;
}
.gift_wrap .gift_header .gift_visual.brand_list.fix ul{
	max-width:640px;
	margin:0 auto;
}
.gift_wrap .gift_header .gift_visual.brand_list ul{
	list-style:none;
	padding:0;
	background:#fff;
	display:flex;
	flex-wrap:wrap;
	gap:.5rem 0;
	padding:2rem;
	border-radius:1.5rem;
	border:1px solid #ddd;
}
.gift_wrap .gift_header .gift_visual.brand_list ul li{
	width:calc(100%/3);
	margin:0;
	padding:0;
	text-align:center;
}
.gift_wrap .gift_header .gift_visual.brand_list ul li.is-active > p:nth-child(1){
	display:inline-block;
	position:relative;
}
.gift_wrap .gift_header .gift_visual.brand_list ul li.is-active > p:nth-child(1)::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border-radius:100%;
	border:3px solid #b79063;
}
.gift_wrap .gift_header .gift_visual.brand_list ul li.is-active p:nth-child(2){
	color:#b79063;
	font-weight:600;
}


.gift_wrap .gift_header .gift_visual.brand_list ul li img{
	max-width:7.5rem;
}
.gift_wrap .gift_header .gift_visual.brand_list ul li p:nth-child(2){
	font-size:1.4rem;
	color:#000;
	padding:.5rem 0;
}

.gift_wrap .gift_header .gift_order_step{
	background:#fff;
	color:#999;
	border-radius:1.2rem;
	box-shadow: 3px 3px 12px rgba(0,0,0,.1);
	padding:4rem 0;
}
.gift_wrap .gift_header .gift_order_step ul{
	display:flex;
	list-style:none;
	padding:0;
	justify-content: center;
}
.gift_wrap .gift_header .gift_order_step ul li{
	text-align:center;
	width:calc(100%/4);
	position:relative;
	z-index:1;
}


.gift_wrap .gift_header .gift_order_step ul li p:nth-child(1) i{
	display:flex;
	width:3rem;
	height:3rem;
	background:#aaa;
	color:#fff;
	align-items: center;
	justify-content: center;
	border-radius:100%;
	margin:0 auto;
	font-size:2.2rem;
	position:relative;
	z-index:2;
}
.gift_wrap .gift_header .gift_order_step ul li p:nth-child(2){
	font-size:1.8rem;
	margin-top:.5rem;
}
.gift_wrap .gift_header .gift_order_step ul li + li::before{
	content:"";
	position:absolute;
	left:-45%;
	top:1.5rem;
	width:calc(90%);
	border-top:1px solid #aaa;
	z-index:-1;
}
.gift_wrap .gift_header .gift_order_step ul li.is-active{
	z-index:2;
}
.gift_wrap .gift_header .gift_order_step ul li.is-active p:nth-child(1) i{
	background:#091b2c;
}
.gift_wrap .gift_header .gift_order_step ul li.is-active p:nth-child(2){
	color:#091b2c;
	font-weight:500;
}
.gift_wrap .gift_header .gift_order_step ul li.is-active::before{
	border-top:1px solid #091b2c;
}

@media(max-width:576.98px){
	.gift_wrap .gift_header .sub_page_name{
		gap:0 .5rem;
	}
	.gift_wrap .gift_header .sub_page_name h2{
		font-size:1.8rem;
	}
	.gift_wrap .gift_header .sub_page_name .page_back{
		font-size:2rem;
	}
	.gift_wrap .gift_header .gift_order_step{
		border-radius:1rem;
		padding:2.5rem 0;
	}
	.gift_wrap .gift_header .gift_order_step ul li p:nth-child(1) i {
		width: 2.2rem;
		height: 2.2rem;
		font-size: 1.8rem;
	}
	.gift_wrap .gift_header .gift_order_step ul li p:nth-child(2) {
		font-size: 1.4rem;
		margin-top: .5rem;
	}
	.gift_wrap .gift_header .gift_order_step ul li + li::before {
		content: "";
		position: absolute;
		left: -45%;
		top: 1.2rem;
	}
}



/* 제품리스트 */
.giftList_wrap h3{
	padding:1.8rem 0;
	font-weight: bold;
	font-size: 2rem;
	margin-bottom:1rem;
	
}
.giftList_wrap ul li{
	background: #ffffff;
}

.giftList_wrap ul li + li{margin-top: 4.5rem}
.giftList_wrap ul li .info{
	display: flex;
	align-items: center;
	gap: 1.6rem;
}
.giftList_wrap ul li .thumb{
	flex-shrink: 0;
	padding-top: 40.92%;
	width: 41.2%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius:4rem;
}

.gift_wrap .title {
	font-size: 2rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 9.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
.giftList_wrap ul li  .btn_box{
	display: flex;
	margin-top:2rem;
	justify-content: space-between;
}
.giftList_wrap ul li .btn_box .order_btn{
	display:flex;
	align-items: center;
	justify-content: center;
	height:5rem;
	font-size:1.8rem;
	width:calc(100%/2 - .6rem);
	border-radius:8px;
	font-weight:500;
	gap:0 5px;
}
.giftList_wrap ul li .btn_box .order_btn img{
	width:2.6rem;
}
.giftList_wrap ul li .btn_box .btn_order1{
	color: #222;
	border:1px solid #ccc;
}
.giftList_wrap ul li .btn_box .btn_order2{
	color:#fff;
	border:1px solid #b79063;
	background:#b79063;
}
.giftList_wrap ul li .btn_box .btn_order2 img{
	width:2.2rem;
}

@media(max-width:576.98px){
	.gift_wrap .title {
		font-size: 1.6rem;
		height: 7rem;
	}
	.giftList_wrap ul li .thumb {

		border-radius: 2.5rem;
	}
	.giftList_wrap ul li .btn_box{
		margin-top:1rem;
	}
	.giftList_wrap ul li .btn_box .order_btn {
		height: 4.5rem;
		font-size: 1.6rem;
	}
	.giftList_wrap ul li .btn_box .order_btn img {
		width: 2.2rem;
	}
	.giftList_wrap ul li .btn_box .btn_order2 img {
		width: 1.8rem;
	}
}



/* 제품상세 */
.giftView_wrap .gift_thumb{}
.giftView_wrap .gift_thumb p{
	padding-top:100%;
	background-size:cover;
	border-radius:2rem;
	box-shadow: 0px 5px 12px rgba(0,0,0,.1);
}
.giftView_wrap .info{
}
.giftView_wrap .pro_price{
	margin-top:3rem;
}3
.giftView_wrap .pro_price p{
	display:flex;
	justify-content: flex-end;
}
.giftView_wrap .detail_cont{
	padding-bottom:90px;
}
.giftView_wrap .detail_cont .tabs{
	padding-top:4rem;
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:3.5rem;
}
.giftView_wrap .detail_cont .tabs ul{
	list-style:none;
	padding:0;
	display:flex;
	text-align:center;
	border-bottom:1px solid #ddd;
}
.giftView_wrap .detail_cont .tabs ul > li{
	width:calc(100%/3);
}
.giftView_wrap .detail_cont .tabs ul > li a{
	display:block;
	color:#222;
	font-size:1.8rem;
}
.giftView_wrap .detail_cont .tabs ul > li a span{
	display:inline-block;
	padding:2rem 0;
	position:relative;
}
.giftView_wrap .detail_cont .tabs ul > li a.is-active{
	font-weight:600;
}
.giftView_wrap .detail_cont .tabs ul > li a.is-active span::before{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:4px;
	background:#222;
	z-index:1;
}
.giftView_wrap .detail_cont h4{
	font-size:2rem;
	font-weight:600;
	display:flex;
	align-items: center;
	gap:0 2rem;
	margin-bottom:1.5rem;
}
.giftView_wrap .detail_cont h4 small{
	font-weight:400;
	font-size:.8em;
	color:#666;
}
.gift_wrap .f_banner{
	margin-left:-15px;
	margin-right:-15px;
	margin-top:5rem;
}

@media(max-width:576.98px){
	.giftView_wrap .detail_cont .tabs {
		padding-top: 2.5rem;
		margin-bottom: 2.5rem;
	}
	.giftView_wrap .detail_cont .tabs ul > li a{
		font-size:1.5rem;
	}
	.giftView_wrap .detail_cont .tabs ul > li a.is-active span::before{
		height:3px;
	}
	.giftView_wrap .detail_cont h4 {
		font-size: 1.6rem;
	}
}




/* 주문페이지 */

.gift_wrap .product_info{
	display: flex;
	align-items: center;
	gap: 1.6rem;
}
.gift_wrap .product_info .thumb{
	flex-shrink: 0;
	padding-top: 40.92%;
	width: 41.2%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius:4rem;
}

.gift_wrap .product_info .title {
	font-size: 2rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 9.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media(max-width:576.98px){
	.gift_wrap .product_info .thumb{
		border-radius:2.5rem;
	}
	.gift_wrap .product_info .title {
		font-size: 1.6rem;
		height: 7rem;
	}
}




.giftOrder_wrap .inputBox{margin-top: 2rem}
.giftOrder_wrap h5{
	font-size: 1.8rem;
	font-weight: 500;
}
.giftOrder_wrap .inputBox .inner{
	padding-bottom: 4.2rem;
}
.giftOrder_wrap .inputBox .name{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.giftOrder_wrap .inputBox .name h5{width: 23.8%;}
.giftOrder_wrap input[type="text"]{
	width: 76.2%;
}
.giftOrder_wrap .tab{
	display: flex;
	margin-top: 1rem;
	border-radius: 4px;
	border: 1px solid #cccccc;
	overflow: hidden;
} 
.giftOrder_wrap .tab li{
	cursor: pointer;
	padding:8px;
	width: calc(100% / 3);
	text-align: center;
	font-size: 1.3rem;
	font-weight: 500;
}
.giftOrder_wrap .tab li:nth-child(2){
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.giftOrder_wrap .tab li.active{
	color: #fff;
	background: #518fbb;
}
.giftOrder_wrap textarea{
	margin-top: 1.2rem;
	margin-bottom: 8px;
	padding:2rem;
	width: 100%;
	height: 19rem;
	font-size: 1.5rem;
	background: #fff;
	border: 1px solid #ddd;
	display: none;
}
.giftOrder_wrap .message .txt{
	font-size: 1.1rem;
	color: #999999;
}

@media(max-width:576.98px){
	.giftOrder_wrap h5 {
		font-size: 1.5rem;
	}
	.giftOrder_wrap textarea {
		margin-top: 1rem;
		margin-bottom: 8px;
		padding: 1.5rem;
		width: 100%;
		height: 15rem;
		font-size:1.4rem;
	}
}




#giftImgModal,
#agreementModal2,
#agreementModal,
#notandumModal{
	padding: 0 1.5rem;
}
#giftImgModal .modal-header,
#agreementModal2 .modal-header,
#agreementModal .modal-header,
#notandumModal .modal-header{
	position: relative;
	padding: 1.2rem 2rem;
	border-bottom: 1px solid #e5e5e5;
}
#agreementModal .modal-header::after,
#notandumModal .modal-header::after{
	content: '';
	position: absolute;
	bottom: 0; left: 0;
	width: 11rem;
	height: 2px;
	background: #518fbb;
}
#giftImgModal .close,
#agreementModal2 .close,
#agreementModal .close,
#notandumModal .close{
	padding: 0;
	margin: 0;
	color: #999; opacity: 1;
}
#agreementModal2 .modal-body,
#agreementModal .modal-body ,
#notandumModal .modal-body {
	padding: 2.4rem 2rem;
}
#agreementModal2 .modal-body{
	padding-bottom: 3rem;
}
#giftImgModal .modal-body{
	padding: 1.6rem;
}
#agreementModal .modal-body textarea{
	padding: 1.6rem;
	height: 35rem;
	border: 1px solid #cccccc;
	outline: none;
}
#agreementModal2 .modal-body p span{
	color: #518fbb;
}
#notandumModal .modal-body p{
	position: relative;
	padding-left: 1.2rem;
	font-size: 1.35rem;
}
#notandumModal .modal-body p + p{margin-top: 8px;}
#notandumModal .modal-body p::before{
	content: '';
	position: absolute;
	top: 7px; left: 0;
	width: 3px; height: 3px;
	border-radius: 100%;
	background: #518fbb;
}
#agreementModal .modal-footer,
#notandumModal .modal-footer{padding: 0; margin :0;}
#agreementModal .modal-footer a,
#notandumModal .modal-footer a{
	display: block;
	margin: 0;
	padding:1.8rem 1rem;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	background: #222222;
	border: none;
	outline: none;
}
#giftImgModal .modal-body > div{
	padding:1.6rem;
	background: #518fbb;
	border: 1px solid #d1d1d1;
}
#giftImgModal .modal-body .thumb,
#giftImgModal .modal-body .barcode{
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#giftImgModal .modal-body .thumb{
	padding-top: 100%;
	background-color: #f5f5f5;
}
#giftImgModal .modal-body .barcode{
	margin-top: 2.2rem;
	padding-top: 4.8rem;
}
#giftImgModal .modal-body .info{
	padding:1.6rem 1.6rem 2.4rem 1.6rem;
	background: #fff;
}
#giftImgModal .product_price_info .name{
	line-height: 1.2;
	font-size:1.45rem;
}
#giftImgModal .product_price_info .name small{
	display:block;
	font-size:1.3rem;
	color:#999999;
	margin-bottom:8px;
}
#giftImgModal .product_price_info .date{
	font-size:1.3rem;
}
#giftImgModal .txt{
	position: relative;
	padding:1.6rem 2.2rem;
	background: #fff;
	border-top: 1px solid #d1d1d1;
}
#giftImgModal .txt::before,
#giftImgModal .txt::after{
	content: '';
	position: absolute;
	top: -.8rem;
	width: 1.6rem; height: 1.6rem;
	background: #518fbb;
	border-radius: 50%;
}
#giftImgModal .txt::before{left: -.8rem;}
#giftImgModal .txt::after{right: -.8rem;}



/* 수신자번호확인 */
.giftOrder_wrap .inputBox{margin-top: 2rem;}
.giftOrder_wrap h5{
	margin-bottom: 8px;
	font-size: 1.8rem;
	font-weight: 500;
	color:#555555;
}
.giftOrder_wrap h5 i{
	color:#b79063
}
.giftOrder_wrap .inner > div + div{
	margin-top: 1.4rem;
}
.giftOrder_wrap .box1 p{
	position: relative;
	position:relative;
	display:flex;
	gap:0 .5rem;
}
.giftOrder_wrap .box1 p .ckBtn{
	border:1px solid #222;
	color:#222;
	font-size:1.6rem;
	background:#fff;
	width:10rem;
	flex-shrink: 0;
}

.giftOrder_wrap .box1 .gift_input{padding-right: 8.5rem;}
.giftOrder_wrap .input_list li{
	display: flex;
	gap: 4px;
}
.giftOrder_wrap .input_list li + li{margin-top: 4px;}
.giftOrder_wrap .input_list li p{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 5rem;
	height: 5rem;
	font-size: 1.6rem;
	background: #f5f5f5;
	border-radius: 4px;
}
.giftOrder_wrap .input_list li .gift_input{
	width: 100%;
	height: 5rem;
}
.giftOrder_wrap .txt{
	margin-top: 1.4rem;
	background:#f5f5f5;
	padding:3rem 2rem;
	border-radius:1.2rem

}
.giftOrder_wrap .txt p{
	position: relative;
	padding-left: 1.7rem;
	font-size: 1.4rem;
}
.giftOrder_wrap .txt p + p{margin-top: 3px;}
.giftOrder_wrap .txt p::before{
	content: "\e929";
	position: absolute;
	top: 0; left: 0;
	color: #ff2222;
	font-family: xeicon !important;
	font-weight: 500;
}
.giftOrder_wrap .txt p span{
	color: #518fbb;
}
.giftOrder_wrap .addBtn,
.giftOrder_wrap .ckBtn{
	display: block;
	margin: 0;
	text-align: center;
	color: #fff;
	border: none;
	outline: none;
}
.giftOrder_wrap .addBtn{
	padding:1.4rem 1rem;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	background: #222;
	border-radius: 4px;
}
@media(max-width:576.98px){
	.giftOrder_wrap h5{
		font-size: 1.6rem;
	}
	.giftOrder_wrap .box1 p .ckBtn {
		font-size: 1.5rem;
		width: 8rem;
	}
	.giftOrder_wrap .txt {
		padding: 2rem 1.5rem;
		border-radius: 1rem;
	}
}


/* 결제페이지 */
.giftPayment_wrap h3{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.giftPayment_wrap h3 a{
	color:#999;
	font-size:1.6rem;
	font-weight:400;
}
.giftPayment_wrap .priceBox .inner2{
	background: #fff;
	border:2px solid #000;
	border-radius:1rem;
}
.giftPayment_wrap .priceBox dl{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.8rem
}
.giftPayment_wrap .priceBox .inner1 dl + dl{margin-top: 1.2rem;} 
.giftPayment_wrap .priceBox dd{text-align: right;}
.giftPayment_wrap .priceBox .inner1 dt{color: #666666; font-weight: 400;}
.giftPayment_wrap .priceBox .inner2 dt{font-weight: 500;}
.giftPayment_wrap .priceBox .inner2 dd{
	color: #ee2077;
	font-weight:800;
	font-size:2rem;
}
.giftPayment_wrap .inputBox{}
.giftPayment_wrap .inputBox .inner1{
	display: flex;
	align-items: center;
	gap: 3.6rem;
}
.giftPayment_wrap .inputBox .radio_box { 
	display: inline-block; 
	position: relative; 
	padding-left: 2.5rem; 
	cursor: pointer; 
	font-size: 1.3rem; 
	font-weight: 500;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
}
.giftPayment_wrap .inputBox .radio_box input[type="radio"]{ display: none; }
.giftPayment_wrap .inputBox .on {
	position: absolute; 
	top: 0; left: 0; 
	width: 2rem; height: 2rem; 
	background: #fff; 
	border-radius: 50%; 
	border: 1px solid #000;
}
.giftPayment_wrap .inputBox .on:after { content: ""; position: absolute; display: none; }
.giftPayment_wrap .inputBox .radio_box input[type="radio"]:checked + .on:after { display: block; }
.giftPayment_wrap .inputBox .on:after {
	position: absolute; 
	left: 1.5px; top: 1.5px; 
	width: 1.4rem; height: 1.4rem; 
	background: #518fbb; 
	border-radius: 50%; 
}
.giftPayment_wrap .inputBox .inner1 label:nth-child(2) .on:after{left: 2.5px;}
.giftPayment_wrap .inputBox .inner2 {
	margin-top: 1.4rem;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	gap:6px;
	background: #091b2c;
	padding:2rem 2rem;
	border-radius:1rem;
}
.giftPayment_wrap .inputBox .inner2 label { 
	font-size: 1.6rem; 
	color: #fff;
}
.giftPayment_wrap .inputBox .inner2 input[type="checkbox"] {
	-webkit-appearance: none;
	position: relative;
	width: 2rem;
	height: 2rem;
	cursor: pointer;
	outline: none !important;
	border: none;
	border-radius: 2px;
	background: #fff;
}
.giftPayment_wrap .inputBox .inner2 input[type="checkbox"]::before {
	content: "\e928";
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	transform: scale(0) translate(-50%, -50%);
	line-height: 1;
	font-family: xeicon !important;
	color: #518fbb;;
}
.giftPayment_wrap .inputBox .inner2 input[type="checkbox"]:checked::before {
	transform: scale(1) translate(-50%, -50%)
}
.giftPayment_wrap .inputBox a{
	font-size: 1.3rem; 
	font-weight: 500;
	color: #000;
}

@media(max-width:576.98px){
	.giftPayment_wrap .priceBox dl{
		font-size:1.6rem;
	}
	.giftPayment_wrap .priceBox .inner2 dd {
		font-size: 1.8rem;
	}
	.giftPayment_wrap .inputBox .inner2 {
		margin-top: 1rem;
		padding: 1.5rem 1.5rem;
	}
	.giftPayment_wrap .inputBox .inner2 label{
		font-size:1.4rem;
	}
}

@media (max-width:360px) {
	.giftPayment_wrap .inputBox .inner1{gap: 1.5rem;}
}

#agreementModal .pop_cont{
	overflow-y:auto;
	max-height:50vh;
}

/* 주문완료 */
.giftFinish_wrap .infoBox{margin-top: 2rem;}
.giftFinish_wrap .infoBox .product_price_info{
	justify-content: center;
}
.giftFinish_wrap .infoBox .product_price_info .price{text-align: left;}
.gift_wrap .inner .product_price_info .name {
	margin-bottom: 8px;
	font-size: 1.3rem;
	height: 6rem;
}
.giftFinish_wrap .inner .thumb {
	padding-top: 36.28%;
	width: 36.9%;
}
.giftFinish_wrap .box .inner{
	padding: 1.4rem 1.2rem;
}
.giftFinish_wrap .inner2{
	background: #fff;
	border:2px solid #222;
	border-radius:1rem;
}
.giftFinish_wrap dl{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.8rem
}
.giftFinish_wrap .inner1 dl + dl{margin-top: 1.2rem;} 
.giftFinish_wrap dd{text-align: right;}
.giftFinish_wrap .inner1 dt{color: #666666; font-weight: 400;}
.giftFinish_wrap .inner2 dt{font-weight: 500;}
.giftFinish_wrap .inner2 dd{
	font-weight: bold;
	color: #ee2077;
	font-size:2rem;
}
.giftFinish_wrap .txt{
	background:#f5f5f5;
	padding:3.5rem 2.5rem;
	border-radius:1rem;
}
.giftFinish_wrap .txt p{
	position: relative;
	padding-left: 1.2rem;
	font-size: 1.6rem;
	display:flex;
}
.giftFinish_wrap .txt p strong{color: #518fbb;}
.giftFinish_wrap .txt p::before {
	content: '·';
	font-weight:800;
	color:#b79063;
	width:1.2rem;
	flex-shrink: 0;
}
@media(max-width:576.98px){
	.giftFinish_wrap dl{
		font-size:1.6rem;
	}
	.giftFinish_wrap .inner2 dd {
		font-size: 1.8rem;
	}
	.giftFinish_wrap .txt {
		padding: 2.5rem 1.5rem;
	}
	.giftFinish_wrap .txt p {
		font-size: 1.4rem;
	}
}



/**/
.gift_modal{}

.gift_modal .modal-dialog{
	height:auto;
	margin:0 auto !important;
}
.gift_modal .modal-content{
	background:#fff;
	border-radius:1.2rem;
}
.gift_modal .modal-content .modal_title{
	border-bottom:1px solid #ddd;
	height:6rem;
	display:flex;
	align-items: center;
	justify-content: space-between;
	padding:0 2rem;
	position:relative;
}
.gift_modal .modal-content .modal_title::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:15rem;
	height:2px;
	background:#b79063;
}
.gift_modal .modal-content .modal_title strong{
	font-size:2.2rem;
}
.gift_modal .modal-content .modal_title button{
	background:none;
	border:none;
	outline: none;
	font-size:2.4rem;
	color:#999;
	padding:0;
	margin:0;
}

.gift_modal .pop_cont{
	padding:2.5rem;
	font-size:1.6rem;
}
.gift_modal .pop_btns{
	height:6rem;
}
.gift_modal .pop_btns a{
	display:flex;
	height:6rem;
	width:100%;
	background:#000;
	color:#fff;
	font-size:2rem;
	font-weight:600;
	align-items: center;
	justify-content: center;
}
.gift_bullet{
	display:flex;
}
.gift_bullet::before{
	content:"·";
	color:#b79063;
	font-weight:900;
	width:10px;
	flex-shrink: 0;
}