/* magnificPopup */
.white-popup {
	    margin: 0 12px 20px 12px;
    padding: 14px 16px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0,0,0,.18);
	text-align:center;
}
.white-popup.recommend {
	w idth:100vw;
}

.white-popup.recommend > .recommend_title , .white-popup.recommend > .recommend_title > span {
	font: 800 20px/37px '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, 'Apple Gothic', sans-serif;
	color: #00addf;
}
.white-popup.recommend > .recommend_title > span{
	border-bottom:2px solid #00addf;
	padding-bottom:5px;
}
.white-popup.recommend > .recommend_caption {
	font: 600 14px/24px '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, 'Apple Gothic', sans-serif;
	color: #636465;
	margin:20px auto;
	text-align:left;
}

.white-popup.recommend > .form_area{
	margin-top:20px;
	font: 100 14px/20px '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, 'Apple Gothic', sans-serif;
	text-align:left;
	width:100%;
}
.white-popup.recommend > .form_area > ul {
	width:100%;
	border-top:1px solid #828282;
	padding-top:10px;
}
.white-popup.recommend > .form_area > ul > li{
	padding: 10px 0px;
}
.whi te-popup.recommend > .form_area > ul > li:nth-child(odd){
	border-top:1px dotted #828282;
	border-bottom:1px dotted #828282;
}
.white-popup.recommend > .form_area > ul > li > label{
	vertical-align:top;
	height:38px;
	line-height:38px;
	width:34%;
	display: inline-block;
}
.white-popup.recommend > .form_area > ul > li > input , .white-popup.recommend > .form_area > ul > li > textarea{
	h eight: 36px;
	width: 64%;
	border-radius: 4px;
	padding: 9px 10px;
	font-size: 12px;
	line-height: 18px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	border: 1px solid #D5D5D5;
	ba ckground: #F9F9F9;
}
.white-popup.recommend > .form_area > ul > li > textarea{
	height:110px;
}
.white-popup.recommend > .form_area > ul > li > label > i{
	font-size:18px;
	line-height:38px;
	height:38px;
	vertical-align:sub;
	color:inherit;
}

.white-popup.recommend > .button_area{
	border-top:1px solid #828282;
	margin-top:10px;
	padding:30px 0 10px 0;
}
.white-popup.recommend > .button_area a > i{
	vertical-align:baseline;
}
.white-popup.recommend > .button_area a{
	padding:10px 10px;
	text-decoration:none;
	color:#ffffff;
	width:80%;
	display:inline-block;
}
.white-popup.recommend > .button_area a.save{
	background-image: linear-gradient(45deg, #e43a15 0%, #f15e64);
}
.white-popup.recommend > .button_area a.close{
	background-image: linear-gradient(45deg, #5f6061 0%, #a2a0a0);
}

/*모바일 적립 표시*/
.recommend_noti{
	padding:5px 15px;
	text-align:center;
	color:#e43a15;
	font-size:16px;
}
.term_area{
	width:100%;
	text-align:center;
	height:auto;
}
.term_area .term_box{
	text-align:left;
	width:90%;
	height:auto;
	display:inline-block;
	margin:5px auto;
}
.term_area .term_box .term_title{
	margin-bottom:5px;
}

.term_area .term_box .term{
	color:#828282;
	font-size:11px;
	width:100%;
	height:100px;
	display:inline-block;
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #828282;
	padding:4px 4px;
}
.term_area .term_box .term strong{
	font-size:11px;
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.55s ease-out; 
	-moz-transition: all 0.55s ease-out; 
	transition: all 0.55s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.55s ease-out; 
	-moz-transition: all 0.55s ease-out; 
	transition: all 0.55s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}