html{	font-size:10px;	/*font-size:10px*/}

body{font-size:1.4rem; overflow-x:hidden;background:#fbfbfb}

#Wrap{
	position:relative;
	width:100%;
	max-width:767px;
	margin:0 auto;
}

/*footer*/
#footer{
	background: #111111;
	text-align: center;
}
#footer .f_menu{
	display:flex;
	justify-content:center;
	border-bottom: 1px solid #424242;
}
#footer .f_menu a{
	position: relative;
	float:none;
	display:inline-block;
	vertical-align:top;
	color:#a9a9a9;
	font-weight: 300;
	padding:1.5rem;
	font-size:1.3rem;
}
#footer .f_menu a::after{
	content: '';
	position: absolute;
	top: 50%; right: 0;
	transform: translateY(-50%);
	height: 1rem; width: 1px;
	background: #757575;
}
#footer .f_menu a:last-child{
	color: #fff;
	font-weight: 500;
}
#footer .f_menu a:last-child::after{
	content: none;
}
#footer address{
	padding-top: 1.5rem;
	padding-bottom: 2.5rem
}
#footer address p{
	color:#a9a9a9;
	font-size:1.3rem;
	font-weight: 300;
	display:inline-block;
	padding:0 1rem;
	position: relative;
	word-break:keep-all;
	border-radius: 4px;
}
#footer p.copy{
	color: #666666;
}
.has-f #footer{
	display:block;
}
@media(max-width:485px){
	#footer address p{
		padding:0 0.6rem;
	}
	#footer address br{
		display:none;
	}
}


/*로딩*/
#page_loading,
#page_loading2{
	z-index:99999;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);

}


/*서브 레이아웃*/
#subVisual{
	position:relative;
	background:#3e3a39 url(../_img/sub/sub_visual.jpg) no-repeat right bottom / contain;
	padding:1.5rem 0;
	text-align:center;
	margin-bottom: 40px;
}
#subVisual img{
	margin:0 20px;
}

.sub_page_nema{
	text-align:center;
	background:#fff;
	padding:1.5rem;
	position:relative;
	color:#000;
	min-height:52px;
	font-weight: 600;
	display: none;
}
.sub_page_nema > .page_back{
	position:absolute;
	top:50%;
	left:0;
	transform:translatey(-50%);
	color:#333;
	font-size:2rem;
	padding:1.5rem;
}
.sub_page_nema > h2{
	font-size:1.9rem;
	color:#000;
}
.sub_page_nema > h2 > span{
	font-size:1.3rem;
	font-weight: 400;
	color:#000;
	display:block;
	margin-top: 0.5rem;
}
.sub_page_nema .cta-share{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translatey(-50%);
    color: #333;
    font-size: 2rem;
    padding: 1.5rem;
	display:inline-block;
	display:none;
}
.sub_page_nema .cta-share img{
	max-width:20px;
}


#sub_menu > h2{
	border:1px solid #ddd;
	cursor:pointer;
	padding:1.5rem 2rem;
	background: url(/_img/member/mem_select_bg.gif) no-repeat right center / contain;
}
#sub_menu > ul{
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
}
#sub_menu > ul > li{
	padding:0px 5px;
	flex-basis:250px;
	flex-shrink:1;
}
#sub_menu > ul > li.on > a{
	border:1px solid #000;
	background:#000;
	color:#fff;
}
#sub_menu > ul > li > a{
	color:#333;
	display:block;
	font-size:1.8rem;
	font-weight:300;
	padding:1.5rem;
	border:1px solid #ddd;
	background:#f1f1f1;
	text-align:center;
}
#sub_wrap{
	padding:0 1.5rem;
	/* padding:3rem 1.5rem 4rem; */
	position: relative;
	background: #fdfdfd;
}


.loading_wrap{
	text-align: center;
	position: relative;
	height: 100vh;
	overflow:hidden;
	background: #313131;
	display:flex;
	align-items:center;
	justify-content:center;
}
.loading_wrap img{
	max-width:100%;
}
.loading_wrap .front{
	width:100%;
	position: relative;
	height:50%;
}
.loading_wrap .bg{
	position: absolute;
	bottom:0;
	left:0;
	z-index:4;
	width:70%;
	opacity:0.2;
}
.loading_wrap .logo{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:3;
	width:100%;
}
.loading_wrap .background_wrap{
	width:100%;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
}
.loading_wrap .background_wrap .gold-bg{
	width:100%;
	height: 100%;
	position: absolute;
	left:0;
	bottom:0;
}
.loading_wrap .background_wrap .gold-bg-bar{
	animation: updown 8s forwards ;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:80%;
	background: #464646;
}
@keyframes updown{
	to { height:0; }
}

.splash_wrap{
	position: relative;
	width:100%;
	height: 100vh;
	overflow:hidden;
}
.splash_wrap .bg{
	position: relative;
	background: rgb(83,153,207);
	background: linear-gradient(0deg, rgba(83,153,207,1) 0%, rgba(88,178,189,1) 100%);
	width:100%;
	height: 100%;
}
.splash_wrap .bg img{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
}
.splash_wrap .logo{
	position: absolute;
	top:40%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:3;
	width:100%;
	text-align: center;
}
.splash_wrap .logo img{
	max-width:90px;
}
.splash_wrap h2{
	color:#fff;
	font-weight: 300;
	line-height: 1.5;
	margin-top: 4rem;
}


/**/


/*얼럿*/





/*팝업*/
#hd_pop{
	position:fixed;
	left:0;
	top:0;
	z-index:201;
}
#hd_pop > .hd_pops{
	position:absolute;
	background:#fff;
}
#hd_pop .hd_pops_footer{
	background:#000;
	padding:5px;
	overflow:hidden;
}
#hd_pop .hd_pops_footer > button{
	float:right;
	border:0;
	background:#000;
	border:1px solid #ddd;
	font-size:1.6rem;
	color:#fff;
	padding:0px 5px;
	margin-left:5px;
	opacity:.7;
	height:28px;
}
#hd_pop .hd_pops_footer > button.hd_pops_reject{
	font-size:1.4rem;
	font-weight:300;
}

/*newpopo*/

#pop_content img{width:100%;}

.popop_wrap{
	position:fixed;
	z-index:1001;
	min-width:300px;
}
.popop_win_wrap{
	position:relative !important;
	z-index:1001;
	min-width:300px;
}

.popop_wrap > .poppup_body{}
.popop_wrap > .poppup_footer{
	padding:10px;
	background:#000;
	overflow:hidden;
}
.popop_wrap > .poppup_footer > .day_check{
	float:left;
	position:relative;
}
.popop_wrap > .poppup_footer > .day_check > input[type="checkbox"]{
	position:absolute;
	width:0;
	height:0;
	opacity:0;
}
.popop_wrap > .poppup_footer > .day_check > label{
	cursor:pointer;
	display:inline-block;
	padding-left:24px;
	position:relative;
}
.popop_wrap > .poppup_footer > .day_check > label::after{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-8px;
	width:16px;
	height:16px;
	background:#fff;
	z-index:1;
}
.popop_wrap > .poppup_footer > .day_check >input:checked +  label::before{
	content:"";
	position:absolute;
	left:3px;
	top:50%;
	margin-top:-5px;
	width:11px;
	height:7px;
	border-left:2px solid #000;
	border-bottom:2px solid #000;
	z-index:2;
	transform:rotate(-45deg);
}

.popop_wrap > .poppup_footer > .pop_close{
	float:right;
	color:inherit;
}
.popop_wrap > .poppup_footer > .pop_close > a{
	color:inherit
}

.popop_wrap > .poppup_footer > .hd_pops_new_close{
	float:right;
	color:inherit;
}
.popop_wrap > .poppup_footer > .hd_pops_new_close > a{
	color:inherit
}
.popop_wrap .owl-dots{
	position:absolute;
	left:0;
	bottom:20px;
	width:100%;
	text-align:center;
}
.popop_wrap .owl-dots button.owl-dot{
	display:inline-block;
	margin:0px 4px;
}
.popop_wrap .owl-dots button.owl-dot span{
	display:block;
	border-radius:100%;
	background:rgba(255,255,255,.3);
	width:1.2rem;
	height:1.2rem;
}
.popop_wrap .owl-dots button.owl-dot.active span{
	background:rgba(255,255,255,.8);
}

@media(max-width:767.98px){
	.pc_none {display:inline-block !important;}
	.popop_wrap{
		position:fixed;
		z-index:1001;
		min-width:300px;
		width:90% !important;
		left:5% !important;
		top:5% !important;
	}
	.popop_wrap > .poppup_body{
		width:100% !important;
	}
	.popop_wrap .poppup_footer{
		min-width:300px;
	}
}

/*newpopo*/
.popop_win_wrap{
	position:fixed;
	z-index:1001;
	min-width:300px;
}

.popop_win_wrap > .poppup_body{}
.popop_win_wrap > .poppup_footer{
	padding:10px;
	background:#000;
	overflow:hidden;
}
.popop_win_wrap > .poppup_footer > .day_check{
	float:left;
	position:relative;
}
.popop_win_wrap > .poppup_footer > .day_check > input[type="checkbox"]{
	position:absolute;
	width:0;
	height:0;
	opacity:0;
}
.popop_win_wrap > .poppup_footer > .day_check > label{
	cursor:pointer;
	display:inline-block;
	padding-left:24px;
	position:relative;
}
.popop_win_wrap > .poppup_footer > .day_check > label::after{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-8px;
	width:16px;
	height:16px;
	background:#fff;
	z-index:1;
}
.popop_win_wrap > .poppup_footer > .day_check >input:checked +  label::before{
	content:"";
	position:absolute;
	left:3px;
	top:50%;
	margin-top:-5px;
	width:11px;
	height:7px;
	border-left:2px solid #000;
	border-bottom:2px solid #000;
	z-index:2;
	transform:rotate(-45deg);
}

.popop_win_wrap > .poppup_footer > .pop_close{
	float:right;
	color:inherit;
}
.popop_win_wrap > .poppup_footer > .pop_close > a{
	color:inherit
}

.popop_win_wrap > .poppup_footer > .hd_pops_new_close{
	float:right;
	color:inherit;
}
.popop_win_wrap > .poppup_footer > .hd_pops_new_close > a{
	color:inherit
}
.popop_win_wrap .owl-dots{
	position:absolute;
	left:0;
	bottom:20px;
	width:100%;
	text-align:center;
}
.popop_win_wrap .owl-dots button.owl-dot{
	display:inline-block;
	margin:0px 4px;
}
.popop_win_wrap .owl-dots button.owl-dot span{
	display:block;
	border-radius:100%;
	background:rgba(255,255,255,.3);
	width:1.2rem;
	height:1.2rem;
}
.popop_win_wrap .owl-dots button.owl-dot.active span{
	background:rgba(255,255,255,.8);
}

@media(max-width:767.98px){
	.pc_none {display:inline-block !important;}
	.popop_win_wrap{
		position:fixed;
		z-index:1001;
		min-width:100%;
		width:10%;
		left:0;
		top:0;
	}

	.popop_win_wrap .poppup_footer{
		min-width:100%;
	}
}


/* 검색 팝업 */
.modal-content{
	border:none;
	border-radius:10px;
	overflow:hidden;
}
.modal-square .modal-content{
	border-radius:0;
	padding:1rem;
}
.modal-dialog.modal-xs{
	width:85%;
	margin:8rem auto;
}
.pop_contents .inner{
	padding:2rem;
}
.pop_contents .inner .title h3{
	color:#111;
    font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: -0.009em;
	word-break:keep-all;
}
.pop_contents .inner .title i{
	font-size:20px;
}
.pop_contents .inner .title_lr{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-bottom: 2rem;
	border-bottom: 1px solid #ebebeb;
	padding-left: 2rem;
	padding-right: 2rem;
}
.pop_contents .inner .title_lr h3{
	color:#111;
	font-size:18px;
}
.pop_contents .inner .title_lr h3 img{
	max-width:20px;
	margin-right:1rem;
	display:inline-block;
	vertical-align: middle;
}
.pop_contents .inner .title_lr i{
	font-size:20px;
}
.pop_contents .inner .title.close-r{
	position: relative;
}
.pop_contents .inner .title.close-r h3{
	display:block;
	width:100%;
}
.pop_contents .inner .title.close-r .esc{
	position: absolute;
	top:0;
	right:0;
}
.pop_contents .inner .title i{
	font-size:20px;
}
.pop_contents .inner .title.close-r img{
	display:block;
	margin:0 auto 1rem;
}
.pop_contents .inner .search_box{
	background:#f3f3f3;
	box-shadow:none;
	border-radius:0;
}
.pop_contents .inner .search_box input,
.pop_contents .inner .search_box button{
	background:#f3f3f3;
}
.pop_contents .inner .search_box input{
	font-size:14px;
}
.pop_contents .inner .sch_result{
	margin-top: 2rem;
}
.pop_contents .inner .sch_result > p,
.pop_contents .inner .sch_result .result > li{
	border-bottom: 1px solid #dedede;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.pop_contents .inner .sch_result .result > li:last-child{
	margin-bottom: 0;
	border-bottom: none;
}
.pop_contents .inner .cont p{
	word-break:keep-all;
	letter-spacing: -0.015em;
}
.pop_contents .cta{
	display:flex;
	margin-top: 1rem;
}
.pop_contents .cta > a{
	display:block;
	text-align: center;
	height: 60px;
	line-height: 60px;
	color:#fff;
	flex-grow:1;
	flex-basis:0;
	font-size:1.5rem;
	font-weight: 500;
}
.pop_contents .cta > a.cta-black{
	background: #333;
}
.pop_contents .cta > a.cta-blue{
	background: #5399cf;
}
.pop_contents .info-bg{
	text-align: center;
	padding:2rem 1rem;
	background: #f8f8f8;
}
.pop_contents .tab_wrap{
	width:100%;
}
.pop_contents .tab_wrap .tab{
	z-index: 1;
	position: relative;
	display:flex;
	width:100%;
}
.pop_contents .tab_wrap .tab::after{
	content:"";
	position:absolute;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
	height:1px;
	bottom:0;
	background:#c6c6c6;
	z-index:-1;
}
.pop_contents .tab_wrap .tab > li{
	width:50%;
	text-align: center;
}
.pop_contents .tab_wrap .tab > li span{
	display: inline-block;
	padding:1rem;
	font-size:1.4rem;
	font-weight: 500;
	color:#8d8d8d;
}
.pop_contents .tab_wrap .tab > li.on span{
	color: #222;
	border-bottom: 2px solid #222;
}
.pop_contents .tab_cont{
	display:none;
	margin-top: 2.8rem;
	padding:2rem 2rem 0;
	border: 1px solid #bdbdbd;
	border-radius: 4px;
}
.pop_contents .tab_cont.on{
	display:block;
}
.pop_contents .tab_cont:not(.tab_cont_none) .bullet-list > li:last-child{
	margin-bottom: 0;
}
.pop_contents .tab_cont:not(.tab_cont_none) b{
	display: block;
	width: 100%;
	color: #000;
}
.pop_contents .tab_cont:not(.tab_cont_none) .caution{
	color: #ff0000;
}
.pop_contents .tab_cont:not(.tab_cont_none) .info_t{
	margin-top: 2.5rem;
}
.pop_contents .tab_cont:not(.tab_cont_none) p{
	position: relative;
	margin-top: 8px;
	padding-left: 10px;
	font-size: 1.3rem;
	color: #888;
}
.pop_contents .tab_cont:not(.tab_cont_none) p::before{
	content: url(../_img/sub/view_bullet.jpg);
	position: absolute;
	top: 0; left: 0;
	transform: scale(.4);
	/* height: 3.6px;
	background:#888; */
}
.pop_contents .no-info{
	padding:2rem 0 0;
}
.pop_contents .no-info p{
	color:#aaa;
	font-size:1.3rem;
}
.pop_contents .inner .sns > a{
	display:flex;
	padding:5px;
	margin:1rem auto;
	align-items:center;
}
.pop_contents .inner .sns > a div{
	width:25%;
	text-align: center;
}
.pop_contents .inner .sns > a div img{
	width:100%;
}
@media (max-width:400px) {
	.pop_contents .tab_cont p br:not(.n_br){
		display: none;
	}
}

/* 장례식장 검색 */
#pop_hall .pop_contents .inner .title{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom: 1.5rem;
}

/* 부고만들기 등록 */
#pop_complete_1 .title .esc{
	text-align: right;
}
#pop_complete_1 .cont{
	text-align: center;
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid #ebebeb;
	line-height: 1.6;
}
#pop_donation .pop_contents .inner .cont{
	text-align: center;
	padding:2rem 0;
}
#pop_donation .pop_contents .inner .cont > p:first-child{
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}

.info_pop_like{
	display:none;
}
.no-action-body{
	position: relative;
	overflow:hidden;
}
.no-action-body::before{
	content:'';
	width:100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top:0;
	left:0;
	z-index:30;
}

.no-action-no-cont-body::before{
	content:'';
	width:100%;
	height: 100%;
	background: #000;
	position: absolute;
	top:0;
	left:0;
	z-index:30;
}

.no-action-body .info_pop_like{
	position: absolute;
	top:10rem;
	left:50%;
	transform:translatex(-50%);
	background: #fff;
	z-index:31;
	border-radius:10px;
	text-align: center;
	padding:4rem 2rem;
	width:85%;
	display:block;
}
.no-action-body .info_pop_like img{
	max-width:150px;
	margin:2rem auto;
}
.no-action-body .info_pop_like p{
	font-size:1.9rem;
}
.no-action-body .info_pop_like .esc{
	position: absolute;
	top:0;
	right:0;
	padding:2rem;
}
.no-action-body .info_pop_like .esc i{
	font-size:20px;
	color:#000;
}

/* 안내 팝업 */
.pop_contents .inner.information{
	position: relative;
}
.pop_contents .inner.information .esc {
    position: absolute;
    top: 0;
    right: 0;
	padding:2rem;
}
.pop_contents .inner.information .esc i{
	font-size:20px;
}
.pop_contents .inner.information .tab_cont{
	padding-left: 0;
	padding-right: 0;
	word-break:keep-all;
}
.pop_contents .inner.information .tab_cont .num {
	counter-reset:num;
}
.pop_contents .inner.information .tab_cont .num > li{
	position: relative;
	font-weight: 600;
	color:#000;
	padding-left: 2.2rem;
	font-size:1.5rem;
	margin-bottom: 0.5rem;
}
.pop_contents .inner.information .tab_cont .num > li::before{
    counter-increment: num;
    content: "0" counter(num);
	color:#999;
	position: absolute;
	left:0;
}
.pop_contents .inner.information .tab_cont .star{
	position: relative;
	padding-left: 1.5rem;
}
.pop_contents .inner.information .tab_cont .star::before{
	content:'※';
	position: absolute;
	top:0;
	left:0;
}

/* 서브 */
.agree_wrap label{
	display:inline-block;
}
.agree_wrap span{
	display:inline-block;
	margin-left: 1rem;
}
.agree_wrap span a{
	color:#222;
}

.sub2_wrap{
	text-align: center;
}
.sub2_wrap h3{
	line-height: 1.6;
	font-size:1.7rem;
}
.sub2_wrap h3 b{
	font-weight: 600;
}

.sub4_wrap.sub4_message .xi-close_wrap{
	color:#000;
	font-size:1.8rem;
	position: absolute;
	top:2rem;
	right:2rem;
	z-index:1;
}
.sub4_wrap.sub4_message .round-box .info{
	border-bottom: 1px dotted #ebebeb;
	padding:2rem 0;
}
.sub4_wrap.sub4_message .round-box .info p{
	color:#000;
	font-size:1.4rem;
	margin:2px 0;
}
.sub4_wrap.sub4_message .round-box > a{
	color:#5399cf;
	font-weight: 600;
	display:block;
	padding:2rem;
	text-align: center;
}

.sub4_1_wrap .table-like-white dl{
	display:flex;
	align-items:center;
}
.sub4_1_wrap .table-like-white dl dd{
	flex-grow:1;
	flex-basis:0;
}
.sub4_1_wrap .table-like-white dl dt{
	flex-grow:3;
	flex-basis:0;
	font-weight: 600;
}
.sub4_1_wrap .table-like-white dl dd.flex-box{
	justify-content:flex-end;
}
.sub4_1_wrap .table-like-white dl dd.flex-box .btn_remove2{
	color: #fff;
	background: #7f7f7f;
	border: 1px solid #7f7f7f;
	font-size: 1.1rem;
	border-radius: 4px;
	display: block;
	width: 40px;
	height: 20px;
	line-height: 18px;
	text-align: center;
}

.sub4_2_wrap .ul_table > li{
	margin-bottom: 3rem;
	padding-bottom: 4rem;
	border-bottom: 1px solid #ddd;
}
.sub4_2_wrap .ul_table > li:last-child{
	border-bottom: none;
}
.sub4_2_wrap .ul_table > li .flex-box{
	justify-content:space-between;
	align-items:center;
	font-size:1.3rem;
	line-height: 1.5;
	color:#333;
	margin-bottom: 1rem;
}
.sub4_2_wrap .ul_table > li .flex-box:last-child{
	margin-bottom: 0;
}
.sub4_2_wrap .ul_table > li .flex-box > p{
	flex-grow:1;
	flex-basis:0;
}
.sub4_2_wrap .ul_table > li .flex-box > div{
	flex-grow:3.5;
	flex-basis:0;
}

.sub6_2_wrap .table-like-white.updown dl dd{
	overflow: visible;
	text-overflow: normal;
	white-space: normal;
	height: auto;
}
.sub6_2_wrap .table-like-white.modify dl{
	position: relative;
	padding-right: 34%;
}
.sub6_2_wrap .table-like-white.modify dl dd{
	word-break:keep-all;
}
.sub6_2_wrap .table-like-white.modify dl dd.link{
	position: absolute;
	top:50%;
	right:1.5rem;
	transform:translateY(-50%);
	display:inline-block;
	width:auto;
}
.sub6_2_wrap .table-like-white.modify dl dd.link .cta > a.cta-white{
	padding:0.6rem 1.5rem;
	font-size:1.1rem;
}
.sub6_2_wrap .title label{
	font-size:1.5rem;
	font-weight: 600;
	color:#000;
	word-break:keep-all;
	letter-spacing: -0.04em;
}
.sub6_2_wrap .tab_cont .round-box{
	padding:2rem;
}
.sub6_2_wrap .tab_cont .round-box ul{
	margin-top: 1rem;
}
.sub6_2_wrap .tab_cont .round-box ul li{
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#333;
	font-size:1.3rem;
	padding:0.5rem 0;
}
.sub6_2_wrap .tab_cont .round-box ul li:last-child{
	padding-bottom: 0;
}
.sub6_2_wrap .tab_cont .round-box ul li a{
	color:#14ae67;
	font-size:1.3rem;
}

.sub7_view_wrap section{
	margin-bottom: 4rem;
}
.sub7_view_wrap section .sub_title{
	position: relative;
}
.sub7_view_wrap section .sub_title a{
	color:#000;
	font-size:1.2rem;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	right:0;
}
.sub7_view_wrap section .root_daum_roughmap{
	width:100%;
	height:150px;
}

.sub7_view_wrap section .nav-wrap{
	background: #fff;
	padding:1rem 2rem;
	border-radius:10px;
	margin-top: 1rem;
}
.sub7_view_wrap section .nav-wrap .row > div{
	text-align: center;
}
.sub7_view_wrap section .nav-wrap .row > div img{
	max-width:40px;
	margin:0 auto 5px;
	display:block;
	outline:none;
}
.sub7_view_wrap section .nav-wrap .row > div > a{
	color:#111;
	font-size:1.2rem;
	display:block;
	background: #fff;
	font-weight: 500;
}
.sub7_view_wrap .bottom_btn_box.sending a{
	background:#30353b;
	color: #fff !important;
	font-size: 15px;
	width: 100%;
	border-radius: 4px;
	display: block;
	padding: 28px 10px;
	outline: none;
	overflow:hidden;
	margin-top: 5px;
	position: relative;
}
.sub7_view_wrap .bottom_btn_box.sending a::before,
.sub7_view_wrap .bottom_btn_box.sending a::after{
	content:'';
	position: absolute;
}
.sub7_view_wrap .bottom_btn_box.sending a::before{
	background: url('../_img/sub/sub_sending_bg_l.png')no-repeat center center / contain;
	left:-10px;  top:1.3em;
	width:94px;
	height: 96px;
}
.sub7_view_wrap .bottom_btn_box.sending a::after{
	background: url('../_img/sub/sub_sending_bg_r.png')no-repeat center center / contain;
	right:0;  top:1.7em;
	width:91.6px;
	height: 60px;
}
.sub7_view_wrap .bottom_btn_box.sending p{
	position: relative;
	z-index:1;
}
.sub7_view_wrap .view_logo > div{

}
.sub7_view_wrap .view_logo > img{
    width: auto;
    height: 50px;
    border-radius: 8px;
}
.table-like-white.dd-bold dd{
	font-weight: 500;
}

.sub8_wrap .table-like-white{
	padding:0 2rem;
	border:1px solid #333;
	border-radius:10px;
}
.sub8_wrap .table-like-white dl{
	padding:2rem 0;
	border-bottom: 1px dotted #ebebeb;
}
.sub8_wrap .table-like-white dl:last-child{
	border-bottom: 0;
}
.sub8_wrap .table-like-white dl dd{
	height: auto;
	word-break:keep-all;
	white-space:normal;
	color:#888;
}

.sub9_wrap textarea{
	margin-top: 0.5rem;
	min-height:200px;
}

.sub10_view_wrap .container{
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.sub10_view_wrap .thumb_wrap{
	position: relative;
}
.sub10_view_wrap .thumb_wrap .icon{
	position: absolute;
	top:15px;
	left:15px;
	z-index:11;
}
.sub10_view_wrap .thumb_wrap .icon img{
	width:6rem;
}
.sub10_view_wrap .thumb_wrap .thum{
	display:flex;
	justify-content:center;
	align-items:center;
	background: #fff;
}
.sub10_view_wrap .thumb_wrap .thum img{
	width:100%;
}
.sub10_view_wrap .flex-box{
	align-items:center;
	justify-content:space-between;
	flex-wrap: wrap;
	margin-top: 1.5rem;
}
.sub10_view_wrap .info{
	color:#111;
	width:40%;
}
.sub10_view_wrap .info p{
	font-size:1.4rem;
	font-weight: 400;
}
.sub10_view_wrap .info .price span{
	font-size:1.8rem;
	font-weight: 800;
	display:inline-block;
	margin-right: 3px;
}
.sub10_view_wrap .flex-box .bottom_btn_box{
	padding: 0;
	margin:0;
	width:100%;
}
.sub10_view_wrap .flex-box .bottom_btn_box button{
	padding: 1.2rem 0;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 600;
	color: #fff;
	background: #14ae67;
	border-radius: 4px;
	/* background: url('../_img/icon/icon_nav_4.jpg')no-repeat center center / cover; */
}
.sub10_view_wrap .pop_contents{
	background: #fff;
}
.sub10_view_wrap .pop_contents .tab_cont{
	padding:2rem 2rem 3.5rem;
}
.sub10_view_wrap .thum > img{
	width:100%;
}
.sub10_view_wrap .zoom{
	position: absolute;
	bottom:0;
	right:0;
	z-indeX:10;
	outline:none;
}
.sub10_view_wrap .zoom i{
	font-size:1.8rem;
	padding:1rem;
	outline:none;
	color:#111;
}
.sub10_view_wrap .swiper-slide{
	padding:0rem 0rem;
}
.sub10_view_wrap .swiper-button-next,
.sub10_view_wrap .swiper-button-prev{
	background: none;
	height: auto;
	margin:0;
	top:50%;
	transform:translateY(-50%);
	text-align: center;
	outline:none;
}
.sub10_view_wrap .swiper-button-prev{
	left:0;
}
.sub10_view_wrap .swiper-button-next{
	right:0;
}
.sub10_view_wrap .swiper-button-next i,
.sub10_view_wrap .swiper-button-prev i{
	font-size:1.6rem;
}
.thumSwiper{
	margin-top:10px;
}
.thumSwiper .swiper-slide p{
	border:1px solid #ddd;
	padding:5px;
	background:#fff;
}



.sub11_wrap .tab_wrap .tab_cl{
	display:flex;
	width:100%;
	margin-bottom: 1rem;
}
.sub11_wrap .tab_wrap .tab_cl > li{
	width:50%;
	padding:1rem;
	text-align: center;
	font-weight: 500;
	background: #d0d0d0;
	color:#8d8d8d;
	font-size:1.4rem;
}
.sub11_wrap .tab_wrap .tab_cl > li.on{
	border-top: 2px solid #5399cf;
	color:#333;
	font-weight: 600;
	background: #fff;
}
.sub11_wrap .tab_cont{
	display:none;
}
.sub11_wrap .tab_cont.on{
	display:block;
}
.sub11_wrap .tab_cont .bullet-list > li:last-child{
	margin-bottom: 0;
}
.sub11_wrap .tab_cont {
	position: relative;
	background: #fff;
}
.sub11_wrap .tab_cont .txt{
	width:100%;
	z-index:1;
	text-align: center;
	padding:6rem 0 9rem;
	position: relative;
	border:8px solid #292524;
}
.sub11_wrap .tab_cont .txt::before{
	content:'';
	width:95%;
	height: 96%;
	border:3px solid #e0e0e0;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:0;
}
.sub11_wrap .tab_cont .txt p{
	font-size:1.4rem;
	font-family: 'Nanum M';
	font-weight: 700;
	line-height: 1.8;
}
.sub11_wrap .tab_cont .txt #textarea{
	width:90%;
	position: relative;
	z-index:1;

	text-align: left;
	margin:0 auto;
	border:none;
	font-size:1.4rem;
	font-family: 'Nanum M';
	font-weight: 700;
	line-height: 1.8;
	white-space:pre-line;
	outline:none;
}
.sub11_wrap .tab_cont .bg{
	width:100%;
	position: absolute;
	bottom:0;
	left:0;
}
.sub11_wrap .tab_cont .deco_imgs img{
	position: absolute;
	max-width:60px;
	z-index:3;
}
.sub11_wrap .tab_cont .deco_imgs img.t{
	top:0;
	left:auto;
	right:0;
}
.sub11_wrap .tab_cont .deco_imgs img.b{
	bottom:0;
}

.product_cat{padding: 0 1.5rem;}
.product_cat ul{
	width:100%;
	display:flex;
	padding: 5px;
	border-radius:50px;
	overflow: hidden;
	background: #f2f2f2;
}
.product_cat ul li{
	flex-grow:1;
	flex-basis:0;
	text-align: center;
}
.product_cat ul li a{
	position: relative;
	display:block;
	padding:8px;
	font-size:1.5rem;
	color:#888;
	background: #f2f2f2;
}
.product_cat ul li.on a{
	color:#000;
	background: #fff;
	border-radius:50px;
}
.product_list{
	padding:3rem 1.5rem 2.5rem;
}
.product_list .row {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
.product_list .row > div{
	margin-bottom: 2rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.product_list .row > div a{
	display:block;
	color:#000;
	font-size:1.3rem;
}
.product_list .row > div .icon{
	position: absolute;
	top:1rem;
	left:1rem;
	transform:translate(0);
	z-index:2;
}
.product_list .row > div .icon img{
	max-width:30px;
}
.product_list .row > div .thum_wrap{
	border:1px solid #ebebeb;
	background:#fff;
	border-radius: 4px;
}
.product_list .row > div .thum_wrap a{
	display:block;
	width:100%;
	height:100%;
	padding:1.5rem 1rem;
}
.product_list .row > div .thum_wrap .thum{

	padding-top:160%;
	overflow:hidden;
	width:100%;
}
.product_list .row > div .thum > img{
	width:100%;
}
.product_list .row > div p{
	font-size:1.3rem;
	color:#000;
	padding:2px 0;
}
.product_list .row > div .price{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.product_list .row > div .price span{
	letter-spacing: -.5px;
	font-size:1.6rem;
	font-weight: 600;
}
.product_list .row > div .price del{
	font-size:1.2rem;
	color:#999;
	margin-right: 5px;
}
.product_list .row > div .price .perc{
	letter-spacing: 0;
	font-size:1.4rem;
	color:#f51e1e;
	font-weight: 600;
}
.product_list .row > div .zoom{
	position: absolute;
	bottom:0;
	right:0;
	z-indeX:10;
	outline:none;
}
.product_list .row > div .zoom i{
	font-size:1.8rem;
	padding:1rem;
	outline:none;
}
.product_list .row > div .swiper-button-next,
.product_list .row > div .swiper-button-prev{
	background: none;
	height: auto;
	margin:0;
	top:50%;
	transform:translateY(-50%);
	text-align: center;
	outline:none;
}
.product_list .row > div .swiper-button-prev{
	left:0;
}
.product_list .row > div .swiper-button-next{
	right:0;
}
.product_list .row > div .swiper-button-next i,
.product_list .row > div .swiper-button-prev i{
	font-size:1.6rem;
}
.product_list .row > div .name_wrap{
	margin-top: 0.8rem;
}

.product_banner{
	padding:2rem 1.5rem;
}
.product_banner img{
	width:100%;
}
.product_banner .cs{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:2rem 25px;
	color:#fff;
	font-size:1.3rem;
	background: #14ae67;
	border-radius: 4px;
}
.product_banner .cs p:first-child{
	font-size: 1.5rem;
	font-weight: 600;
}
.product_banner .cs p:last-child{
	font-size:1.8rem;
}

.round-box{
	border:1px solid #333;
	border-radius:5px;
	background: #fff;
	margin:2rem 0;
	padding:0 2rem;
}

.tab_cont{
	display:none;
}
.tab_cont.on{
	display:block;
}

.tab_pay{
	display:flex;
}
.tab_pay > li{
	flex-grow:1;
	flex-basis:0;
	border-right: 1px solid #ebebeb;
	color:#333;
	font-weight: 500;
	font-size:1.3rem;
	text-align: ceter;
	text-align: center;
	background: #fff;
	padding:1.5rem;
}
.tab_pay > li:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.tab_pay > li:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.tab_pay > li.on{
	background: #333;
	color:#fff;
}

.select-like-info > .title{
	background: #fff;
	padding:1rem;
	border-radius:5px;
	border:1px solid #ebebeb;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.select-like-info > .title.on i{
	transform:rotate(180deg);
}
.select-like-info > .txt{
    color: #888;
    text-align: left;
    padding: 1rem;
    border: 1px solid #ebebeb;
    border-top: none;
    height: 150px;
    overflow-y: scroll;
	display:none;
	background: #fff;
}
.select-like-info > .txt p{
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.6;
}

.sending .cta > .cta-black{
	/* display:block;
	background: url('../_img/icon/icon_nav_4.jpg')no-repeat center center / cover;
    color: #fff !important;
    font-size: 1.5rem;
    width: 100%;
    border-radius: 0;
    display: block;
    padding: 15px 10px;
    outline: none;
	text-align: center;
	border-radius:3px; */
	display:block;
	padding: 1.2rem 0;
	width: 100%;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 600;
	color: #fff;
	background: #14ae67;
	border-radius: 4px;
}


.joinus-select-form p[class^="radio_"]{
	display:block;
	margin:0;
}
.joinus-select-form .radio_type1 > label::after,
.joinus-select-form .radio_type1 > label::before{
	top:52%;
}
.joinus-select-form .member-type2{
	display:none;
}

.com_logo {border-radius: 7px;}
.quantity-text{
	margin:0.5rem 0 0;
	display:block;
}

.quantity-text p{
	font-size:1.2rem;
	text-align:center;
	background:#fff;
	padding:0.5rem;
}
.quantity-box{
	margin:2.5rem 0 2rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.quantity-box > .quantity{
	display:flex;
	align-items:center;
}
.quantity-box > .quantity button{
    width: 4rem;
    height: 4rem;
	position: relative;
	border:1px solid #ddd;
	outline:none;
}
.quantity-box > .quantity button.q-minus::before{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 11px;
	height: 1px;
	margin: -1px 0 0 -6px;
	background-color: #555555;
	content: "";
}
.quantity-box > .quantity button.q-plus::before{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 11px;
	height: 1px;
	margin: -1px 0 0 -6px;
	background-color: #555555;
	content: "";
}
.quantity-box > .quantity button.q-plus::after{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 11px;
    margin: -6px 0 0 -1px;
    background-color: #555555;
    content: "";
}
.quantity-box > .quantity button span{
	display:none;
}
.quantity-box > .quantity input{
	width:calc(100% - 68px);
	height: 4rem;
	border:none;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align: center;
	font-size:12px;
}

.add_img_wrap{
	display:flex;
}
.add_img_wrap .img_box{
	border:1px solid #ddd;
	background: rgba(255,255,255,0.5);
	width:150px;
	height: 190px;
	padding:1rem;
	position: relative;
}
.add_img_wrap .img_box .xi-close{
	position: absolute;
	top:0;
	right:0;
	font-size:1.8rem;
	padding:0.6rem;
}
.add_img_wrap .img_box .img{
	background:#f1f1f1;
	width:100%;
	height: 100%;
}
.add_img_wrap .btn_wrap{
	padding-left: 15px;
	width:calc(100% - 165px);
	max-width:10rem;
}
.add_img_wrap .btn_wrap > .btn-upload{
    background: #999;
    padding: 6px 0.5rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 300;
    text-align: center;
	margin-bottom: 0.5rem;
}
.add_img_wrap .btn_wrap > .btn-delete{
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 6px 10px;
    color: #444;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
}

.representative-account > dl{
	display:flex;
	align-items:center;
	margin-bottom: 0.4rem;
}
.representative-account > dl:last-child{
	margin-bottom: 0;
}
.representative-account > dl dt{
	width:60px;
	font-weight: 500;
}
.representative-account > dl dd{
	width:calc(100% - 60px);
}
.representative-account > dl dd.dd-check{
	display:flex;
	align-items:center;
}
.representative-account > dl dd.dd-check .form-control{
	width:calc(100% - 84px);
}
.representative-account > dl dd.dd-check .btn-check{
    background: #999;
    padding: 6px 0.5rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 300;
    text-align: center;
	display:inline-block;
	width:80px;
	margin-left: 4px;
}

#pay_list .points_wrap{
	padding:1rem 2rem;
	border:1px solid #000;
	border-radius:5px;
	background: #fff;
	margin-bottom: 2rem;
}
#pay_list .points_wrap dl{
	display:flex;
	padding:1.5rem 0;
	border-bottom: 1px dashed #ddd;
}
#pay_list .points_wrap dl:last-child{
	border-bottom: none;
}
#pay_list  .points_wrap dl dt{
	color:#000;
	font-weight: 500;
	width:35%;
}
#pay_list .points_wrap dl dd{
	color:#5399cf;
	font-weight: 600;
	width:65%;
}
#pay_list .search_box_wrap{
	margin-bottom: 4rem;
}
#pay_list .search_box_wrap .search_box{
	padding:0;
}
#pay_list .search_box_wrap .search_box i{
	color:#888;
}
#pay_list .search_box_wrap .d-flex{
	margin-top: 0.5rem;
	align-items:center;
}
#pay_list .search_box_wrap .d-flex p.fcGray8{
	padding:0 0.5rem;
}
#pay_list .table_black table tbody tr td .cta-modify{
	width:32px;
	height:34px;
	line-height: 1.2;
	padding:0.2rem 0.1rem;
	margin:0.5rem auto 0;
}

#pay_view .table-like-white dl dt{
	width:35%;
}
#pay_view .table-like-white dl dd{
	width:65%;
}

.confirm_btn_wrap {
	margin-top: 4rem;
}
.confirm_btn_wrap > p{
	display:inline-block;
	vertical-align: middle;
}
.confirm_btn_wrap [class*="confirm_btn_"]{
	background: #fff;
	min-width:13rem;
	display:inline-block;
	padding: 1rem;
	border:1px solid #333;
	color:#333;
	border-radius:5px;
}
.confirm_btn_wrap .confirm_btn_y{
	background: #333;
	color:#fff;
}
.account_check_box{
	display: flex;
	gap: 3px;
}
.account_check{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #999;
	padding: 6px;
	width: 40%;
	height: 40px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 300;
	text-align: center;
	color:#fff;
	border-radius: 4px;
}
.account_check:hover{
	color:#fff;
}
.account_name_chg{
    background: #999;
    padding: 6px 10px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 300;
    text-align: center;
    display: inline-block;
}
.account_delete{
	background: #999;
    padding: 6px 10px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 300;
    text-align: center;
    display: inline-block;
}
.member_table > table > tr > td,
.member_table > table > tbody > tr > td{
	font-size:1.4rem;
}

.person-p{
	margin-bottom: 0.5rem;
	display:flex;
	align-items:center;
}
.person-p:last-child{
	margin-bottom: 0;
}
.person-p input{
	margin-right: 0.6rem;
}
#certi_btn{
	padding:1.2rem 3rem;
	display:inline-block;
	border:1px solid #fff;
	font-size:1.7rem;
	color:#fff;
	border-radius:5px;
	margin-top: 2rem;
}
#make_btn span{display:inline-block;}
#make_btn .img_box{
	margin:0 1rem;
}
#make_btn .img_box img{
	width:2rem;
}

.pc_none {display:none;}


.pops_right{
	text-align: right;
}
.pops_right > a{
	color:#333;
	font-size:1.3rem;
	display:inline-block;
	padding:0.5rem;
}


.wid_half{width:50% !important;}
.etc_field {display:none; width:calc(50% - 140px); margin-left:0.5rem;}




/*wreath_swiper_box 20230602*/
.wreath_swiper_box{
	overflow:hidden;
	padding-top:3rem;
}
.wreath_swiper_box .box{
	display:flex;
	align-items: center;
	justify-content: center;
	padding:2rem 3rem;
	color:#333;
	border:2px solid #bac6df;
	background:#c8d3e3;
	border-radius:1rem;
}
.sub7_view_wrap .wreath_swiper_box .box{
	padding: 18px;
	background: #fafafa;
	border: 1px solid #d0d0d0;
	border-radius:4px;
}
.sub7_view_wrap .wreath_swiper_box .box dt{
	display:flex;
	align-items: center;
}
.sub7_view_wrap .wreath_swiper_box .box dt span{
	display: inline-block;
	margin-left: 7px;
}
.sub7_view_wrap .wreath_swiper_box .box dt span img{
	width: 7px;
	vertical-align: middle;
}
@media (max-width:460px) {
	.wreath_swiper_box .box dl dd br{display: none;}
}



.wreath_swiper_box .box dl{
	width:60%;
}
.wreath_swiper_box .box dl dt{
	font-size:1.8rem;
}
.wreath_swiper_box .box dl dd{
	margin-top:1rem;
	font-size:1.5rem;
}

.wreath_swiper_box .box > div{
	width:40%;
	overflow:hidden;
	text-align:center;
}
.wreath_swiper_box .box > div .thum{
		display: flex;
		align-items: center;
		justify-content: center;
}
.wreath_swiper_box .box > div img{
		width:100%;
}

@media(max-width:767.98px){
	.wreath_swiper_box .box dl dt{
		font-size:1.7rem;
	}
	.wreath_swiper_box .box dl dd{
		font-size:1.4rem;
	}
	.wreath_swiper_box .box{
		padding:1.5rem 2rem;
		border-radius:.8rem;
	}
	.wreath_swiper_box .box > div .thum{
		max-width: 200px;
	}
}

.check_input_red {border:1px solid #f51e1e !important;}



.sub7_view_wrap h2.top_name{
	z-index: 1;
	position: relative;
	padding: 24px 0;
}
.sub7_view_wrap h2.top_name::after{
	content:"";
	position:absolute;
	left: -1.5rem;
	/* left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw; */
	height:100%;
	bottom:0;
	background:#ebebe9 url(../_img/sub/top_name_bg.jpg) no-repeat left bottom / 100% auto;
	z-index:-1;
	max-width: 767px;
	width: calc(100% + 3rem);
}




/* 답례품서비스 */
.gift_wrap > div.visual{display: none;}
.gift_wrap .contents{
	padding: 0 1.5rem;
}
.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.3rem;
	color: #666666;
	background: #f5f5f5;
	border-radius: 4px;
	border: none;
}
.gift_orderBtn{
	z-index: 10;
	position: fixed;
	bottom: 0; left: 50%;
	transform: translateX(-50%);
	display: block;
	padding:1.6rem 1rem;
	max-width: 767px;
	width: 100%;
	text-align: center;
	font-size: 1.7rem;
	font-weight: bold;
	color: #fff;
	background: #14ae67;
	/* background: rgb(83,152,207);
	background: linear-gradient(274deg, rgba(83,152,207,1) 0%, rgba(88,178,189,1) 100%); */
	border: none;
	outline: none;
}
.gift_orderBtn:hover{color: #fff;}




.giftList_wrap ul li{
	display: flex;
	align-items: center;
	gap: 1.6rem;
	margin-top: 1.5rem;
	padding:1.5rem;
	background: #ffffff;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0);
	border: 2px solid rgba(20,174,103,0);
}
.giftList_wrap ul li:hover{
	box-shadow: 2px 2px 4px rgba(0,0,0,.1);
	border: 2px solid rgba(20,174,103,1);
}
.giftList_wrap ul li + li{margin-top: 8px;}
.giftList_wrap ul li .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;
}
.giftList_wrap ul li .box{
	width: 54.16%;
}
.giftList_wrap ul li .box .title {
	font-size: 1.3rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 6rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
.giftList_wrap ul li .box .price{
	display:flex;
	align-items: flex-end;
	gap: 8px;
	margin-top: 1.4rem;
	margin-bottom: 1rem;
	font-size:1.6rem;
}
.giftList_wrap ul li .box .price span{
	text-decoration: line-through;
	font-size:1.45rem;
	color:#999999;
}
.giftList_wrap ul li .box .btn_box{display: flex;}
.giftList_wrap ul li .box .btn_box .order_btn{
	padding:6px 1rem;
	width: 50%;
	text-align: center;
	font-size: 1.1rem;
	color: #000;
	background: #fff;
	border: 1px solid #cccccc;
	outline: none;
}
.giftList_wrap ul li .box .btn_box .btn_order1{
	color: #fff;
	background: #14ae67;
	border-color: #14ae67;
}
.giftList_wrap ul li .box .btn_box .order_btn i{
	margin-right: 5px;
	vertical-align: middle;
	font-size: 1.3rem;
}
 

/* 제품상세 */
.giftView_wrap .product_price_info{
	padding:2rem 0 1.8rem 0;
}
.giftView_wrap .product_price_info .name{
	line-height: 1.2;
	font-size:1.9rem;
}
.giftView_wrap .product_price_info .name small{
	display:block;
	font-size:1.45rem;
	color:#999999;
	padding-bottom:8px;
}
.giftView_wrap .product_price_info .price{
	display:flex;
	align-items: flex-end;
	gap: 8px;
	margin-top: 8px;
	font-size:1.75rem;
}
.giftView_wrap .product_price_info .price strong{
	color:#14ae67;
}
.giftView_wrap .product_price_info .price span{
	text-decoration: line-through;
	font-size:1.45rem;
	color:#999999;
}
.giftView_wrap .thumb{
	position: relative;
	margin-bottom: 1.6rem;
	padding-top: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius: 4px;
	background-color: #fff;
}
.giftView_wrap .thumb .icon {
	position: absolute;
	top: 1.6rem;
	left: 1.2rem;
	transform: translate(0);
	z-index: 2;
}
.giftView_wrap .thumb .icon img{max-width: 67px;}
.giftView_wrap .product_txt_info{
	padding:2rem 1rem;
	font-weight: 500;
	background: #fff;
	border-radius: 4px;
}
.giftView_wrap .product_txt_info *{font-size: 1.6rem;}
.giftView_wrap .product_txt_info h4{
	color: #14ae67;
}
.giftView_wrap .product_txt_info p{
	margin-top: 8px;
	color: #666666;
}
.giftView_wrap .product_txt_info p ~ h4{margin-top: 1.6rem;}
@media (max-width:350px) {
	.giftView_wrap .thumb .icon img{max-width: 55px;}
}



/* 주문페이지 */
.giftOrder_wrap .inputBox{margin-top: 2rem}
.giftOrder_wrap h5{
	font-size: 1.3rem;
	font-weight: 500;
}
.giftOrder_wrap .inputBox .inner{
	padding-bottom: 4.2rem;
}
.giftOrder_wrap .inputBox .name{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.giftOrder_wrap .inputBox .name h5{width: 23.8%;}
.giftOrder_wrap input{
	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: #14ae67;
}
.giftOrder_wrap textarea{
	margin-top: 1.2rem;
	margin-bottom: 8px;
	padding:1.2rem;
	width: 100%;
	height: 19rem;
	font-size: 1.3rem;
	background: #f5f5f5;
	border-radius: 4px;
	border: none;
	display: none;
}
.giftOrder_wrap .message .txt{
	font-size: 1.1rem;
	color: #999999;
}

#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: #14ae67;
}
#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: #14ae67;
}
#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: #14ae67;
}
#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: #14ae67;
	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: #14ae67;
	border-radius: 50%;
}
#giftImgModal .txt::before{left: -.8rem;}
#giftImgModal .txt::after{right: -.8rem;}



/* 수신자번호확인 */
.giftCkNum_wrap .inputBox{margin-top: 2rem;}
.giftCkNum_wrap h5{
	margin-bottom: 8px;
	font-size: 1.4rem;
	font-weight: 500;
}
.giftCkNum_wrap h5 sup{
	display: inline-block;
	top: -.8em;
	width: 5.5px; height: 5.5px;
	border-radius: 50%;
	background: #ff0000;
}
.giftCkNum_wrap .inputBox .inner > div + div{
	margin-top: 1.4rem;
}
.giftCkNum_wrap .inputBox .box1 p{position: relative;}
.giftCkNum_wrap .inputBox .box1 .gift_input{padding-right: 8.5rem;}
.giftCkNum_wrap .input_list li{
	display: flex;
	gap: 4px;
}
.giftCkNum_wrap .input_list li + li{margin-top: 4px;}
.giftCkNum_wrap .input_list li p{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 4rem; height: 4rem;
	font-size: 1.3rem;
	background: #f5f5f5;
	border-radius: 4px;
}
.giftCkNum_wrap .input_list li .gift_input{
	width: 100%;
	height: 4rem;
}
.giftCkNum_wrap .txt{
	margin-top: 1.4rem;
	margin-bottom: 1.2rem;
}
.giftCkNum_wrap .txt p{
	position: relative;
	padding-left: 1.5rem;
	font-size: 1.2rem;
}
.giftCkNum_wrap .txt p + p{margin-top: 3px;}
.giftCkNum_wrap .txt p::before{
	content: "\e929";
	position: absolute;
	top: 0; left: 0;
	color: #ff2222;
	font-family: xeicon !important;
	font-weight: 500;
}
.giftCkNum_wrap .txt p span{
	color: #14ae67;
}
.giftCkNum_wrap .addBtn,
.giftCkNum_wrap .ckBtn{
	display: block;
	margin: 0;
	text-align: center;
	color: #fff;
	border: none;
	outline: none;
}
.giftCkNum_wrap .addBtn{
	padding:1.4rem 1rem;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	background: #222;
	border-radius: 4px;
}
.giftCkNum_wrap .ckBtn{
	position: absolute;
	top: 50%; right: 1rem;
	padding:5px 1.4rem;
	font-size: 1.2rem;
	background: #666666;
	border-radius: 3rem;
	transform: translateY(-50%);
}



/* 결제페이지 */
.giftPayment_wrap .priceBox .inner2{
	margin-top: 1.2rem;
	background: #e5efeb;
}
.giftPayment_wrap .priceBox dl{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.6rem
}
.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{
	font-weight: bold;
	color: #14ae67;
}
.giftPayment_wrap .inputBox{text-align: center;}
.giftPayment_wrap .inputBox .inner1{
	display: flex;
	align-items: center;
	gap: 3.6rem;
}
.giftPayment_wrap .inputBox .radio_box { 
	display: inline-block; 
	*display: inline; *zoom: 1; 
	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: 2px; top: 2px; 
	width: 1.4rem; height: 1.4rem; 
	background: #14ae67; 
	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: #14ae67;
}
.giftPayment_wrap .inputBox .inner2 label { 
	font-size: 1.3rem; 
	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: #14ae67;;
}
.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:360px) {
	.giftPayment_wrap .inputBox .inner1{gap: 1.5rem;}
}



/* 주문완료 */
.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{
	margin-top: 1.2rem;
	background: #e5efeb;
}
.giftFinish_wrap dl{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.6rem
}
.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: #14ae67;
}
.giftFinish_wrap .txt p{
	position: relative;
	padding-left: 1.2rem;
	font-size: 1.45rem;
}
.giftFinish_wrap .txt p strong{color: #14ae67;}
.giftFinish_wrap .txt p::before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background: #14ae67;
}