@charset "utf-8";

/*---------------------- ���댄�, 諛뺤뒪:怨듯넻 ----------------------*/
/**** pc ****/
.cont_box{width:100% ; float:left; }

.input_w100{width:100% !important ; }
em{ font-style: normal }
.point_bg{ background-color: #ff7065}
.point_font{ color: #ff7065}
.gray_9{ color: #999}
.gray_6{ color: #666}
.gray_3{ color: #333}


/**** �� �뺣낫 : pc ****/

@media only all and (min-width:769px) {
.com_font1{font-size: 18px}
.regular_insurance{font-size: 15px;}
.com_middle_font1{font-size: 17px;}
}
/****  �� �뺣낫   : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.com_font1{font-size: 15px}
.regular_insurance{font-size: 12px;}
.com_middle_font1{font-size: 13px;}
}




@media only all and (min-width:1301px) {
.title_st1{width:100% ; float:left; font-size: 24px; color: #000; margin-bottom: 20px; font-weight: 500; position: relative  }
.title_st1 em{color: #ff7065; }
.title_st1 .r_div{ position: absolute; right: 0px; top: 5px;  }	
.title_st1 .r_div .r_box1{ border: 1px solid  #ff7065; padding: 3px 10px; font-size: 18px; color:  #ff7065; border-radius: 30px; }	
.title_st1 .r_div .r_box2{ border: 1px solid  #f1b136; padding: 3px 20px; font-size: 18px; color:  #fff; border-radius: 30px;  background-color: #f1b136}	
.title_st1 .r_div .r_box3{ border: 1px solid  #f1b039; padding: 3px 10px; font-size: 18px; color:  #fff; border-radius: 30px;  background-color: #f1b039; text-align: center; font-size: 15px; font-weight: 300; float:left;; margin-left: 5px}	
.title_st1 .r_div .r_box4{ border: 1px solid  #a26caf; padding: 3px 10px; font-size: 18px; color:  #fff; border-radius: 30px;  background-color: #a26caf; text-align: center; font-size: 15px; font-weight: 300; float:left; margin-left: 5px}		
	
.more_bar{ width: 100%;  float:left; margin-bottom: 50px; margin-top: -1px; position: relative; z-index: 99}		
.more_bar a{ width: 100%;  float:left; text-align: center; color: #666; font-size: 18px; padding: 20px; border: 1px solid #ddd; box-sizing: border-box}	
.more_bar a:hover{ width: 100%;  float:left; text-align: center; color: #333; font-size: 18px; padding: 20px; border: 1px solid #333; box-sizing: border-box}	
}
/**** �뚮툝由� ****/
@media all and (max-width:1300px) and (min-width:1025px) {
.title_st1{width:100% ; float:left; font-size: 24px; color: #000; margin-bottom: 20px; font-weight: 500; position: relative   }
.title_st1 em{color: #ff7065; }
.title_st1 .r_div{ position: absolute; right: 0px; top: 5px }	
.title_st1 .r_div .r_box1{ border: 1px solid  #ff7065; padding: 3px 10px; font-size: 18px; color:  #ff7065; border-radius: 30px; }	
.title_st1 .r_div .r_box2{ border: 1px solid  #f1b136; padding: 3px 10px; font-size: 18px; color:  #fff; border-radius: 30px;  background-color: #f1b136}	
.title_st1 .r_div .r_box3{ border: 1px solid  #f1b039; padding: 3px 10px; font-size: 18px; color:  #fff; border-radius: 30px;  background-color: #f1b039; text-align: center; font-size: 15px; font-weight: 300; float:left;; margin-left: 5px}	
.title_st1 .r_div .r_box4{ border: 1px solid  #a26caf; padding: 3px 10px; font-size: 18px; color:  #fff; border-radius: 30px;  background-color: #a26caf; text-align: center; font-size: 15px; font-weight: 300; float:left; margin-left: 5px}		
	
	
.more_bar{ width: 100%;  float:left; margin-bottom: 50px; margin-top: -1px; position: relative; z-index: 99}		
.more_bar a{ width: 100%;  float:left; text-align: center; color: #666; font-size: 18px; padding: 20px; border: 1px solid #ddd}	
.more_bar a:hover{ width: 100%;  float:left; text-align: center; color: #333; font-size: 18px; padding: 20px; border: 1px solid #333}	
}
/**** �뚮툝由�2 ****/
@media all and (max-width:1024px) and (min-width:769px) {
.title_st1{width:100% ; float:left; font-size: 24px; color: #000; margin-bottom: 20px ; font-weight: 500; position: relative  }
.title_st1 em{color: #ff7065; }
.title_st1 .r_div{ position: absolute; right: 0px; top: 5px }	
	.title_st1 .r_div .r_box1{ border: 1px solid  #ff7065; padding: 3px 10px; font-size: 18px; color:  #ff7065; border-radius: 30px; }	
.title_st1 .r_div .r_box2{ border: 1px solid  #f1b136; padding: 3px 10px; font-size: 18px; color:  #fff; border-radius: 30px;  background-color: #f1b136}
.title_st1 .r_div .r_box3{ border: 1px solid  #f1b039; padding: 3px 10px; font-size: 18px; color:  #fff; border-radius: 30px;  background-color: #f1b039; text-align: center; font-size: 15px; font-weight: 300; float:left;; margin-left: 5px}	
.title_st1 .r_div .r_box4{ border: 1px solid  #a26caf; padding: 3px 10px; font-size: 18px; color:  #fff; border-radius: 30px;  background-color: #a26caf; text-align: center; font-size: 15px; font-weight: 300; float:left; margin-left: 5px}		
	
.more_bar{ width: 100%;  float:left; margin-bottom: 50px; margin-top: -1px; position: relative; z-index: 99}		
.more_bar a{ width: 100%;  float:left; text-align: center; color: #666; font-size: 18px; padding: 20px; border: 1px solid #ddd}	
.more_bar a:hover{ width: 100%;  float:left; text-align: center; color: #333; font-size: 18px; padding: 20px; border: 1px solid #333}	
}
/**** 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.title_st1{width:100% ; float:left; font-size: 18px; color: #000; margin-bottom: 10px; font-weight: 500 ; position: relative  }
.title_st1 em{color: #ff7065; }
.title_st1 .r_div{ position: absolute; right: 0px; top: 0px }	
	.title_st1 .r_div .r_box1{ border: 1px solid  #ff7065; padding: 3px 10px; font-size: 14px; color:  #ff7065; border-radius: 30px; }	
.title_st1 .r_div .r_box2{ border: 1px solid  #f1b136; padding: 3px 10px; font-size: 14px; color:  #fff; border-radius: 30px;  background-color: #f1b136}	
	
.title_st1 .r_div .r_box3{ border: 1px solid  #f1b039; padding: 3px 5px;  color:  #fff; border-radius: 30px;  background-color: #f1b039; text-align: center; font-size: 12px; font-weight: 300; float:left;; margin-left: 5px}	
.title_st1 .r_div .r_box4{ border: 1px solid  #a26caf; padding: 3px 5px;  color:  #fff; border-radius: 30px;  background-color: #a26caf; text-align: center; font-size: 12px; font-weight: 300; float:left; margin-left: 5px}		
	
.title_st1 .r_div .r_box2 img{}		
.more_bar{ width: 100%;  float:left; margin-bottom: 50px; margin-top: -1px; position: relative; z-index: 99}		
.more_bar a{ width: 100%;  float:left; text-align: center; color: #666; font-size: 16px; padding: 10px; border: 1px solid #ddd; box-sizing: border-box}	
.more_bar a:hover{ width: 100%;  float:left; text-align: center; color: #333; font-size: 16px; padding: 10px; border: 1px solid #333}	
}

/*---------------------- 怨듬갚 : 怨듯넻 ----------------------*/
/**** pc ****/
@media only all and (min-width:1301px) {
.sp1{width:100% ; float:left; height: 10px}
.sp2{width:100% ; float:left; height: 20px}
.sp3{width:100% ; float:left; height: 30px}
.sp4{width:100% ; float:left; height: 40px}
.sp5{width:100% ; float:left; height: 50px}
.sp6{width:100% ; float:left; height: 60px}
.sp7{width:100% ; float:left; height: 70px}
.sp8{width:100% ; float:left; height: 80px}
}
/**** �뚮툝由� ****/
@media all and (max-width:1300px) and (min-width:1025px) {
.sp1{width:100% ; float:left; height: 10px}
.sp2{width:100% ; float:left; height: 20px}
.sp3{width:100% ; float:left; height: 30px}
.sp4{width:100% ; float:left; height: 40px}
.sp5{width:100% ; float:left; height: 50px}
.sp6{width:100% ; float:left; height: 60px}
.sp7{width:100% ; float:left; height: 70px}
.sp8{width:100% ; float:left; height: 80px}
}
/**** �뚮툝由�2 ****/
@media all and (max-width:1024px) and (min-width:769px) {
.sp1{width:100% ; float:left; height: 10px}
.sp2{width:100% ; float:left; height: 20px}
.sp3{width:100% ; float:left; height: 30px}
.sp4{width:100% ; float:left; height: 40px}
.sp5{width:100% ; float:left; height: 50px}
.sp6{width:100% ; float:left; height: 60px}
.sp7{width:100% ; float:left; height: 70px}
.sp8{width:100% ; float:left; height: 80px}
}
/**** 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.sp1{width:100% ; float:left; height: 5px}
.sp2{width:100% ; float:left; height: 10px}
.sp3{width:100% ; float:left; height: 15px}
.sp4{width:100% ; float:left; height: 20px}
.sp5{width:100% ; float:left; height: 25px}
.sp6{width:100% ; float:left; height: 30px}
.sp7{width:100% ; float:left; height: 35px}
.sp8{width:100% ; float:left; height: 40px}
}


/*---------------------- ���댄�, 諛뺤뒪:怨듯넻 ----------------------*/
/**** pc ****/
@media only all and (min-width:1301px) {
.box01{width:100% ; float:left; margin-bottom: 10px; position: relative}
.box01 input{width:100% ; float:left; ; font-size: 20px }
.box01 textarea{font-size: 20px}
.box01 textarea::-webkit-input-placeholder{font-size: 20px; line-height: 1;}
.box01 .txt{ position: absolute; right: 15px; top: 18px; font-size:16px; color: #666}
.box01 textarea.st1{width:100% ; float:left; height:150px ; }
.box01 input.date{ background: url(../_img/com/date.png) ; background-position: calc(100% - 10px) center; background-repeat: no-repeat; background-size: 25px; ; font-size: 20px}
	
.box02{width:100% ; float:left; margin-bottom: 10px}
.box02 .l_box{width:50% ; float:left; padding-right: 5px; box-sizing: border-box }
.box02 .r_box{width:50% ; float:left; padding-left: 5px; box-sizing: border-box }
	
.box03{width:100% ; float:left; }	
.box03 ul li{float:left; margin-right: 20px }	
input[class^="radioCss"] + label{font-size: 20px; line-height: 60px;}

.box04{width:100% ; float:left; margin-bottom: 10px}
.box04 ul{width: calc(100% + 10px);}
.box04 ul li{width:33.33%  ; float:left; padding-right: 10px; box-sizing: border-box }

.com_btn{width:100% ; float:left; margin: 30px 0px; text-align: center; text-align: center; overflow: hidden;  }
.com_btn a{display: inline-block; vertical-align: middle; padding: 15px 20px; min-width: 40%; font-size: 24px; color: #fff}
.com_btn a:hover{display: inline-block; vertical-align: middle; padding: 15px 20px; width: 40%; font-size: 24px; color: #fff; background-color: #d9483d}
	
.com_btn_100{width:100% ; float:left; margin: 30px 0px; text-align: center; text-align: center; overflow: hidden;  }
.com_btn_100 a{display: inline-block; vertical-align: middle; padding: 15px 20px; min-width: 100%; font-size: 20px; color: #fff}
.com_btn_100 a:hover{display: inline-block; vertical-align: middle; padding: 15px 20px; width: 100%; font-size: 20px; color: #fff; background-color: #d9483d}
	
}
/**** �뚮툝由� ****/
@media all and (max-width:1300px) and (min-width:1025px) {
.box01{width:100% ; float:left; margin-bottom: 10px; position: relative}
.box01 input{width:100% ; float:left; ; font-size: 20px }
.box01 textarea{font-size: 20px}
.box01 textarea::-webkit-input-placeholder{font-size: 20px; line-height: 1;}
.box01 .txt{ position: absolute; right: 15px; top: 10px; font-size:16px; color: #666}
.box01 textarea.st1{width:100% ; float:left; height:150px ; }
.box01 input.date{ background: url(../_img/com/date.png) ; background-position: calc(100% - 10px) center; background-repeat: no-repeat; background-size: 25px; ; font-size: 20px}
	
.box02{width:100% ; float:left; margin-bottom: 10px}
.box02 .l_box{width:50% ; float:left; padding-right: 5px; box-sizing: border-box }
.box02 .r_box{width:50% ; float:left; padding-left: 5px; box-sizing: border-box }

.box01 select, .search_coupon{font-size: 20px;}	
.box02 select, .search_coupon{font-size: 20px;}
input[class^="radioCss"] + label{font-size: 20px; line-height: 60px;}

.box03{width:100% ; float:left; }	
.box03 ul li{float:left; margin-right: 20px }	

.box04{width:100% ; float:left; margin-bottom: 10px}
.box04 ul{width: calc(100% + 10px);}
.box04 ul li{width:33.33%  ; float:left; padding-right: 10px; box-sizing: border-box }

.com_btn{width:100% ; float:left; margin: 30px 0px; text-align: center; text-align: center; overflow: hidden;  }
.com_btn a{display: inline-block; vertical-align: middle; padding: 15px 20px; width: 70%; font-size: 20px; color: #fff}
.com_btn a:hover{display: inline-block; vertical-align: middle; padding: 15px 20px; width: 70%; font-size: 20px; color: #fff; background-color: #d9483d}
	
.com_btn_100{width:100% ; float:left; margin: 30px 0px; text-align: center; text-align: center; overflow: hidden;  }
.com_btn_100 a{display: inline-block; vertical-align: middle; padding: 15px 20px; min-width: 100%; font-size: 20px; color: #fff}
.com_btn_100 a:hover{display: inline-block; vertical-align: middle; padding: 15px 20px; width: 100%; font-size: 20px; color: #fff; background-color: #d9483d}

}
/**** �뚮툝由�2 ****/
@media all and (max-width:1024px) and (min-width:769px) {
.box01{width:100% ; float:left; margin-bottom: 10px; position: relative}
.box01 input{width:100% ; float:left; ; font-size: 20px }
.box01 textarea{font-size: 20px}
.box01 textarea::-webkit-input-placeholder{font-size: 20px; line-height: 1;}
.box01 .txt{ position: absolute; right: 15px; top: 10px; font-size:16px; color: #666}
.box01 textarea.st1{width:100% ; float:left; height:150px ; }
.box01 input.date{ background: url(../_img/com/date.png) ; background-position: calc(100% - 10px) center; background-repeat: no-repeat; background-size: 25px; ; font-size: 20px}
	
.box02{width:100% ; float:left; margin-bottom: 10px}
.box02 .l_box{width:50% ; float:left; padding-right: 5px; box-sizing: border-box }
.box02 .r_box{width:50% ; float:left; padding-left: 5px; box-sizing: border-box }

.box01 select, .search_coupon{font-size: 20px;}	
.box02 select, .search_coupon{font-size: 20px;}
input[class^="radioCss"] + label{font-size: 20px; line-height: 60px;}
.box01 input::-webkit-input-placeholder,.search_coupon input::-webkit-input-placeholder{	font-size: 20px;}
.box03{width:100% ; float:left; }	
.box03 ul li{float:left; margin-right: 20px }	
.box04{width:100% ; float:left; margin-bottom: 10px}
.box04 ul{width: calc(100% + 10px);}
.box04 ul li{width:33.33%  ; float:left; padding-right: 10px; box-sizing: border-box }
	
.com_btn{width:100% ; float:left; margin: 30px 0px; text-align: center; text-align: center; overflow: hidden;  }
.com_btn a{display: inline-block; vertical-align: middle; padding: 15px 0px; width: 80%; font-size: 20px; color: #fff}
.com_btn a:hover{display: inline-block; vertical-align: middle; padding: 15px 0px; width: 80%; font-size: 20px; color: #fff; background-color: #d9483d}
	.com_btn_100{width:100% ; float:left; margin: 30px 0px; text-align: center; text-align: center; overflow: hidden;  }
.com_btn_100 a{display: inline-block; vertical-align: middle; padding: 15px 20px; min-width: 100%; font-size: 20px; color: #fff}
.com_btn_100 a:hover{display: inline-block; vertical-align: middle; padding: 15px 20px; width: 100%; font-size: 20px; color: #fff; background-color: #d9483d}
}
/**** 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.box01{width:100% ; float:left; margin-bottom: 10px; position: relative}
.box01 input{width:100% ; float:left; ; font-size: 20px }
.box01 textarea{font-size: 20px}
.box01 textarea::-webkit-input-placeholder{font-size: 20px; line-height: 1;}
.box01 .txt{ position: absolute; right: 15px; top: 10px; font-size:16px; color: #666}
.box01 textarea.st1{width:100% ; float:left; height:150px ; }
.box01 input.date{ background: url(../_img/com/date.png) ; background-position: calc(100% - 10px) center; background-repeat: no-repeat; background-size: 25px; ; font-size: 20px}

.box01 select, .search_coupon{font-size: 20px;}	
.box02 select, .search_coupon{font-size: 20px;}
input[class^="radioCss"] + label{font-size: 20px; line-height: 45px;}
.box01 input::-webkit-input-placeholder, .search_coupon input::-webkit-input-placeholder{	font-size: 20px;}
.box02{width:100% ; float:left; margin-bottom: 10px}
.box02 .l_box{width:50% ; float:left; padding-right: 5px; box-sizing: border-box }
.box02 .r_box{width:50% ; float:left; padding-left: 5px; box-sizing: border-box }
	
.box03{width:100% ; float:left; }	
.box03 ul li{float:left; margin-right: 5px; margin-bottom: 5px }	
.box04{width:100% ; float:left; margin-bottom: 10px}
.box04 ul{width: calc(100% + 10px);}
.box04 ul li{width:33.33%  ; float:left; padding-right: 10px; box-sizing: border-box }
	
.com_btn{width:100% ; float:left; margin: 10px 0px; text-align: center; text-align: center; overflow: hidden;  }
.com_btn a{width:100% ; float:left;display: inline-block; vertical-align: middle; padding: 15px 0px;  font-size: 18px; color: #fff}
.com_btn a:hover{width:100% ; float:left;display: inline-block; vertical-align: middle; padding: 15px 0px; font-size: 18px; color: #fff; background-color: #d9483d}
.com_btn_100{width:100% ; float:left; margin: 20px 0px; text-align: center; text-align: center; overflow: hidden;  }
.com_btn_100 a{display: inline-block; vertical-align: middle; padding: 15px 0px; min-width: 100%; font-size: 18px; color: #fff}
.com_btn_100 a:hover{display: inline-block; vertical-align: middle; padding: 15px 0px; width: 100%; font-size: 18px; color: #fff; background-color: #d9483d}
}




/* 泥댄겕 */

/**** pc ****/
@media only all and (min-width:769px) {
input.st_w1:not(:checked) + label {	border-radius: 60px;
	-moz-border-radius:60px;
	-webkit-border-radius: 60px; width: 70px; height: 70px; text-align: center;  border: 1px solid #ccc; box-sizing: border-box; color: #333;line-height: 70px;  font-size: 20px}
input.st_w1:not(:checked):not([disabled]) + label:hover{	background-color: #ccc;	color: #333;}
input.st_w1:checked + label{	border-radius: 60px;
	-moz-border-radius:60px;
	-webkit-border-radius: 60px;	width: 70px; height: 70px; text-align: center; background-color: #ff7065;
	color: #ffffff; line-height: 70px;  font-size: 20px}
input.st_w1:checked:not([disabled]) + label:hover{	background-color: #ff7065;  font-size: 20px}

}
/**** 紐⑤컮�� ****/
@media only all and (max-width:768px) {
input.st_w1:not(:checked) + label {	border-radius: 50px;
	-moz-border-radius:50px;
	-webkit-border-radius: 50px; width: 50px; height: 50px; text-align: center;  border: 1px solid #ccc; box-sizing: border-box; color: #333;line-height: 50px;  font-size: 16px}
input.st_w1:not(:checked):not([disabled]) + label:hover{	background-color: #ccc;	color: #333;}
input.st_w1:checked + label{	border-radius: 50px;
	-moz-border-radius:50px;
	-webkit-border-radius: 50px;	width: 50px; height: 50px; text-align: center; background-color: #ff7065;
	color: #ffffff; line-height: 50px;  font-size:  16px}
input.st_w1:checked:not([disabled]) + label:hover{	background-color: #ff7065;  font-size:  16px}

}

/* 泥댄겕 */




/**** pc ****/
@media only all and (min-width:769px) {
input.st_w2:not(:checked) + label { width: 100%; background-color: #fff;text-align: center;  border: 1px solid #ccc; box-sizing: border-box; color: #333; padding: 15px 0px ;  font-size: 20px }
input.st_w2:not(:checked):not([disabled]) + label:hover{	}
input.st_w2:checked + label{	width: 100%; background-color: #fff;text-align: center; color: #ff7065 ; border: 1px solid #ff7065 ; padding: 15px 0px;  font-size: 20px}
input.st_w2:checked:not([disabled]) + label:hover{	background-color: #fff;  font-size: 20px}
}
/**** 紐⑤컮�� ****/
@media only all and (max-width:768px) {
input.st_w2:not(:checked) + label { width: 100%; background-color: #fff;text-align: center;  border: 1px solid #ccc; box-sizing: border-box; color: #333; padding: 10px 0px ;  font-size: 16px }
input.st_w2:not(:checked):not([disabled]) + label:hover{	}
input.st_w2:checked + label{	width: 100%; background-color: #fff;text-align: center; color: #ff7065 ; border: 1px solid #ff7065 ; padding: 10px 0px;  font-size: 16px}
input.st_w2:checked:not([disabled]) + label:hover{	background-color: #fff;  font-size: 16px}
}


/**** pc ****/
@media only all and (min-width:769px) {
input.st_w3:not(:checked) + label {background: url(../_img/join/ch_off.png); width: 20px !important; height: 20px !important; background-size: 100%; float: left;  text-indent: -9999px; box-sizing: border-box; padding: 0px;  float: left; display: block; background-repeat: no-repeat}
input.st_w3:not(:checked):not([disabled]) + label:hover{; text-indent: -9999px}
input.st_w3:checked + label{background: url(../_img/join/ch_on.png); width: 20px !important; height: 20px !important; background-size: 100%; float: left;  text-indent: -9999px; box-sizing: border-box; padding: 0px;  float: left; display: block; background-repeat: no-repeat}
input.st_w3:checked:not([disabled]) + label:hover{	}
}
/**** 紐⑤컮�� ****/
@media only all and (max-width:768px) {
input.st_w3:not(:checked) + label {background: url(../_img/join/ch_off.png); width: 20px !important; height: 20px !important; background-size: 100%; float: left;  text-indent: -9999px; box-sizing: border-box; padding: 0px;  float: left; display: block; background-repeat: no-repeat}
input.st_w3:not(:checked):not([disabled]) + label:hover{; text-indent: -9999px}
input.st_w3:checked + label{background: url(../_img/join/ch_on.png); width: 20px !important; height: 20px !important; background-size: 100%; float: left;  text-indent: -9999px; box-sizing: border-box; padding: 0px;  float: left; display: block; background-repeat: no-repeat}
input.st_w3:checked:not([disabled]) + label:hover{	}

}



/**** pc ****/
@media only all and (min-width:769px) {
.search_coupon{width:100% ; float:left; margin-bottom: 10px}
.search_coupon .l_box{width: calc(100% - 120px); ; float:left; padding-right: 5px; box-sizing: border-box }
.search_coupon .l_box input{ border-radius: 0px!important;}
.search_coupon .r_box{width:120px ; float:left;  box-sizing: border-box }
.search_coupon .r_box input.up{width:100% ; float:left;display: inline-block; vertical-align: middle; height: 60px; line-height: 60px; font-size: 18px; color: #fff; border: none; color: #fff;background-color: #ff7065}
.search_coupon .r_box input:hover.up{width:100% ; float:left;display: inline-block; vertical-align: middle; height: 60px; line-height: 60px;  font-size: 18px; color: #fff; background-color: #d9483d}
}
/**** 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.search_coupon{width:100% ; float:left; margin-bottom: 10px}
.search_coupon .l_box{width: calc(100% - 80px); ; float:left; padding-right: 5px; box-sizing: border-box }
.search_coupon .l_box input{ border-radius: 0px!important;  padding: 0px 10px; height: 45px; line-height: 45px}
.search_coupon .r_box{width:80px ; float:left;  box-sizing: border-box }
.search_coupon .r_box input.up{width:100% ; float:left;display: inline-block; vertical-align: middle;; height: 45px; line-height: 45px ; font-size: 16px; color: #fff; border: none; color: #fff;background-color: #ff7065}
.search_coupon .r_box input:hover.up{width:100% ; float:left;display: inline-block; vertical-align: middle; ; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background-color: #d9483d}
}



/**** pc ****/
@media only all and (min-width:769px) {
.send_btn{width:100% ; float:left; margin-bottom: 10px}
.send_btn .l_box{width: calc(100% - 120px); ; float:left; padding-right: 5px; box-sizing: border-box }
.send_btn .l_box input{ border-radius: 0px!important}
.send_btn .r_box{width:120px ; float:left;  box-sizing: border-box }
.send_btn .r_box input.up{width:100% ; float:left;display: inline-block; vertical-align: middle; height: 60px; line-height: 60px; font-size: 18px; color: #fff; border: none; color: #fff;background-color: #ff7065}
.send_btn .r_box input:hover.up{width:100% ; float:left;display: inline-block; vertical-align: middle; height: 60px; line-height: 60px; font-size: 18px; color: #fff; background-color: #d9483d}
}
/**** 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.send_btn{width:100% ; float:left; margin-bottom: 10px}
.send_btn .l_box{width: calc(100% - 80px); ; float:left; padding-right: 5px; box-sizing: border-box }
.send_btn .l_box input{ border-radius: 0px!important;  padding: 0px 10px; height: 45px; line-height: 45px}
.send_btn .r_box{width:80px ; float:left;  box-sizing: border-box }
.send_btn .r_box input.up{width:100% ; float:left;display: inline-block; vertical-align: middle;; height: 45px; line-height: 45px ; font-size: 16px; color: #fff; border: none; color: #fff;background-color: #ff7065}
.send_btn .r_box input:hover.up{width:100% ; float:left;display: inline-block; vertical-align: middle; ; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background-color: #d9483d}
}


/**** �뚯썝媛��� : pc ****/
@media only all and (min-width:769px) {
.member_box{ max-width: 410px; margin: 0px auto}
.member_box .txinfo{ width: 100%;float:left; font-size: 16px; color: #222; margin-bottom: 35px}
.member_box .ch_step{ width: 100%; float:left; font-size: 14px; color: #222;   border-bottom: 1px solid #e3e3e3; padding: 10px 0px; margin-bottom: 10px;}
.member_box .ch_step p{ width: auto; float:left; font-size: 14px; color: #222; line-height: 18px; margin-left: 10px }
.member_box .ch_step2{ width: 100%; float:left; font-size: 14px; color: #222;   padding: 5px 0px; }
.member_box .ch_step2 p{ width: auto; float:left; font-size: 14px; color: #222; line-height: 18px; margin-left: 10px }
	
.sns_btn{ width: 100%; float:left; margin-bottom: 10px;  }
.sns_btn img{ width: 100%;   }
	
.member_box .login_btn {width: 100%; float:left;; color: #666; font-size: 16px; position: relative  }
.member_box .login_btn a{  position: absolute; right: 0px; color: #ff7065; font-size: 16px  }
}
/**** �뚯썝媛���  : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.member_box{ max-width: 410px; margin: 0px auto}
.member_box .txinfo{ width: 100%;float:left; font-size: 14px; color: #222; margin-bottom: 35px}
.member_box .ch_step{ width: 100%; float:left; font-size: 14px; color: #222;   border-bottom: 1px solid #e3e3e3; padding: 10px 0px; margin-bottom: 10px;}
.member_box .ch_step p{ width: auto; float:left; font-size: 14px; color: #222; line-height: 18px; margin-left: 10px }
.member_box .ch_step2{ width: 100%; float:left; font-size: 14px; color: #222;   padding: 5px 0px; }
.member_box .ch_step2 p{ width: auto; float:left; font-size: 14px; color: #222; line-height: 18px; margin-left: 10px }
	
.sns_btn{ width: 100%; float:left; margin-bottom: 10px;  }
 .sns_btn img{ width: 100%;   }
	
.member_box .login_btn {width: 100%; float:left;; color: #666; font-size: 14px; position: relative  }
.member_box .login_btn a{  position: absolute; right: 0px; color: #ff7065; font-size: 14px  }
}
/**** �뚯썝�덊눜 : pc ****/
@media only all and (min-width:769px) {

.logout_btn {width: 100%; float:left;; color: #666; font-size: 16px; position: relative  }
.logout_btn a{  position: absolute; right: 0px; color: #4195f5; font-size: 16px  }
}
/**** �뚯썝媛���  : 紐⑤컮�� ****/
@media only all and (max-width:768px) {

.logout_btn {width: 100%; float:left;; color: #666; font-size: 14px; position: relative  }
.logout_btn a{  position: absolute; right: 0px; color: #4195f5; font-size: 14px  }
}


/**** 諛곕꼫 : pc ****/

@media only all and (min-width:1301px) {
	.topbanner{width: 100%; float:left; margin-top: 140px}
	.topbanner img{width: 100%; }
	.topbanner_m{ display: none}
}
/**** �뚮툝由� ****/
@media all and (max-width:1300px) and (min-width:769px) {
	.topbanner{width: 100%; float:left; margin-top: 130px}
	.topbanner img{width: 100%; }
	.topbanner_m{ display: none}
}
/**** 紐⑤컮�� ****/
@media only all and (max-width:768px) {
	.topbanner{ display: none}
	.topbanner_m{width: 100%; float:left; margin-top: 45px}
	.topbanner_m img{width: 100%; }
}

/**** 留ㅻ땲�� 媛��� : pc ****/

@media only all and (min-width:769px) {
.Manager_box{width: 100%; float:left; }

}
/**** �뚯썝媛���  : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.Manager_box{ idth: 100%; float:left;}

}

	
/**** 濡쒓렇�� : pc ****/

@media only all and (min-width:769px) {
.login_box{ max-width: 410px; margin: 0px auto}
.login_box .or_line{width: 100%;  float:left;height: 20px; border-bottom: 2px solid #999;  position: relative; margin-bottom: 50px; margin-top: 20px }
.login_box .or_line .ttx{ background-color: #fff; padding: 5px 15px; color: #666; font-size: 16px; position: absolute; left: 50%; margin-left: -25px}
.login_box .ch_box{ width: 100%;  float:left;}
.login_box .ch_box .inbox{width: 30%; float:left; margin-right: 20px}
.login_box .ch_box .inbox input{ float:left; margin-right: 20px}
.login_box .ch_box .inbox p{ width: auto; float:left; font-size: 14px; color: #222; line-height: 18px; margin-left: 10px }
.login_box  .login_btn {width: 100%; float:left;color: #666; font-size: 16px;  }
.login_box  .login_btn a{  color: #666; font-size: 16px  }	
}
/**** �뚯썝媛���  : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.login_box{ max-width: 410px; margin: 0px auto}
.login_box .or_line{width: 100%;  float:left;height: 20px; border-bottom: 2px solid #999;  position: relative; margin-bottom: 30px; margin-top: 5px }
.login_box .or_line .ttx{ background-color: #fff; padding: 5px 15px; color: #666; font-size: 14px; position: absolute; left: 50%; margin-left: -25px}
.login_box .ch_box{ width: 100%;  float:left;}
.login_box .ch_box .inbox{width: 30%; float:left; margin-right: 20px}
.login_box .ch_box .inbox input{ float:left; margin-right: 20px}
.login_box .ch_box .inbox p{ width: auto; float:left; font-size: 14px; color: #222; line-height: 18px; margin-left: 10px }
.login_box  .login_btn {width: 100%; float:left;color: #666; font-size: 16px;  }
.login_box  .login_btn a{  color: #666; font-size: 16px  }	

}

	
	
/**** �대깽�� 紐⑸줉 : pc ****/

@media only all and (min-width:769px) {
.event_box{ width: 100%;  float:left;}
.event_box ul li{ width: 100%;  float:left; border: 1px solid #e3e3e3; margin-top: -1px; padding: 10px; box-sizing: border-box; position: relative; overflow: hidden}
.event_box ul li .end{ width: 100%;  float:left; position: absolute; top: 0px; left: 0px; background-color:rgba(0, 0, 0, 0.5); height: 110px; text-align: center; color: #fff; line-height: 100px; font-size: 18px }
.event_box ul li .title_box{ width: 60%;  float:left; padding: 10px 20px }
.event_box ul li .title_box .title{ width: 100%;  float:left; font-size: 20px; color: #333; font-weight: 500; }
.event_box ul li .title_box .date{ width: 100%;  float:left; font-size: 16px; color: #999;  }
.event_box ul li .img_box{ width: 40%;  float:right; }
.event_box ul li .img_box img{ width: 100%;   float:left; }

}
/**** �뚯썝媛���  : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.event_box{ width: 100%;  float:left; }
.event_box ul li{ width: 100%;  float:left; border: 1px solid #e3e3e3; margin-top: -1px; padding: 15px; box-sizing: border-box; position: relative; overflow: hidden; }
.event_box ul li .end{ width: 100%;  float:left; position: absolute; top: 0px; left: 0px; background-color:rgba(0, 0, 0, 0.5); height: 100%; text-align: center; color: #fff; line-height: 100px; font-size: 18px }
.event_box ul li .title_box{ width: 100%;  float:left; padding: 0px; }
.event_box ul li .title_box .title{ width: 100%;  float:left; font-size: 16px; color: #333; font-weight: 500; }
.event_box ul li .title_box .date{ width: 100%;  float:left; font-size: 13px; color: #999; margin-bottom: 5px  }
.event_box ul li .img_box{ width: 100%;  float:right; }
.event_box ul li .img_box img{ width: 100%;   float:left; }

}
	
/**** �대깽�� �곸꽭 : pc ****/

@media only all and (min-width:769px) {
.event_view{ width: 100%;  float:left; }
.event_view .banner{ width: 100%;  float:left; margin-bottom: 30px; text-align: center;}
.event_view .banner img{width: 100%;;}
.event_view .back_text{ width: 100%;  float:left; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; padding: 20px 0px; margin-top: -1px}
.event_view .back_text .tx1{ width: 20%;  float:left; color: #ff7065; font-size: 20px}
.event_view .back_text .tx2{ width: 60%;  float:left; color: #333; font-size: 20px}
.event_view .back_text .tx3{ width: 20%;  float:left; text-align: left ;color: #999; font-size: 18px; text-align: right}
.event_view .btn_list{ width: 100%;  float:left; font-size: 18px; margin-top: 50px; text-align: center }
.event_view .btn_list a{ border: 1px solid #ccc; color: #333; font-size: 24px; margin-top: 30px; background-color: #fff; padding: 10px 80px}
.event_view .btn_list a:hover{ border: 1px solid #999; color: #333; font-size: 24px; margin-top: 30px; background-color: #fff; padding: 10px 80px}


}
/**** �뚯썝媛���  : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.event_view{ width: 100%;  float:left; box-sizing: border-box;  }
.event_view .banner{ width: 100%;  float:left; margin-bottom: 15px; text-align: center;  }
.event_view .banner img{ width:100%;}
.event_view .back_text{ width: 100%;  float:left; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; padding: 10px 15px; margin-top: -1px; box-sizing: border-box}
.event_view .back_text .tx1{ width: 20%;  float:left; color: #ff7065; font-size: 14px}
.event_view .back_text .tx2{ width: 80%;  float:left; color: #333; font-size: 14px}
.event_view .back_text .tx3{  display: none}
.event_view .btn_list{ width: 100%;  float:left; font-size: 18px; margin-top: 20px; text-align: center }
.event_view .btn_list a{ width: 100%; float:left;  border: 1px solid #ccc; color: #333; font-size: 18px;  background-color: #fff; padding: 10px 0px}
.event_view .btn_list a:hover{  width: 100%; float:left; border: 1px solid #999; color: #333; font-size: 18px; background-color: #fff; padding: 10px 0px}

}


	
/**** �댁슜�꾧린 : pc ****/

@media only all and (min-width:769px) {
 .totalbox{ width: 100%;  float:left; background-color: #f4f4f4; padding: 20px; font-size:24px; color: #333}
.totalbox em{ font-size:24px; color: #ff7065}
	
.review_box .list{ width: 100%;  float:left;}	
.review_box .list ul li{ width: 100%;  float:left; padding: 20px 10px; border-bottom: 1px solid #dcdcdc; position: relative; box-sizing: border-box}
.review_box .list ul li .fl{ width: 50%;  float:left; position: relative}	
.review_box .list ul li .fl .profile{  width: 100%;  float:left; position: relative; height: 80px}
.review_box .list ul li .fl .profile .photo{  width: 65px; height: 65px; float:left;  border-radius: 100px; overflow: hidden; position: absolute; left: 0px; top: 0px}
.review_box .list ul li .fl .profile .photo img{  width: 100%; }
.review_box .list ul li .fl .profile .name{  width:  auto;position: absolute; /*left: 80px;*/left: 0px; top: 0px; font-size:20px  ; color: #000}
.review_box .list ul li .fl .profile .text{  width:  auto;position: absolute; /*left: 80px;*/left: 0px; top: 25px; font-size:16px ; color: #999}
.review_box .list ul li .fl .profile .star{  width: 100%;position: absolute; /*left: 80px;*/left: 0px; top: 45px; font-size:18px ; color: #999}
.review_box .list ul li .fl .profile .star i{ font-size:18px ; color: #fdc85b}
.review_box .list ul li div .textin{  width: 100%;  float:left;  font-size:16px ; color: #666}
.review_box .list ul li div .img_box{  width: 100%;  float:left; margin-top: 10px  }
.review_box .list ul li div .img_box img{  width: 115px;  float:left; margin-right: 5px  }
.review_box .list ul li .fr .time{ width: 100%;  float:left; text-align: right; color: #999; font-size: 18px}	
.review_box .list  ul li .admin_div{padding:5px 0px 5px 10px; clear: both; border-top:1px dotted #999;}
.review_box .list  ul li .admin_div .admin_div_title{padding-bottom: 5px; color:#fff; font-weight: bold; padding-top: 10px;}
.review_box .list  ul li .admin_div .admin_div_title span{border-radius:60px; background-color:#ff7065; padding:2px 5px; font-size: 16px;}
.review_box .list  ul li .admin_div .admin_div_txt {word-wrap: break-word;word-break: break-all; font-size: 16px;}
}
/**** �뚯썝媛���  : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.totalbox{ width: 100%;  float:left; background-color: #f4f4f4; padding: 10px; font-size:16px; color: #333}
.totalbox em{  color: #ff7065}
	
.review_box .list{ width: 100%;  float:left;}	
.review_box .list ul li{ width: 100%;  float:left; padding: 10px 15px; border-bottom: 1px solid #dcdcdc; position: relative; box-sizing: border-box}
.review_box .list ul li .fl{ width: 90%;  float:left; position: relative}	
.review_box .list ul li .fl .profile{  width: 100%;  float:left; position: relative; height: 60px}
.review_box .list ul li .fl .profile .photo{  width: 50px; height: 50px; float:left;  border-radius: 100px; overflow: hidden; position: absolute; left: 0px; top: 0px}
.review_box .list ul li .fl .profile .photo img{  width: 100%; }
.review_box .list ul li .fl .profile .name{  width:  auto;position: absolute;/*  left: 60px; */ top: 0px; font-size:16px  ; color: #000}
.review_box .list ul li .fl .profile .text{  width:  auto;position: absolute;/*  left: 60px; */ top: 25px; font-size:14px ; color: #999}
.review_box .list ul li .fl .profile .star{  width: 100%;position: absolute; /* left: 60px; */ top: 45px; font-size:16px ; color: #999}
.review_box .list ul li .fl .profile .star i{ font-size:18px ; color: #fdc85b}
.review_box .list ul li div .textin{  width: 100%;  float:left;  font-size:14px ; color: #666}
.review_box .list ul li div .img_box{  width: 100%;  float:left; margin-top: 10px  }
.review_box .list ul li div .img_box img{  width:  calc(25% - 5px);;  float:left; margin-right: 5px  }
.review_box .list ul li .fr {width: 115px;    position: absolute;  right: 15px; top: 15px; color: #999; font-size: 12px; text-align: right}	
.review_box .list ul li .fr .time{color: #999; font-size: 12px}	
.review_box .list  ul li .admin_div{padding:5px 0px 5px 10px; clear: both; border-top:1px dotted #999;}
.review_box .list  ul li .admin_div .admin_div_title{padding-bottom: 5px; color:#fff; font-weight: bold; padding-top: 5px;}
.review_box .list  ul li .admin_div .admin_div_title span{border-radius:60px; background-color:#ff7065; padding:2px 5px; font-size: 14px;}
.review_box .list  ul li .admin_div .admin_div_txt {word-wrap: break-word;word-break: break-all; font-size: 14px;}
}


	
/**** �� �뺣낫 : pc ****/

@media only all and (min-width:769px) {
.myinfo_box{ width: 100%;  float:left; text-align: center; overflow: hidden; margin-top: 30px}
.myinfo_box .photo_box{display: inline-block; vertical-align: middle; width: 260px; height: 260px; border-radius: 300px; position: relative; }
.myinfo_box .photo_box .img_me{ height: 260px; border-radius: 300px; position: relative; overflow:hidden; border: 1px solid #e4e4e4;}
.myinfo_box .photo_box .img_me img{ width: 100%; height: auto}
.myinfo_box .photo_box .icon { position: absolute; bottom: 0px; right: 0px; z-index: 9 }
.myinfo_box .photo_box .icon img{  width: 80px; }
.img_info{position: relative; padding-top: 65%; overflow: hidden; text-align: center;}
.img_info #img_main{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto;}
.img_info .img_upload_div{position: absolute; top:20px; right: 20px; text-align: right;}
.img_info .img_upload_div #select_controll{opacity:0;position:absolute;width: 60%;right: 0px;}
.img_info .img_upload_div #img_upload{width: 60%;}
.img_info #img_thumbnail{position: absolute; bottom: 0px; background-color:rgba(0, 0, 0, 0.2); width: 100%; text-align: center;}
#img_thumbnail img{padding: 10px 5px; width: 91px; height: 91px;}
}
/****  �� �뺣낫   : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.myinfo_box{ width: 100%;  float:left; text-align: center; overflow: hidden; margin-top: 20px}
.myinfo_box .photo_box{display: inline-block; vertical-align: middle; width: 200px; height: 200px; border-radius: 300px; position: relative; }
.myinfo_box .photo_box .img_me{ width: 200px; height: 200px; border-radius: 300px; position: relative; overflow:hidden; border: 1px solid #e4e4e4;}
.myinfo_box .photo_box .img_me img{ width: 100%; height: auto}
.myinfo_box .photo_box .icon { position: absolute; bottom: 0px; right: 0px; z-index: 9 }
.myinfo_box .photo_box .icon img{  width: 70px; }

.img_info{position: relative; padding-top: 65%; overflow: hidden; text-align: center;}
.img_info #img_main{position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;}
.img_info .img_upload_div{position: absolute; top:10px; right: 10px; text-align: right;}
.img_info .img_upload_div #select_controll{opacity:0;position:absolute;width: 50%; right: 0px;}
.img_info .img_upload_div #img_upload{width: 50%;}
.img_info #img_thumbnail{position: absolute; bottom: 0px; background-color:rgba(0, 0, 0, 0.2); width: 100%; text-align: center;}
#img_thumbnail img{padding: 10px 5px; width: 45px; height: 45px;}
}


	
/**** �� �뺣낫 : pc ****/

@media only all and (min-width:769px) {
.myinfo_box2{ width: 100%;  float:left; }
.myinfo_box2 .input_st1_box{ width: 100%;  float:left; border: 1px solid #ddd; margin-top: -1px}
.myinfo_box2 .input_st1_box .l_dox{ width: 20%;  float:left; font-size: 18px; color: #999; height: 60px; line-height: 60px; padding-left: 20px; box-sizing: border-box }
.myinfo_box2 .input_st1_box .r_dox{ width: 80%;  float:left; color: #666; height: 60px; line-height: 60px }

.myinfo_box2 .input_st1_box .r_dox p{ width: calc(100% - 20px);  float:left; color: #333; height: 60px; line-height: 60px;  padding-left: 20px; font-size: 18px; }
.myinfo_box2 .input_st1_box .r_dox input{ width: 80%;  float:left; border: none;  }
.myinfo_box2 .input_st2_box{ width: 100%;  float:left;  margin-top: -1px}
.myinfo_box2 .input_st2_box .l_dox{ width: 100px;  float:left; font-size: 18px; color: #999; height: 60px; line-height: 60px; padding-left: 20px; box-sizing: border-box }
.myinfo_box2 .input_st2_box .r_dox{ width: calc(100% - 100px);;  float:left; color: #666; height: 60px; line-height: 60px }

.myinfo_box2 .input_st1_box_1{ width: 100%;  float:left; border: 1px solid #ddd; margin-top: -1px}
.myinfo_box2 .input_st1_box_1 .l_dox{ width: 20%;  float:left; font-size: 18px; color: #999; height: 60px; line-height: 60px; padding-left: 20px; box-sizing: border-box }
.myinfo_box2 .input_st1_box_1 .r_dox{ width: 30%;  float:left; color: #666; height: 60px; line-height: 60px }
.myinfo_box2 .input_st1_box_1 .r_dox p{ width: calc(100% - 20px);  float:left; color: #333; height: 60px; line-height: 60px;  padding-left: 20px; font-size: 18px; }

}
/****  �� �뺣낫   : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.myinfo_box2{ width: 100%;  float:left; }
.myinfo_box2 .input_st1_box{ width: 100%;  float:left; border: 1px solid #ddd; margin-top: -1px}
.myinfo_box2 .input_st1_box .l_dox{ width: 30%;  float:left; font-size: 14px; color: #999; height: 45px; line-height: 45px; padding-left: 15px; box-sizing: border-box }
.myinfo_box2 .input_st1_box .r_dox{ width: 70%;  float:left; color: #666; height: 45px; line-height: 45px }

.myinfo_box2 .input_st1_box .r_dox p{ width: calc(100% - 15px);  float:left; color: #333; height: 45px; line-height: 45px;  padding-left: 15px; font-size: 14px; }
.myinfo_box2 .input_st1_box .r_dox input{ width:100%;  float:left; border: none; height: 45px; line-height: 45px; }
.myinfo_box2 .input_st2_box{ width: 100%;  float:left;  margin-top: -1px}
.myinfo_box2 .input_st2_box .l_dox{ width: 100px;  float:left; font-size: 14px; color: #999; height: 45px; line-height: 45px; padding-left: 15px; box-sizing: border-box }
.myinfo_box2 .input_st2_box .r_dox{ width: calc(100% - 100px);;  float:left; color: #666; height: 45px; line-height: 45px }

.myinfo_box2 .input_st1_box_1{ width: 100%;  float:left; border: 1px solid #ddd; margin-top: -1px; border-bottom: 0px}
.myinfo_box2 .input_st1_box_1 .l_dox{ width: 30%;  float:left; font-size: 14px; color: #999; height: 45px; line-height: 45px; padding-left: 15px; box-sizing: border-box;  border-bottom: 1px solid #ddd;}
.myinfo_box2 .input_st1_box_1 .r_dox{width: 70%;  float:left; color: #666; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd;}
.myinfo_box2 .input_st1_box_1 .r_dox p{ width: calc(100% - 15px);  float:left; color: #333; height: 45px; line-height: 45px;  padding-left: 15px; font-size: 14px; }

}




/**** ��由ъ＜遺� 李얘린 : pc ****/

@media only all and (min-width:769px) {
.search_btn{ width: 100%;  float:left; text-align: center; overflow: hidden; margin-top: 20px}
.search_btn a{ max-width: 380px;  padding: 5px 80px; background-color: #ff7065; display: inline-block; vertical-align: middle; color: #fff; font-size: 18px;}
.search_btn a:hover{ background-color:  #ea4639;}	
.search_list{ width: 100%;  float:left;border-top: 1px solid #dcdcdc; }	
.search_list ul li{ width: 100%;  float:left; padding: 20px 10px 40px 10px; border-bottom: 1px solid #dcdcdc; position: relative; box-sizing: border-box}
.search_list ul li .fl{ width: 50%;  float:left; position: relative}	
.search_list ul li .fl .profile{  width: 100%;  float:left; position: relative; height: 80px}
.search_list ul li .fl .profile .photo{  width: 80px; height: 80px; float:left;  border-radius: 100px; overflow: hidden; position: absolute; left: 0px; top: 0px}
.search_list ul li .fl .profile .photo img{  width: 100%; }
.search_list  ul li .fl .profile .name{  width:  auto;position: absolute; left: 100px; top:-7px; font-size:20px  ; color: #000}
.search_list  ul li .fl .profile .name p{  width:  auto; float: left; font-size:20px   color: #333; margin-right: 10px; font-weight: 500}
.search_list  ul li .fl .profile .name .nick{  width:  auto; float: left; font-size: 16px; color: #333; line-height: 18px ; margin-top: 5px}
.search_list  ul li .fl .profile .text{  width:  auto;position: absolute; left: 100px; top: 20px; font-size:16px ; color: #999}
.search_list  ul li .fl .profile .iconin{  width: 100%;position: absolute; left: 100px; top: 50px; }
.search_list  ul li .fl .profile .iconin .indiv{ float: left; margin-right: 0px;  width: 290px; margin-left: -20px}
.search_list  ul li .fl .profile .iconin .indiv .inon{  width: 20%;float: left; font-size: 13px; color: #333; text-align: center }	
.search_list  ul li .fl .profile .iconin .indiv .inoff{  width: 20%;float: left; font-size: 13px; color: #999; text-align: center  }	
		
.search_list  ul li .fl .textin{  width: 100%;  float:left;  font-size:16px ; color: #666}
.search_list  ul li .fl .img_box{  width: 100%;  float:left; margin-top: 10px  }
.search_list  ul li .fl .img_box img{  width: 115px;  float:left; margin-right: 5px  }
.search_list  ul li .fr .star{ width: 100%;  float:left; text-align: right; color: #999; font-size: 18px}
.search_list  ul li .fr .star i{ font-size:25px ; color: #fdc85b}	

}
/**** ��由ъ＜遺� 李얘린 : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.search_btn{ width: 100%;  float:left; text-align: center; overflow: hidden;; display: none}
.search_btn a{ max-width: 380px;  float:left; padding: 5px 0px; background-color: #ff7065; display: inline-block; vertical-align: middle; color: #fff ; font-size: 18px; display: none}
.search_list { width: 100%;  float:left;}	
.search_list  ul li{ width: 100%;  float:left; padding: 10px 10px; height: 120px; border-bottom: 1px solid #dcdcdc; position: relative; box-sizing: border-box}
.search_list  ul li .fl{ width: 100%;  float:left; position: relative}	
.search_list  ul li .fl .profile{  width: 100%;  float:left; position: relative; height: 60px}
.search_list  ul li .fl .profile .photo{  width: 50px; height: 50px; float:left;  border-radius: 100px; overflow: hidden; position: absolute; left: 0px; top: 0px}
.search_list  ul li .fl .profile .photo img{  width: 100%; }
.search_list  ul li .fl .profile .name{  width:  auto;position: absolute; left: 60px; top: 0px; font-size:16px  ; color: #000}
.search_list  ul li .fl .profile .name p{  width:  auto; float: left; font-size:16px ; color: #333; margin-right: 5px; font-weight: 500}
.search_list  ul li .fl .profile .name .nick{  width:  auto; float: left; font-size: 14px; color: #333; line-height: 16px ; margin-top: 5px}
	
.search_list  ul li .fl .profile .text{  width: calc(100% - 60px);position: absolute; left: 60px; top: 25px; font-size:14px ; color: #999}
	
.search_list  ul li .fl .profile .iconin{  width: calc(100% - 78px);position: absolute; left: 78px; top: 50px; }
.search_list  ul li .fl .profile .iconin .indiv{ float: left; margin-right: 0px;  width: 100%; margin-left: -20px}
.search_list  ul li .fl .profile .iconin .indiv .inon{  float: left; font-size: 12px; color: #333; text-align: center; margin-right: 5px }
.search_list  ul li .fl .profile .iconin .indiv .inon img{  width: 25px;}	
.search_list  ul li .fl .profile .iconin .indiv .inoff{  float: left; font-size: 12px; color: #999; text-align: center ; margin-right: 5px  }	
.search_list  ul li .fl .profile .iconin .indiv .inoff img{  width: 25px;}		

.search_list  ul li .fl .textin{  width: 100%;  float:left;  font-size:14px ; color: #666}
.search_list  ul li .fl .img_box{  width: 100%;  float:left; margin-top: 10px  }
.search_list  ul li .fl .img_box img{  width:  calc(25% - 5px);;  float:left; margin-right: 5px  }
	
.search_list  ul li .fr { position: absolute;  right: 10px; top: 15px; color: #999; font-size: 12px; text-align: right}	
	
.search_list  ul li .fr .star{   float:left;  }
.search_list  ul li .fr .star i{ font-size:18px !important; color: #fdc85b}

}


	

	
/**** 留덉씠�섏씠吏� 二쇰Ц�댁뿭 : pc ****/

@media only all and (min-width:769px) {

.order_list{ width: 100%;  float:left;}	
.order_list ul { width: 100%;  float:left; border-top: 1px solid #dcdcdc; }
.order_list ul li{ width: 100%;  float:left; padding: 20px 10px; height: 200px; border-bottom: 1px solid #dcdcdc; position: relative; box-sizing: border-box}
.order_list ul li .fl{ width:100%;  float:left; position: relative}	
.order_list ul li .fl .photo{  width: 65px; height: 65px; float:left;  border-radius: 100px; overflow: hidden; position: absolute; left: 0px; }
.order_list ul li .fl .photo img{  width: 100%; }
.order_list ul li .fl .photo_bottonicon{  position: absolute; left: 7px; top: 70px; border: 1px solid #333; border-radius: 50px; padding: 2px 5px; color: #333; font-size: 11px; line-height: 11px}
	
.order_list ul li .fl .orderin{  width: 100%;  float:left; position: relative; height: 80px; left: 80px; top: 0px;}

.order_list ul li .fl .orderin .cate{float:left;  font-size:11px  ; color: #fff; font-weight: bold;}
.catebg1{ font-size:11px  ; color: #fff; border-radius: 50px; background-color:  rgb(0, 162, 181); padding: 2px 15px;}
.catebg2{ font-size:11px  ; color: #fff; border-radius: 50px; background-color: #f1b136; padding: 2px 15px }
	
.order_list ul li .fl .orderin .cate2{ width: 100%; float:left;  font-size:16px  ; color: #444; }	
.order_list ul li .fl .orderin .name{ width: 100%; float:left;  font-size:22px  ; color: #000; font-weight: 500}
.order_list ul li .fl .orderin .text{  width: 100%; float:left;  font-size:16px ; color: #999}
	
.order_list ul li .fl .orderin2{  width: 100%;  float:left; position: relative; height: 40px; left: 80px; top: 30px;}
	
.order_list ul li .fl .orderin2 .btn{ width: 100%; float:left;  }
.order_list ul li .fl .orderin2 .btn a.btnst1{ float:left; padding: 10px 20px; color: #fff; font-size: 14px; background-color: #ff7065; margin-right: 10px  }
.order_list ul li .fl .orderin2 .btn a.btnst2{ float:left; padding: 10px 20px; color: #666; font-size: 14px; background-color: #dcdcdc }
.order_list ul li .fl .orderin2 .btn a.btnst3{ float:left; padding: 10px 20px; color: #fff; font-size: 14px; background-color: #222222 }
.order_list ul li .fl .orderin2 .btn a.btnst4{ float:left; padding: 10px 20px; color: #fff; font-size: 14px; background-color: #00a651; margin-right: 10px }

.order_list ul li .fr{ position: absolute; right: 0px; width: 40%; top: 20px }	
.order_list ul li .fr .tx1{ width: 100%; float:left; text-align: right;  color: #999999; font-size: 16px; }
.order_list ul li .fr .tx2{ width: 100%; float:left;  text-align: right; color: #666; font-size: 16px; }
.order_list ul li .fr .tx2 em{ color: #ff7065; }
.order_list ul li .fr .tx3{ width: 100%; float:left; text-align: right; font-size: 16px; }
.tx3_color1{ color: #ed2f21;  }
.tx3_color2{ color: #08bd98;  }
.tx3_color3{ color: #ff7065;  }
.tx3_color4{ color: #bf9000;  }
.tx3_color5{ color: #000;  }
	
.order_list ul li .fr .price{ position: absolute; top: 70px;  width: 100%;  text-align: right; float: left; color: #333; font-size: 24px; font-weight: 700 }
.order_list ul li .fr .price em{color: #999; font-size: 16px; }
.order_list ul li .fr .calendar_btn{ position: absolute; top: 115px;  width: 100%;  text-align: right; }
.order_list ul li .fr .calendar_btn a{ padding: 10px 30px; color: #fff; font-size: 14px; background-color: #00a651;   }

.schedule_info_div{font-size: 20px;}
.schedule_info_div div:first-child{padding-top: 20px; padding-bottom: 30px;}
}
/**** 留덉씠�섏씠吏� 二쇰Ц�댁뿭   : 紐⑤컮�� ****/
@media only all and (max-width:768px) {

.order_list{ width: 100%;  float:left;}	
.order_list ul { width: 100%;  float:left; border-top: 1px solid #dcdcdc; }
.order_list ul li{ width: 100%;  float:left; padding: 10px 10px; height: 165px; border-bottom: 1px solid #dcdcdc; position: relative; box-sizing: border-box}
.order_list ul li .fl{ width:100%;  float:left; position: relative}	
.order_list ul li .fl .photo{  width: 65px; height: 65px; float:left;  border-radius: 100px; overflow: hidden; position: absolute; left: 0px; }
.order_list ul li .fl .photo img{  width: 100%; }
.order_list ul li .fl .photo_bottonicon{  position: absolute; left: 7px; top: 70px; border: 1px solid #333; border-radius: 50px; padding: 2px 5px; color: #333; font-size: 11px; line-height: 11px}
	
.order_list ul li .fl .orderin{  width:  calc(100% - 80px);  float:left; position: relative; height: 80px; left: 80px; top: 0px;}

.order_list ul li .fl .orderin .cate{float:left;  font-size:11px  ; color: #fff; font-weight: bold;}
.catebg1{  color: #fff; border-radius: 50px; background-color:  rgb(0, 162, 181); padding: 2px 15px;}
.catebg2{ color: #fff; border-radius: 50px; background-color: #f1b136; padding: 2px 15px }
	
.order_list ul li .fl .orderin .cate2{ width: 100%; float:left;  font-size:14px  ; color: #444; }	
.order_list ul li .fl .orderin .name{ width: 100%; float:left;  font-size:16px  ; color: #000; font-weight: 500}
.order_list ul li .fl .orderin .text{  width: 100%; float:left;  font-size:12px ; color: #999}
	
.order_list ul li .fl .orderin2{  width:  calc(100% - 80px);  float:left; position: relative; height: 40px; left: 80px; top: 20px;}
	
.order_list ul li .fl .orderin2 .btn{ width: 100%; float:left; margin-top:5px;  }
.order_list ul li .fl .orderin2 .btn a.btnst1{ float:left; padding: 7px 15px; color: #fff; font-size: 14px; background-color: #ff7065; margin-right: 5px  }
.order_list ul li .fl .orderin2 .btn a.btnst2{ float:left; padding: 7px 15px; color: #666; font-size: 14px; background-color: #dcdcdc }
.order_list ul li .fl .orderin2 .btn a.btnst3{ float:left; padding: 7px 15px; color: #fff; font-size: 14px; background-color: #222222 }
.order_list ul li .fl .orderin2 .btn a.btnst4{ float:left; padding: 7px 15px; color: #fff; font-size: 14px; background-color: #00a651; margin-right: 5px }

.order_list ul li .fr{ position: absolute; right: 15px; width: 40%; top: 10px }	
.order_list ul li .fr .tx1{ width: 100%; float:left; text-align: right;  color: #999999; font-size: 14px; }
.order_list ul li .fr .tx2{ width: 100%; float:left;  text-align: right; color: #666; font-size: 14px; }
.order_list ul li .fr .tx2 em{ color: #ff7065; }
.order_list ul li .fr .tx3{ width: 100%; float:left; text-align: right; font-size: 14px; }
.tx3_color1{ color: #ed2f21;  }
.tx3_color2{ color: #08bd98;  }
.tx3_color3{ color: #ff7065;  }
.tx3_color4{ color: #bf9000;  }
.tx3_color5{ color: #000;  }
	
.order_list ul li .fr .price{ position: absolute; top: 60px;  width: 100%;  text-align: right; float: left; color: #333; font-size: 16px; font-weight: 700 }
.order_list ul li .fr .price em{color: #999; font-size: 16px; }
.order_list ul li .fr .calendar_btn{ position: absolute; top: 105px;  width: 100%;  text-align: right; }
.order_list ul li .fr .calendar_btn a{ padding: 7px 20px; color: #fff; font-size: 14px; background-color: #00a651;   }

.schedule_info_div{font-size: 15px;}
.schedule_info_div div:first-child{padding-top: 10px; padding-bottom: 15px;}
}

/**** 二쇰Ц�댁뿭 �곸꽭蹂닿린: pc ****/

@media only all and (min-width:769px) {
.order_view{ width: 100%;  float:left; border: 1px solid #ddd; padding: 20px; box-sizing: border-box; position: relative}

/* new */
.order_view:after{display:block;content:'';clear:both;}
.order_view .profile-element{position: relative;width: 100%;}
.order_view .profile-element:after{display:block;content:'';clear:both;}
.order_view .profile-element .photo{}
.order_view .profile-element .photo img{width:75px;height:75px;border-radius:50%!important;vertical-align: middle;float:left;margin-right:10px}
.order_view .profile-element .profile-body {overflow: hidden}
.order_view .profile-element .profile-body .name {overflow: hidden}
.order_view .profile-element .profile-body .nm {/* float:left;margin-right:10px; */font-weight: bold}
.order_view .profile-element .profile-body .icon {/* float:left */}
.order_view .profile-element .profile-body .icon .iconin img{ margin-bottom: 4px;}
.order_view .profile-element .profile-body .nickname{display:inline-block;font-size:12px;font-weight: 400;text-align:center;border:1px solid #a285c4;border-radius: 50px;padding: 2px 10px;margin-left:5px;color: #a285c4;background-color:#fff}
.order_view .profile-element .profile-body .star-area{float:right;overflow: hidden}
.order_view .profile-element .profile-body .star-area:after{display:block;content:'';clear:both;}
.order_view .profile-element .profile-body .star {text-align: right;}
.order_view .profile-element .profile-body .star i{ color: #faba50; font-size: 28px; margin-left: -2px}
.order_view .profile-element .profile-body .text {text-align: right;}
.order_view .profile-element .profile-body .text .ext-txt {color:#FF0000}
.order_view .profile-element .profile-body .star_t {margin-top:-2px;}
.order_view .profile-element .profile-body .star_t em{color:#ff0000}
.order_view .memo-element{position: relative;width: 100%;margin:10px 0;}
.order_view .memo-element:after{display:block;content:'';clear:both;}

/* old */
.order_view .view1{ width: 100%;  float:left; position: relative; height:90px; }
.order_view .view1 .photo{ width: 65px; height: 65px; float:left;  border-radius: 100px; overflow: hidden; position: absolute; left: 0px; margin-right: 10px}
.order_view .view1 .photo img{ width: 100%;  }
.order_view .view1 .name{ width: 120px;  float:left;  position: absolute; left: 85px; top: 0px; font-size: 24px; color: #000; font-weight: 500}
.order_view .view1 .nickname{  float:left; padding: 2px 5px; border: 1px solid #a285c4; border-radius: 30px; color: #a285c4; position: absolute; left: 80px; top: 40px; font-size: 14px}
.order_view .view1 .icon{ float:left;  position: absolute; left:200px; top: 7px; text-align: center; font-size: 16px; color: #333}
.order_view .view1 .icon .iconin{ float:left;  text-align: center; font-size: 16px; color: #333;}
.order_view .view1 .icon .iconin img{ margin-bottom: 2px; width: 40px; }	
.order_view .view2{  position: absolute; right: 15px; top: 30px; width: 180px }
.order_view .view2 .star{ width: 100%; float: left; text-align:center}	
.order_view .view2 .star i{ color: #faba50; font-size: 30px; margin-left: -2px}	
.order_view .view2 .star i.off{ color: #ccc; font-size: 30px; margin-left: -2px }	
	
.order_view .view2 .star_t{ width: 100%; float: left; font-size: 18px; color: #666; text-align: center}	
.order_view .view2 .star_t em{  color: #ff0000}	

/* memo */
.order_view .view3{ width: 100%;  float:left; font-size: 18px; color: #333; margin-bottom: 20px; }

.order_view .view4{ width: 100%;  float:left;  box-sizing: border-box; border: 1px solid #ddd; background-color: #ededed; text-align: center; font-size: 26px; color: #333; margin-bottom: 20px; padding: 15px 30px}
.order_view .view4 em{   font-size: 26px; color: #ff7065; text-decoration: underline; line-height: 26px}

.order_view .view4_2{ width: 100%;  float:left;  box-sizing: border-box; text-align: center; font-size: 26px; color: #333; margin-bottom: 0px; padding: 15px 30px}
.order_view .view4_2 p{  font-size: 26px;  display: inline-block; vertical-align: middle; color: #333; }	
.order_view .view4_2 em{   font-size: 26px; color: #ff7065; text-decoration: underline; line-height: 26px}
.order_view .view4_2 .tx1{   font-size: 18px; color: #999; }	
.order_view .view4_2 i{   display: inline-block; vertical-align: middle;  font-size: 40px !important; color: #333;line-height: 26px; margin-top: 5px}	

	
.order_view .view5{ width: 100%;  float:left; text-align: center; padding: 10px 0px}
.order_view .view5 a{ padding: 10px 30px; border-radius: 40px; background-color: #ff7065; color: #fff; font-size: 20px }
.order_view .view5 a.expensive{ padding: 10px 30px; border-radius: 40px; border:1px solid #666; background-color: #fff; color: #666; font-size: 20px}
.order_view .view5 a.alpha02 { opacity: 0.2; }
.order_view .view5 a.cancel{ padding: 10px 30px; border-radius: 40px; background-color: #333; color: #fff; font-size: 20px }

.order_view .view5_cancel{ width: 100%;  float:left; text-align: center; padding: 10px 0px}
.order_view .view5_cancel a{ padding: 10px 30px; border-radius: 6px; background-color: #333; color: #fff; font-size: 20px }
	
.order_view .view6{ width: 100%;  float:left;  box-sizing: border-box; border: 1px solid #ddd; background-color: #ededed; text-align: center; font-size: 18px; color: #333; margin-bottom: 10px; padding: 15px; position: relative; text-align: left}
.order_view .view6 .text { width: 40%;  float:left;  }
.order_view .view6 .btn_date { width: 40%;  float:right; text-align: right }
.order_view .view6 .btn_date a{background-color: #fff; color:#ff7065; border:1px solid #ff7065; padding: 5px 10px; font-size: 18px }

.order_view .view7{ width: 100%;  text-align: center; overflow: hidden; margin-top: 20px }
.order_view .view7 img{  width: 145px;}	
}

@media only all and (max-width:370px) {
.order_view{ width: 100%;  float:left; border: 1px solid #ddd; padding: 20px 10px; box-sizing: border-box; position: relative}

/* new */
.order_view:after{display:block;content:'';clear:both;}
.order_view .profile-element{position: relative;width: 100%;}
.order_view .profile-element:after{display:block;content:'';clear:both;}
.order_view .profile-element .photo{}
.order_view .profile-element .photo img{width:60px;height:60px;border-radius:50%!important;vertical-align: middle;float:left;margin-right:10px}
.order_view .profile-element .profile-body {overflow: hidden;font-size:14px;}
.order_view .profile-element .profile-body .name {overflow: hidden;}
.order_view .profile-element .profile-body .nm {font-weight: bold}
.order_view .profile-element .profile-body .icon {}
.order_view .profile-element .profile-body .icon .iconin img{ margin-bottom: 2px;width: 15px;}
.order_view .profile-element .profile-body .nickname{display:inline-block;font-size:11px;font-weight: 400;text-align:center;border:1px solid #a285c4;border-radius: 50px;padding: 1px 10px;margin-left:5px;color: #a285c4;background-color:#fff}
.order_view .profile-element .profile-body .star-area{float:right;overflow: hidden}
.order_view .profile-element .profile-body .star-area:after{display:block;content:'';clear:both;}
.order_view .profile-element .profile-body .star {text-align: right;}
.order_view .profile-element .profile-body .star i{color: #faba50;font-size: 18px;margin-left: -2px}
.order_view .profile-element .profile-body .text {text-align: right;}
.order_view .profile-element .profile-body .text .ext-txt {color:#FF0000}
.order_view .profile-element .profile-body .star_t {margin-top:-2px;}
.order_view .profile-element .profile-body .star_t em{color:#ff0000}
.order_view .memo-element{position: relative;width: 100%;margin:10px 0;font-size:14px;}
.order_view .memo-element:after{display:block;content:'';clear:both;}


/* old */
.order_view .view1{ width: 100%;  float:left; position: relative; height:auto;  }
.order_view .view1 .photo{ width: 50px; height: 50px; float:left;  border-radius: 100px; overflow: hidden; position: absolute; left: 0px; margin-right: 10px}
.order_view .view1 .photo img{ width: 100%;  }
.order_view .view1 .name{ width: 80px;  float:left;  position: absolute; left: 55px; top: 0px; font-size: 18px; color: #000; font-weight: 500}
.order_view .view1 .nickname{  float:left; padding: 2px 5px; border: 1px solid #a285c4; border-radius: 30px; color: #a285c4; position: absolute; left: 55px; top: 30px; font-size: 11px}
.order_view .view1 .icon{ float:left;  position: absolute; left:0px; top: 60px; text-align: center; font-size: 12px; color: #333; line-height: 27px;}
.order_view .view1 .icon .iconin{  float:left;  text-align: center; font-size: 12px; color: #333; }
.order_view .view1 .icon .iconin img{ margin-bottom: 2px; }	
.order_view .view2{  position: absolute; right: 0px; top: 25px; width: 130px }
.order_view .view2 .star{ width: 100%; float: left; text-align:center}	
.order_view .view2 .star i{ color: #faba50; font-size: 20px; margin-left: -2px}	
.order_view .view2 .star i.off{ color: #ccc; font-size: 20px; margin-left: -2px }	
	
.order_view .view2 .star_t{ width: 100%; float: left; font-size: 12px; color: #666; text-align: center}	
.order_view .view2 .star_t em{  color: #ff0000}	
	
.order_view .view3{ width: 100%;  float:left; font-size: 13px; color: #333; margin-bottom: 20px; margin-top:100px; }
.order_view .view4{ width: 100%;  float:left;  box-sizing: border-box; border: 1px solid #ddd; background-color: #ededed; text-align: center; font-size: 18px; color: #333; margin-bottom: 10px; padding: 10px 0px}
.order_view .view4 em{   font-size: 18px; color: #ff7065; text-decoration: underline; line-height: 20px}

.order_view .view4_2{ width: 100%;  float:left;  box-sizing: border-box; text-align: center; font-size: 26px; color: #333; margin-bottom: 0px; padding: 5px 0px}
.order_view .view4_2 p{  font-size: 16px;  display: inline-block; vertical-align: middle; color: #333; }	
.order_view .view4_2 em{   font-size: 16px; color: #ff7065; text-decoration: underline; line-height: 16px}
.order_view .view4_2 .tx1{   font-size: 14px; color: #999; }	
.order_view .view4_2 i{   display: inline-block; vertical-align: middle;  font-size: 30px !important; color: #333;line-height: 26px; margin-top: 5px}	
	
.order_view .view5{ width: 100%;  float:left; text-align: center; padding: 5px 0px}
.order_view .view5 a{ padding: 10px 30px; border-radius: 40px; background-color: #ff7065; color: #fff; font-size: 14px; display: inline-block; overflow: hidden; }
.order_view .view5 a.expensive{ padding: 10px 30px; border-radius: 40px; border:1px solid #666; background-color: #fff; color: #666; font-size: 14px; display: inline-block; }
.order_view .view5 a.alpha02 { opacity: 0.2; }
.order_view .view5 a.cancel{ padding: 10px 30px; border-radius: 40px; background-color: #333; color: #fff; font-size: 14px }

.order_view .view6{ width: 100%;  float:left;  box-sizing: border-box; border: 1px solid #ddd; background-color: #ededed; text-align: center; font-size: 14px; color: #333; margin-bottom: 10px; padding: 10px; position: relative; text-align: left}
.order_view .view6 .text { float:left;  }
.order_view .view6 .btn_date { position: absolute; right: 10px; top:18px}
.order_view .view6 .btn_date a{background-color: #fff; color:#ff7065; border:1px solid #ff7065; padding: 5px 10px; font-size: 14px; position:relative;}

	
.order_view .view7{ width: 100%;  text-align: center; overflow: hidden; }
.order_view .view7 img{  width: 80px;}	
}

/****  二쇰Ц�댁뿭 �곸꽭蹂닿린 : 紐⑤컮�� ****/
@media only all and (max-width:768px) and (min-width:369px) {
.order_view{ width: 100%;float: left;border: 1px solid #ddd; padding: 20px 10px; box-sizing: border-box; position: relative}

/* new */
.order_view:after{display:block;content:'';clear:both;}
.order_view .profile-element{position: relative;width: 100%;}
.order_view .profile-element:after{display:block;content:'';clear:both;}
.order_view .profile-element .photo{}
.order_view .profile-element .photo img{width:60px;height:60px;border-radius:50%!important;vertical-align: middle;float:left;margin-right:10px}
.order_view .profile-element .profile-body {overflow: hidden;font-size:14px;}
.order_view .profile-element .profile-body .name {overflow: hidden;}
.order_view .profile-element .profile-body .nm {font-weight: bold}
.order_view .profile-element .profile-body .icon {}
.order_view .profile-element .profile-body .icon .iconin img{ margin-bottom: 2px;width: 15px;}
.order_view .profile-element .profile-body .nickname{display:inline-block;font-size:11px;font-weight: 400;text-align:center;border:1px solid #a285c4;border-radius: 50px;padding: 1px 10px;margin-left:5px;color: #a285c4;background-color:#fff}
.order_view .profile-element .profile-body .star-area{float:right;overflow: hidden}
.order_view .profile-element .profile-body .star-area:after{display:block;content:'';clear:both;}
.order_view .profile-element .profile-body .star {text-align: right;}
.order_view .profile-element .profile-body .star i{color: #faba50;font-size: 18px;margin-left: -2px}
.order_view .profile-element .profile-body .text {text-align: right;}
.order_view .profile-element .profile-body .text .ext-txt {color:#FF0000}
.order_view .profile-element .profile-body .star_t {margin-top:-2px;}
.order_view .profile-element .profile-body .star_t em{color:#ff0000}
.order_view .memo-element{position: relative;width: 100%;margin:10px 0;font-size:14px;}
.order_view .memo-element:after{display:block;content:'';clear:both;}

/* old */
.order_view .view1{ width: 100%;  float:left; position: relative; height:auto;  }
.order_view .view1 .photo{ width: 50px; height: 50px; float:left;  border-radius: 100px; overflow: hidden; position: absolute; left: 0px; margin-right: 10px}
.order_view .view1 .photo img{ width: 100%;  }
.order_view .view1 .name{ width: 80px;  float:left;  position: absolute; left: 55px; top: 0px; font-size: 18px; color: #000; font-weight: 500}
.order_view .view1 .nickname{  float:left; padding: 2px 5px; border: 1px solid #a285c4; border-radius: 30px; color: #a285c4; position: absolute; left: 55px; top: 30px; font-size: 11px}
.order_view .view1 .icon{ float:left;  position: absolute; left:130px; top: 0px; text-align: center; font-size: 12px; color: #333; line-height: 27px;}
.order_view .view1 .icon .iconin{  float:left;  text-align: center; font-size: 12px; color: #333; }
.order_view .view1 .icon .iconin img{ margin-bottom: 2px; }	
.order_view .view2{  position: absolute; right: 0px; top: 25px; width: 130px }
.order_view .view2 .star{ width: 100%; float: left; text-align:center}	
.order_view .view2 .star i{ color: #faba50; font-size: 20px; margin-left: -2px}	
.order_view .view2 .star i.off{ color: #ccc; font-size: 20px; margin-left: -2px }	
	
.order_view .view2 .star_t{ width: 100%; float: left; font-size: 12px; color: #666; text-align: center}	
.order_view .view2 .star_t em{  color: #ff0000}	
	
.order_view .view3{ width: 100%;  float:left; font-size: 13px; color: #333; margin-bottom: 20px; margin-top:70px; }
.order_view .view4{ width: 100%;  float:left;  box-sizing: border-box; border: 1px solid #ddd; background-color: #ededed; text-align: center; font-size: 18px; color: #333; margin-bottom: 10px; padding: 10px 0px}
.order_view .view4 em{   font-size: 18px; color: #ff7065; text-decoration: underline; line-height: 20px}

.order_view .view4_2{ width: 100%;  float:left;  box-sizing: border-box; text-align: center; font-size: 26px; color: #333; margin-bottom: 0px; padding: 5px 0px}
.order_view .view4_2 p{  font-size: 16px;  display: inline-block; vertical-align: middle; color: #333; }	
.order_view .view4_2 em{   font-size: 16px; color: #ff7065; text-decoration: underline; line-height: 16px}
.order_view .view4_2 .tx1{   font-size: 14px; color: #999; }	
.order_view .view4_2 i{   display: inline-block; vertical-align: middle;  font-size: 30px !important; color: #333;line-height: 26px; margin-top: 5px}	
	
.order_view .view5{ width: 100%;  float:left; text-align: center; padding: 5px 0px}
.order_view .view5 a{ padding: 10px 30px; border-radius: 40px; background-color: #ff7065; color: #fff; font-size: 14px; display: inline-block; overflow: hidden; }
.order_view .view5 a.expensive{ padding: 10px 30px; border-radius: 40px; border:1px solid #666; background-color: #fff; color: #666; font-size: 14px; display: inline-block; }
.order_view .view5 a.alpha02 { opacity: 0.2; }
.order_view .view5 a.cancel{ padding: 10px 30px; border-radius: 40px; background-color: #333; color: #fff; font-size: 14px }

.order_view .view6{ width: 100%;  float:left;  box-sizing: border-box; border: 1px solid #ddd; background-color: #ededed; text-align: center; font-size: 14px; color: #333; margin-bottom: 10px; padding: 10px; position: relative; text-align: left}
.order_view .view6 .text {float:left;  }
.order_view .view6 .btn_date { position: absolute; right: 10px;}
.order_view .view6 .btn_date a{background-color: #fff; color:#ff7065; border:1px solid #ff7065; padding: 5px 10px; font-size: 14px;}

	
.order_view .view7{ width: 100%;  text-align: center; overflow: hidden; }
.order_view .view7 img{  width: 80px;}	
}

/**** 二쇰Ц�댁뿭 �곸꽭蹂닿린2 : pc ****/

@media only all and (min-width:769px) {
.order_view2{ width: 100%;  float:left; border: 1px solid #ddd; padding: 50px; box-sizing: border-box; position: relative}
.order_view2 .view1{ width: 100%;  float:left; position: relative; text-align: center; overflow: hidden; border-bottom: 1px solid #ddd}
.order_view2 .cate{  float:left;  font-size:11px  ; color: #fff; position: absolute; top: 25px; right: 25px  }
	
.order_view2 .view1 .tx1{ width: 100%;  float:left; position: relative; font-size:28px ; color: #ff7065; text-align: center; margin-bottom: 15px }
.order_view2 .view1 .tx2{  display: inline-block; vertical-align: middle; border-radius: 100px; width:95px; height: 95px; background-color: #ff7065; margin-bottom: 0px; color: #fff; font-size: 30px; text-align: center; line-height: 95px }
	
.order_view2 .view1 .tx3{ width: 100%; font-size:30px; color: #333; margin-bottom: 0px; font-weight: 500 }
.order_view2 .view1 .tx3 em{  color: #ff7065; }
.order_view2 .view1 .tx4{ width: 100%; font-size:20px; color: #666; margin-bottom: 20px }	
	
.order_view2 .view2{ width: 100%;  float:left; padding: 30px 0px 0px 0px }
.order_view2 .view2 .info_text{ width: 100%;  float:left; margin-bottom: 10px}
.order_view2 .view2 .info_text .t1{ width: 20%;  float:left; font-size: 18px; color: #999}
.order_view2 .view2 .info_text .t2{ width: 80%;  float:left; font-size: 18px; color: #333}

.order_view2 .view2 .info_text .t1_1{ width: 25%;  float:left; font-size: 18px; color: #999}
.order_view2 .view2 .info_text .t2_1{ width: 75%;  float:left; font-size: 18px; color: #333}
.order_view2 .view2 .info_text .t2_2{ width: 25%;  float:left; font-size: 18px; color: #333}
.order_view2 .view2 .info_text .t3{ width: 25%;  float:left; font-size: 18px; color: #999}
.order_view2 .view2 .info_text .t4{ width: 25%;  float:left; font-size: 18px; color: #333}
}
/****  二쇰Ц�댁뿭 �곸꽭蹂닿린 : 紐⑤컮�� ****/
@media only all and (max-width:768px) {

.order_view2{ width: 100%;  float:left; border: 1px solid #ddd; padding: 15px; box-sizing: border-box; position: relative}
.order_view2 .view1{ width: 100%;  float:left; position: relative; text-align: center; overflow: hidden; border-bottom: 1px solid #ddd}
.order_view2 .cate{  float:left;  font-size:11px  ; color: #fff; position: absolute; top: 25px; right: 25px  }
	
.order_view2 .view1 .tx1{ width: 100%;  float:left; position: relative; font-size:20px ; color: #ff7065; text-align: center; margin-bottom: 5px }
.order_view2 .view1 .tx2{  display: inline-block; vertical-align: middle; border-radius: 100px; width:65px; height: 65px; background-color: #ff7065; margin-bottom: 0px; color: #fff; font-size: 20px; text-align: center; line-height: 65px; font-weight: 500 }
	
.order_view2 .view1 .tx3{ width: 100%; font-size:20px; color: #333; margin-bottom: 0px; font-weight: 500 }
.order_view2 .view1 .tx4{ width: 100%; font-size:14px; color: #666; margin-bottom: 20px }	
	
.order_view2 .view2{ width: 100%;  float:left; padding: 15px 0px 0px 0px }
.order_view2 .view2 .info_text{ width: 100%;  float:left; margin-bottom: 10px}
.order_view2 .view2 .info_text .t1{ width: 30%;  float:left; font-size: 14px; color: #999}
.order_view2 .view2 .info_text .t2{ width: 70%;  float:left; font-size: 14px; color: #666}

.order_view2 .view2 .info_text .t1_1{ width: 25%;  float:left; font-size: 14px; color: #999}
.order_view2 .view2 .info_text .t2_1{ width: 75%;  float:left; font-size: 14px; color: #666}
.order_view2 .view2 .info_text .t2_2{ width: 25%;  float:left; font-size: 14px; color: #333}
.order_view2 .view2 .info_text .t3{ width: 25%;  float:left; font-size: 14px; color: #999}
.order_view2 .view2 .info_text .t4{ width: 25%;  float:left; font-size: 14px; color: #333}
}


/**** 二쇰Ц�댁뿭 �곸꽭蹂닿린2 : pc ****/

@media only all and (min-width:769px) {
.order_total1{ width: 100%;  float:left; }
.order_total1 .total_box1{ width: 100%;  float:left; padding: 20px 0px 20px 0px; box-sizing: border-box; border-bottom: 1px solid #ddd}
.order_total1 .total_box2{ width: 100%;  float:left; padding: 20px 15px; box-sizing: border-box; }
.order_total1 .total_box2 .fl_font{ width: 50%;  float:left; color: #999999; font-size: 20px }
.order_total1 .total_box2 .fr_font{ width: 50%;  float:left; color: #333; font-size: 24px; text-align: right; font-weight: 500 }
.order_total1 .ttx{ width: 100%;  float:left; color: #ff7065; font-size: 15px;padding: 0px 15px 20px 15px; }
}
/****  二쇰Ц�댁뿭 �곸꽭蹂닿린 : 紐⑤컮�� ****/
@media only all and (max-width:768px) {

.order_total1{ width: 100%;  float:left; }
.order_total1 .total_box1{ width: 100%;  float:left; padding: 20x 0px 20px 0px; box-sizing: border-box; border-bottom: 1px solid #ddd}
.order_total1 .total_box2{ width: 100%;  float:left; padding: 20px 0px; box-sizing: border-box; }
.order_total1 .total_box2 .fl_font{ width: 50%;  float:left; color: #999999; font-size: 14px }
.order_total1 .total_box2 .fr_font{ width: 50%;  float:left; color: #333; font-size: 18px; text-align: right; font-weight: 500 }
.order_total1 .ttx{ width: 100%;  float:left; color: #ff7065; font-size:13px;padding: 0px 0px 0px 0px; }
}



/**** 二쇰Ц�댁뿭 �곸꽭蹂닿린2 : pc ****/

@media only all and (min-width:769px) {
.order_total_top{ width: 100%;  float:left; }
.order_total_top .total_box1{ width: 100%;  float:left; font-size:24px; margin-bottom: 20px }
.order_total_top .total_box1 em{ color: #ff7065 }
}
/****  二쇰Ц�댁뿭 �곸꽭蹂닿린 : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.order_total_top{ width: 100%;  float:left; padding: 0px 0px; box-sizing: border-box; margin-top: 10px }
.order_total_top .total_box1{ width: 100%;  float:left; font-size:16px; margin-bottom: 10px }
.order_total_top .total_box1 em{ color: #ff7065 }
}




/**** 寃곗옱�댁뿭 : pc ****/

@media only all and (min-width:769px) {
.order_list_detail{ width: 100%;  float:left; }
.order_list_detail .search_box{ width: 100%;  float:left; background-color: #f4f4f4; padding: 10px; box-sizing: border-box; margin-top: 20px; border-bottom: 1px solid #ddd }
.order_list_detail .search_box .inbox{ width: 200px;  float:left; margin-right: 15px; background-color: #fff }	
	
.order_list_detail{ width: 100%;  float:left; }
.order_list_detail ul{ width: 100%;  float:left; }
.order_list_detail ul li{ width: 100%;  float:left; padding: 20px 15px; box-sizing: border-box; border-bottom: 1px solid #ddd}
.order_list_detail ul li .tx1{ width: 50%;  float:left; font-size:21px; font-weight: 500; color: #000  }
.order_list_detail ul li .tx1 em{ width: 100%;  float:left; font-size:16px; color: #999  }
.order_list_detail ul li .tx2{ width: 50%;  float:right; font-size:16px; font-weight: 500; color: #999;text-align:right;   }
.order_list_detail ul li .tx2 em{ font-size:21px; color: #333  }
	
.order_list_detail ul li .time_box{ width: 100%;  float:left; font-size:16px; font-weight: 500; color: #000 ; background-color: #eeeeee; padding: 15px; box-sizing: border-box ; margin-top: 20px}
.order_list_detail ul li .time_box .fl_text{ width: 50%;  float:left; font-size:16px;  color: #999 ; }
.order_list_detail ul li .time_box .fr_btn{ width: 50%;  float:left;  text-align:right; color: #999 }	
.order_list_detail ul li .time_box .fr_btn a{  padding: 5px 20px; border-radius: 6px; background-color: #ff7065; color: #fff; font-size: 14px}	
}
/****  寃곗옱�댁뿭 : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.order_list_detail{ width: 100%;  float:left; }
.order_list_detail .search_box{ width: 100%;  float:left; background-color: #f4f4f4; padding: 10px; box-sizing: border-box; margin-top: 0px; border-bottom: 1px solid #ddd}
.order_list_detail .search_box .inbox{ width: 150px;  float:left; margin-right: 15px; background-color: #fff }	
	
.order_list_detail{ width: 100%;  float:left; }
.order_list_detail ul{ width: 100%;  float:left; }
.order_list_detail ul li{ width: 100%;  float:left; padding: 10px 15px; box-sizing: border-box; border-bottom: 1px solid #ddd}
.order_list_detail ul li .tx1{ width: 50%;  float:left; font-size:16px; font-weight: 500; color: #000  }
.order_list_detail ul li .tx1 em{ width: 100%;  float:left; font-size:13px; color: #999  }
.order_list_detail ul li .tx2{ width: 50%;  float:right; font-size:13px; font-weight: 500; color: #999;text-align:right;   }
.order_list_detail ul li .tx2 em{ font-size:16px; color: #333  }
	
.order_list_detail ul li .time_box{ width: 100%;  float:left; font-size:16px; font-weight: 500; color: #000 ; background-color: #eeeeee; padding: 10px; box-sizing: border-box ; margin-top: 10px}
.order_list_detail ul li .time_box .fl_text{ width: 70%;  float:left; font-size:13px;  color: #999 ; }
.order_list_detail ul li .time_box .fr_btn{ width: 30%;  float:left;  text-align:right; color: #999 }	
.order_list_detail ul li .time_box .fr_btn a{  padding: 5px 20px; border-radius: 6px; background-color: #ff7065; color: #fff; font-size: 14px}	
}


/**** 二쇰Ц�댁뿭 �곸꽭蹂닿린2 : pc ****/

@media only all and (min-width:769px) {
.order_detail_ok1{ width: 100%;  float:left; box-sizing: border-box; border: 1px solid #ddd; padding: 30px; text-align: center; margin-bottom: 20px; margin-top: 30px}
.order_detail_ok1 .tx1{ width: 100%;  float:left; font-size: 14px; color: #666}
.order_detail_ok1 .tx2{ width: 100%;  float:left; font-size: 32px; color: #ff7065}

.order_detail_ok1_2{ width: 100%;  float:left; box-sizing: border-box; border: 1px solid #ddd; padding: 10px; text-align:left; margin-bottom: 10px; margin-top: -1px; padding:30px 30px}
.order_detail_ok1_2 .tx1{ width: 100%;  float:left; font-size: 24px; color: #333; font-weight: 500; margin-bottom: 10px}
.order_detail_ok1_2 .tx2{ width: 100%;  float:left; font-size: 20px; color: #ff7065; margin-bottom: 10px}
.order_detail_ok1_2 .tx3{ width: 100%;  float:left; font-size: 16px; color: #777777}	
	
.order_detail_ok2{ width: 100%;  float:left; box-sizing: border-box; border: 1px solid #ddd; padding: 30px 20px; }
.order_detail_ok2 .tx1{ width: 100%;  float:left; font-size: 24px; margin-bottom: 20px; color: #000; padding: 0px 10px;}	
.tb_sz1{ width: 20%;}
.tb_sz2{ width: 100px;}
.tb_sz3{ width: 60%;}
.tb_sz4{ width: 120px;}
.tb_sz5{ width: 60%;}
}
/****  二쇰Ц�댁뿭 �곸꽭蹂닿린 : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.order_detail_ok1{ width: 100%;  float:left; box-sizing: border-box; border: 1px solid #ddd; padding: 10px; text-align: center; margin-bottom: 10px; margin-top: -1px}
.order_detail_ok1 .tx1{ width: 100%;  float:left; font-size: 14px; color: #666}
.order_detail_ok1 .tx2{ width: 100%;  float:left; font-size: 26px; color: #ff7065}

.order_detail_ok1_2{ width: 100%;  float:left; box-sizing: border-box; border: 1px solid #ddd; padding: 10px; text-align:left; margin-bottom: 10px; margin-top: -1px; padding: 20px 15px}
.order_detail_ok1_2 .tx1{ width: 100%;  float:left; font-size: 16px; color: #666; font-weight: 500}
.order_detail_ok1_2 .tx2{ width: 100%;  float:left; font-size: 16px; color: #ff7065}
.order_detail_ok1_2 .tx3{ width: 100%;  float:left; font-size: 13px; color: #777777}	
	
.order_detail_ok2{ width: 100%;  float:left; box-sizing: border-box; padding: 15px; background: 26px;  border-bottom: 10px solid #eee; }
.order_detail_ok2 .tx1{ width: 100%;  float:left; font-size: 16px; margin-bottom: 16px; color: #000; padding: 0px 0px;}	
.tb_sz1{ width: 20%;}
.tb_sz2{ width: 100px;}
.tb_sz3{ width: 60%;}
.tb_sz4{ width: 150px;}
.tb_sz5{ width: 50%;}
}


/**** 二쇰Ц�댁뿭 �곸꽭蹂닿린2 : pc ****/

@media only all and (min-width:1301px) {
.card_up{ width: 100%;  float:left; box-sizing: border-box; border: 1px solid #ddd; padding: 50px; text-align: center; background-color: #f4f4f4; }
.card_up .text_box{ width: 100%;  float:left; text-align: center; font-size: 26px; color: #333; margin-bottom: 30px; line-height: 28px}
.card_up .img_box{ width: 100%;  float:left; text-align: center;; padding: 0px 30px; margin-bottom: 30px}
.card_up .img_box .img1{  float:left; width:50%; text-align: center; position: relative }	
.card_up .img_box .img1 img{ max-width:390px;   }
.card_up .img_box .img1 .img{ width: 100%;  float:left; position: relative }
.card_up .img_box .img1 .img img{ width:390px;margin-top:-5px;}
.card_up .img_box .img1 .img .bank_name{ position: absolute; top: 17%; left: 12%; font-size: 40px; color: #fff;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.card_up .img_box .img1 .img .bank_um{ position: absolute; bottom: 13%; left: 12%; font-size: 40px; color: #fff ;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);;  }
.card_up .img_box .img1 .img .star_icon_off{  position: absolute; top: 5px; right: 50px }	
.card_up .img_box .img1 .img .star_icon_off img{ width: 60px  }	
.card_up .img_box .img1 .img .star_icon_on{  position: absolute; top:  5px; ; right: 50px }	
.card_up .img_box .img1 .img .star_icon_on img{ width: 60px  }	
	
.card_up .img_box .img1 .btn_newup{ width: 100%;  float:left; text-align: center; margin-top: 50px }
.card_up .img_box .img1 .btn_newup a{ padding: 15px 30px; border: 1px solid #f85b4d; color: #f85b4d; background-color: #fff; font-size: 26px; font-weight: 500}
	
.card_up .img_box .img2{  float:left; width:50%;text-align: center  }	
.card_up .img_box .img2 img{ max-width:390px;  width: 100% }
.card_up2{ width: 100%;  float:left; box-sizing: border-box; text-align: center; margin-bottom: 30px; margin-top: 10px }
		
.card_up2 .ch_box{ width: 100%; float:left; font-size: 14px; color: #222;   border-bottom: 1px solid #e3e3e3; padding: 20px 0px; margin-bottom: 10px;}
.card_up2 .ch_box p{ width: auto; float:left; font-size: 16px; color: #222; line-height: 20px; margin-left: 10px }
	
.card_up3{ width: 100%;  float:left; }
.card_up3 .title{ width: 100%;  float:left; font-size: 20px; color: #000; font-weight: 500; margin-bottom: 10px }

.card_up3 ul li{ width: 100%;  float:left; font-size: 16px; color: #999;  padding-left: 15px; background: url(../_img/com/dot.gif); background-repeat: no-repeat; background-position: left 5px}

	}
/**** �뚮툝由� ****/
@media all and (max-width:1300px) and (min-width:769px) {
.card_up{ width: 100%;  float:left; box-sizing: border-box; border: 1px solid #ddd; padding: 30px; text-align: center; background-color: #f4f4f4; }
.card_up .text_box{ width: 100%;  float:left; text-align: center; font-size: 20px; color: #333; margin-bottom: 30px; line-height: 28px}
.card_up .img_box{ width: 100%;  float:left; text-align: center;; padding: 0px 0px; margin-bottom: 30px}
.card_up .img_box .img1{  float:left; width:50%; text-align: center; position: relative;   }	
.card_up .img_box .img1 img{ max-width:300px;   }
.card_up .img_box .img1 .img{ width:300px; position: relative; display: inline-block; vertical-align: middle; }
.card_up .img_box .img1 .img img{ width:300px;}
.card_up .img_box .img1 .img .bank_name{ position: absolute; top: 17%; left: 10%; font-size: 30px; color: #fff;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.card_up .img_box .img1 .img .bank_um{ position: absolute; bottom: 13%; left: 10%; font-size: 30px; color: #fff ;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);;  }
.card_up .img_box .img1 .img .star_icon_off{  position: absolute; top: 5px; right: 23px }	
.card_up .img_box .img1 .img .star_icon_off img{ width: 40px  }	
.card_up .img_box .img1 .img .star_icon_on{  position: absolute; top:  5px; ; right: 23px }	
.card_up .img_box .img1 .img .star_icon_on img{ width: 40px  }	
	
.card_up .img_box .img1 .btn_newup{ width: 100%;  float:left; text-align: center; margin-top: 50px }
.card_up .img_box .img1 .btn_newup a{ padding: 10px 20px; border: 1px solid #f85b4d; color: #f85b4d; background-color: #fff; font-size: 20px; font-weight: 500}
	
.card_up .img_box .img2{  float:left; width:50%;text-align: center  }	
.card_up .img_box .img2 img{ max-width:390px;  width: 100% }
.card_up2{ width: 100%;  float:left; box-sizing: border-box; text-align: center; margin-bottom: 30px; margin-top: 10px }
		
.card_up2 .ch_box{ width: 100%; float:left; font-size: 14px; color: #222;   border-bottom: 1px solid #e3e3e3; padding: 20px 0px; margin-bottom: 10px;}
.card_up2 .ch_box p{ width: auto; float:left; font-size: 16px; color: #222; line-height: 20px; margin-left: 10px }
	
.card_up3{ width: 100%;  float:left; }
.card_up3 .title{ width: 100%;  float:left; font-size: 20px; color: #000; font-weight: 500; margin-bottom: 10px }

.card_up3 ul li{ width: 100%;  float:left; font-size: 16px; color: #999;  padding-left: 15px; background: url(../_img/com/dot.gif); background-repeat: no-repeat; background-position: left 5px}
}
/****  二쇰Ц�댁뿭 �곸꽭蹂닿린 : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.card_up{ width: 100%;  float:left; box-sizing: border-box; border: 1px solid #ddd; padding:20px 10px; text-align: center; background-color: #f4f4f4;  margin-top: -20px}
.card_up .text_box{ width: 100%;  float:left; text-align: center; font-size: 16px; color: #333; margin-bottom: 10px; line-height: 20px}
.card_up .img_box{ width: 100%;  float:left; text-align: center;;  margin-bottom: 10px}
.card_up .img_box .img1{  float:left; width:50%; text-align: center; position: relative; padding: 0px 10px   }	
.card_up .img_box .img1 img{width:100%; }
.card_up .img_box .img1 .img{ width:100%; position: relative; display: inline-block; vertical-align: middle; }
.card_up .img_box .img1 .img img{ width:98%;}
.card_up .img_box .img1 .img .bank_name{ position: absolute; top: 17%; left: 10%; font-size: 14px; color: #fff;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.card_up .img_box .img1 .img .bank_um{ position: absolute; bottom: 13%; left: 10%; font-size: 14px; color: #fff ;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);;  }
.card_up .img_box .img1 .img .star_icon_off{  position: absolute; top: 0px; left:70% }	
.card_up .img_box .img1 .img .star_icon_off img{ width: 40%   }	
.card_up .img_box .img1 .img .star_icon_on{  position: absolute; top:  0px; left: 70%}	
.card_up .img_box .img1 .img .star_icon_on img{ width: 40%  }	
	
.card_up .img_box .img1 .btn_newup{ width: 100%;  float:left; text-align: center; margin-top: 30px }
.card_up .img_box .img1 .btn_newup a{ padding: 7px 10px; border: 1px solid #f85b4d; color: #f85b4d; background-color: #fff; font-size: 14px; font-weight: 500}
	
.card_up2{ width: 100%;  float:left; box-sizing: border-box; text-align: center; margin-bottom: 30px; margin-top: 10px }
		
.card_up2 .ch_box{ width: 100%; float:left; font-size: 12px; color: #222;   border-bottom: 1px solid #e3e3e3; padding:0px 0px 20px 0px; margin-bottom: 0px !important;}
.card_up2 .ch_box p{ width: auto; float:left; font-size: 14px; color: #222; line-height: 20px; margin-left: 10px }
	
.card_up3{ width: 100%;  float:left; margin-top: -40px }
.card_up3 .title{ width: 100%;  float:left; font-size: 18px; color: #000; font-weight: 500; margin-bottom: 10px }

.card_up3 ul li{ width: 100%;  float:left; font-size: 13px; color: #999;  padding-left: 15px; background: url(../_img/com/dot.gif); background-repeat: no-repeat; background-position: left 5px; box-sizing: border-box }
}



/**** 二쇰Ц�댁뿭 �곸꽭蹂닿린2 : pc ****/

@media only all and (min-width:769px) {
.coupon_up{ width: 100%;  float:left; box-sizing: border-box; border: 1px solid #ddd; padding: 30px; text-align: center; background-color: #f4f4f4; }
.coupon_up .inputbox{ width: 100%;  float:left; }
.coupon_up .infotext{ width: 100%;  float:left; font-size: 20px; color: #000; font-weight: 500; margin-bottom: 10px; margin-top: 20px }
.coupon_up .infotext .title{ width: 100%;  float:left; font-size: 18px; color: #000; text-align: left; margin-bottom: 10px }
.coupon_up .infotext ul li{ width: 100%;  float:left; font-size: 15px; color: #666;  padding-left: 15px; background: url(../_img/com/dot2.png); background-repeat: no-repeat; background-position: left 7px; background-size: 8px;  box-sizing: border-box; text-align: left }

	}
/****  二쇰Ц�댁뿭 �곸꽭蹂닿린 : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.coupon_up{ width: 100%;  float:left; box-sizing: border-box; border: 1px solid #ddd; padding: 10px; text-align: center; background-color: #f4f4f4; }
.coupon_up .inputbox{ width: 100%;  float:left; }
.coupon_up .infotext{ width: 100%;  float:left; font-size: 20px; color: #000; font-weight: 500; margin-bottom: 10px; margin-top: 0px }
.coupon_up .infotext .title{ width: 100%;  float:left; font-size: 16px; color: #000; text-align: left; margin-bottom: 10px }
.coupon_up .infotext ul li{ width: 100%;  float:left; font-size: 13px; color: #666;  padding-left: 15px; background: url(../_img/com/dot2.png); background-repeat: no-repeat; background-position: left 7px; background-size: 8px;  box-sizing: border-box; text-align: left }

}

/**** 荑좏룿�댁뿭 : pc ****/

@media only all and (min-width:769px) {
.coupon_detail{ width: 100%;  float:left; box-sizing: border-box; }
.coupon_detail .onbox{ width: 100%;  float:left; border: 1px solid #ddd; padding:20px 30px;margin-top: -1px  }
.coupon_detail .onbox .fl_box{ width: calc(100% - 110px);  float:left; text-align: left}
.coupon_detail .onbox .fl_box .tx1{ width: 100%;  float:left; color: #333; font-size:22px; margin-bottom: 5px}
.coupon_detail .onbox .fl_box .tx2{ width: 100%;  float:left; color: #999; font-size:18px}
.coupon_detail .onbox .fl_box .tx2 em{ color: #ff7065; }
.coupon_detail .onbox .fr_box{ width: 110px;  float:left; border-left: 1px solid #ddd; text-align: center;  display: table; height: 120px}
.coupon_detail .onbox .fr_box span{display: table-cell;  vertical-align: middle; color: #ff7065}
	
.coupon_detail .offbox{ width: 100%;  float:left; border: 1px solid #ddd; padding:20px 30px;margin-top: -1px  }
.coupon_detail .offbox .fl_box{ width: calc(100% - 110px);  float:left; text-align: left}
.coupon_detail .offbox .fl_box .tx1{ width: 100%;  float:left; color: #cccccc; font-size:22px; margin-bottom: 5px}
.coupon_detail .offbox .fl_box .tx2{ width: 100%;  float:left; color: #cccccc; font-size:18px}
.coupon_detail .offbox .fl_box .tx2 em{ color: #cccccc; }
.coupon_detail .offbox .fr_box{ width: 110px;  float:left; border-left: 1px solid #ddd; text-align: center;  display: table; height: 120px}
.coupon_detail .offbox .fr_box span{display: table-cell;  vertical-align: middle; color: #cccccc}
}
/****  荑좏룿�댁뿭�곸꽭蹂닿린 : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.coupon_detail{ width: 100%;  float:left; box-sizing: border-box; }
.coupon_detail .onbox{ width: 100%;  float:left; border: 1px solid #ddd; padding:15px;margin-top: -1px  }
.coupon_detail .onbox .fl_box{ width: calc(100% - 80px);  float:left; text-align: left}
.coupon_detail .onbox .fl_box .tx1{ width: 100%;  float:left; color: #333; font-size:16px; margin-bottom: 5px}
.coupon_detail .onbox .fl_box .tx2{ width: 100%;  float:left; color: #999; font-size:13px}
.coupon_detail .onbox .fl_box .tx2 em{ color: #ff7065; }
.coupon_detail .onbox .fr_box{ width: 80px;  float:left; border-left: 1px solid #ddd; text-align: center;  display: table; height: 90px}
.coupon_detail .onbox .fr_box span{display: table-cell;  vertical-align: middle; color: #ff7065; font-size:13px}
	
.coupon_detail .offbox{ width: 100%;  float:left; border: 1px solid #ddd; padding:15px;margin-top: -1px  }
.coupon_detail .offbox .fl_box{ width: calc(100% - 80px);  float:left; text-align: left}
.coupon_detail .offbox .fl_box .tx1{ width: 100%;  float:left; color: #ccc; font-size:16px; margin-bottom: 5px}
.coupon_detail .offbox .fl_box .tx2{ width: 100%;  float:left; color: #ccc; font-size:13px}
.coupon_detail .offbox .fl_box .tx2 em{ color: #ccc; }
.coupon_detail .offbox .fr_box{ width: 80px;  float:left; border-left: 1px solid #ddd; text-align: center;  display: table; height: 90px}
.coupon_detail .offbox .fr_box span{display: table-cell;  vertical-align: middle; color: #ccc; font-size:13px}

}


/**** 怨좉컼�� �뚮━ : pc ****/

@media only all and (min-width:769px) {
.cs_list_box{ width: 100%;  float:left; box-sizing: border-box; }
.cs_list_box ul{ width: 100%;  float:left; box-sizing: border-box; border-top: 1px solid #ddd; }
.cs_list_box ul li{ width: 100%;  float:left; box-sizing: border-box; border-bottom: 1px solid #ddd; padding: 15px 0px}
.cs_list_box ul li .tx1{ width: 100%;  float:left; font-size: 20px; color: #333; margin-bottom: 10px; font-weight: 500}
.cs_list_box ul li .tx2{ width: 100%;  float:left; font-size: 18px; color: #666; margin-bottom: 10px; }
.cs_list_box ul li .tx3{ width: 100%;  float:left; font-size: 18px; color: #666; margin-bottom: 10px; }
}
/****  怨좉컼�� �뚮━ : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.cs_list_box{ width: 100%;  float:left; box-sizing: border-box; }
.cs_list_box ul li{ width: 100%;  float:left; box-sizing: border-box; border-bottom: 1px solid #ddd; padding: 10px 15px}
.cs_list_box ul li .tx1{ width: 100%;  float:left; font-size: 16px; color: #333; margin-bottom: 10px; font-weight: 500}
.cs_list_box ul li .tx2{ width: 100%;  float:left; font-size: 14px; color: #666; margin-bottom: 10px; }
.cs_list_box ul li .tx3{ width: 100%;  float:left; font-size: 12px; color: #666; margin-bottom: 10px; }

}



/**** �쒕퉬�� �뚭컻 : pc ****/

@media only all and (min-width:769px) {
.service_info{ width: 100%;  float:left; box-sizing: border-box; }
.service_info .topimg{ width: 100%;  float:left; position: relative }
.service_info .topimg img{ width: 100%; }
.service_info .topimg .more_btn{ position: absolute; bottom: 30px; left: 30px}
.service_info .topimg .more_btn img{  width: 200px;}
	
.service_info .info_in{ width: 100%;  float:left; text-align: center; font-size:42px; margin-bottom: 10px ; position: relative; font-weight: 500 ; margin-bottom: 50px}
.service_info .info_in .line{ width: 30px; height: 3px; position: absolute; left: 50%; margin-left: -15px; top: 70px; background-color: #fb7666 }
	
.service_info .step{ width: 100%;  float:left; margin-bottom: 50px ; padding-bottom: 50px; border-bottom: 1px solid #ddd}
.service_info .step .inbox{ width: 120px;  float:left; height: 200px }
.service_info .step .inbox .img{ width: 100%;  float:left; text-align: center}
.service_info .step .inbox .img .umber{ width: 120px; float:left; height: 120px; border: 10px solid #ff7065; border-radius: 200px; text-align: center; margin-bottom: 10px; line-height: 100px; font-size: 40px; color: #ff7065; font-family: 'Lato', sans-serif;}
.service_info .step .inbox .img img{ width: 120px;  float:left; text-align: center; margin-bottom: 10px}
.service_info .step .inbox .text{ width: 100%;  float:left; text-align: center; font-size: 13px; color: #666; }
.service_info .step .sp{ width: 40px;  height: 200px; float:left; color: #999; text-align: center;}
.service_info .step .sp i{ color: #ccc; font-size: 40px; margin-top: 45px}
	
.service_info .service_text_view{ width: 100%;  float:left; position: relative; padding: 30px 20px; box-sizing: border-box  ;  border-bottom: 1px solid #ddd; margin-bottom: 30px}
.service_info .service_text_view .title{ width: 100%;  float:left;  font-size: 36px; font-weight: 500px; color: #333; margin-bottom: 20px }
.service_info .service_text_view .ttext{ width: 100%;  float:left;  font-size: 24px; font-weight: 500px; color: #999999; }

.service_info .service_manua_title{font-size: 35px; padding-top: 55px; font-weight: bold; padding-left: 40px;}
.service_info .service_manua_title .sub_title{font-size: 25px;}

.service_info .service_manual_li{padding:55px 0px;border-bottom: 1px solid #f7f7f7;}
.service_info .service_manual_li .service_manual_img_div{display: inline-block; padding: 0px 40px; vertical-align:top;}
.service_info .service_manual_li .service_manual_img_div .service_manual_img{width: 100px;}
.service_info .service_manual_li .service_manual_txt{display: inline-block; width: calc(100% - 180px); padding-left: 10px;}
.service_info .service_manual_li .service_manual_txt h3{font-size: 30px}
.service_info .service_manual_li .service_manual_txt ul{font-size: 25px}
.service_info .service_manual_li .service_manual_txt ul li.gray{color: #999;}
}
/****  �쒕퉬�� �뚭컻 : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.service_info{ width: 100%;  float:left; box-sizing: border-box; }
.service_info .topimg{ width: 100%;  float:left; position: relative }
.service_info .topimg img{ width: 100%; }
.service_info .topimg .more_btn{ position: absolute; bottom: 10px; left: 10px}
.service_info .topimg .more_btn img{  width: 80px;}
	
.service_info .info_in{ width: 100%;  float:left; text-align: center; font-size:25px; margin-bottom: 10px ; position: relative; font-weight: 500 ; margin-bottom: 20px}
.service_info .info_in .line{ width: 30px; height: 3px; position: absolute; left: 50%; margin-left: -15px; top: 50px; background-color: #fb7666 }
	
.service_info .step{ width: 100%;  float:left; margin-bottom: 20px ; padding-bottom: 20px; border-bottom: 1px solid #ddd; box-sizing: border-box;padding: 20px 15px 0px 15px}
.service_info .step .inbox{ width: 20%;  float:left; height: 130px }
.service_info .step .inbox .img{ width: 100%;  float:left; text-align: center}
	.service_info .step .inbox .img .umber{ width: 60px; float:left; height: 60px; border: 5px solid #ff7065; border-radius: 200px; text-align: center; margin-bottom: 10px; line-height: 50px; font-size: 20px; color: #ff7065; font-family: 'Lato', sans-serif;}
.service_info .step .inbox .img img{ width: 100%;  float:left; text-align: center; margin-bottom: 10px}
.service_info .step .inbox .text{ width: 100%;  float:left; text-align: center; font-size: 9px; color: #666; line-height: 12px }
.service_info .step .sp{ width: 15px;  height: 130px; float:left; color: #999; text-align: center;}
.service_info .step .sp i{ color: #ccc; font-size: 15px; margin-top: 20px}
	
.service_info .service_text_view{ width: 100%;  float:left; position: relative; box-sizing: border-box  ;  border-bottom: 1px solid #ddd; margin-bottom: 10px; padding: 20px 15px 0px 15px}
.service_info .service_text_view .title{ width: 100%;  float:left;  font-size: 18px; font-weight: 500px; color: #333; margin-bottom: 10px }
.service_info .service_text_view .ttext{ width: 100%;  float:left;  font-size: 14px;color: #999999; }

.service_info .service_manua_title{font-size: 23px; padding-top: 30px; font-weight: bold; padding-left: 20px;}
.service_info .service_manua_title .sub_title{font-size: 13px;}

.service_info .service_manual_li{padding:30px 0px;border-bottom: 1px solid #f7f7f7;}
.service_info .service_manual_li .service_manual_img_div{display: inline-block; padding: 0px 20px; vertical-align:top;}
.service_info .service_manual_li .service_manual_img_div .service_manual_img{width: 50px;}
.service_info .service_manual_li .service_manual_txt{display: inline-block; width: calc(100% - 90px); padding-left: 10px;}
.service_info .service_manual_li .service_manual_txt h3{font-size: 18px}
.service_info .service_manual_li .service_manual_txt ul{font-size: 13px}
.service_info .service_manual_li .service_manual_txt ul li.gray{color: #999;}
}




/**** �앹뾽 : pc ****/

@media only all and (min-width:769px) {
.popup_size1{width: 540px;   }
.popup_size2{width:1080px;   }
.popup_size3{width: 400px;   }
.popup_size4{width: 200px;   }
.popup_in_head{width: 100%;  float:left; height: 77px; text-align: center; background-color: #ff7065; color: #fff; position: relative; line-height: 77px; font-size: 26px }
.popup_in_body{width: 100%;  float:left;  }
.popup_in_body .add_search{width: 100%;  float:left; padding: 0px 15px; border-bottom: 1px solid #ddd}
.popup_in_body .add_search .fl_input{width:80%;  float:left; }
.popup_in_body .add_search .fl_input  input{ border: none;  }
.popup_in_body .add_search .fr_btn{width:20%;  float:left; text-align: right; padding: 20px 0px 0px 0px }
.popup_in_body .add_search .fr_btn a{width:100%; border-radius: 6px; color: #fff; background-color: #5ecfcd; font-size: 16px; padding: 10px 20px}
	
.popup_in_body .add_map{width: 100%;  float:left; position: relative; height:700px}
.popup_in_body .add_map .inmapsearch{width: 100%;  position: absolute; bottom: 30px; padding: 0px 15px }
.popup_in_body .add_map .inmapsearch .inbox{width: 100%;float:left;  border: 1px solid #ddd; background-color: #fff; padding: 10px}
.popup_in_body .add_map .inmapsearch .inbox .adr_t{width: 100%;float:left; font-size: 20px; color: #333; margin-bottom: 5px }
.popup_in_body .add_map .inmapsearch .inbox .adr_t i{float:left; margin-right: 10px; color: #ff7065}
.popup_in_body .add_map .inmapsearch .inbox .input_in{width: 100%;float:left;  }
.popup_in_body .add_map .inmapsearch .inbox .tx1{width: 100%;float:left; font-size: 16px; color: #ff7065; margin-bottom: 20px; padding: 5px 02px  }
.popup_in_body .add_map .inmapsearch .inbox a.btn{width: 100%;float:left;  background-color: #ff7065; color: #fff; font-size: 18px;  padding: 10px 0px; text-align: center}
	
.popup_photo {width: 100%;float:left; }	
.popup_photo img{width: 100%;float:left;margin-bottom: 20px }	

#info_layout img{height: 23px;}
#info-popup ol {counter-reset: section; padding-left: 45px; font-size: 20px; padding-top: 10px; padding-bottom: 10px;}
#info-popup ol li{line-height: 2.2em;}
#info-popup ol li:before {counter-increment: section; content: counters(section, ".") ". "; position: absolute;  left: 25px; color:#222; font-weight: bold;}
#info-popup ol li strong {color:#222;font-weight: bold;}
#info-popup ol li .main_color { color:#ff7065;}
}
/****  �앹뾽   : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.popup_size1{max-width: 540px;   }
.popup_size2{max-width:1080px;   }
.popup_size3{max-width: 400px;   }
.popup_size4{max-width: 200px;   }
.popup_in_head{width: 100%;  float:left; height: 45px; text-align: center; background-color: #ff7065; color: #fff; position: relative; 
font-size: 18px ;line-height: 45px }
.popup_in_body{width: 100%;  float:left;  }
.popup_in_body .add_search{width: 100%;  float:left; padding: 0px 15px; border-bottom: 1px solid #ddd}
.popup_in_body .add_search .fl_input{width:60%;  float:left; }
.popup_in_body .add_search .fl_input  input{ border: none;  }
.popup_in_body .add_search .fr_btn{width:40%;  float:left; text-align: right; padding: 10px 0px 0px 0px }
.popup_in_body .add_search .fr_btn a{ float:right;border-radius: 6px; color: #fff; background-color: #5ecfcd; font-size: 12px; padding: 5px 5px}
	
.popup_in_body .add_map{width: 100%;  float:left; position: relative; height:700px}
.popup_in_body .add_map .inmapsearch{width: 100%;  position: absolute; bottom: 30px; padding: 0px 15px ; z-index: 9999999999999999}
.popup_in_body .add_map .inmapsearch .inbox{width: 100%;float:left;  border: 1px solid #ddd; background-color: #fff; padding: 10px}
.popup_in_body .add_map .inmapsearch .inbox .adr_t{width: 100%;float:left; font-size: 14px; color: #333; margin-bottom: 5px }
.popup_in_body .add_map .inmapsearch .inbox .adr_t i{float:left; margin-right: 10px; color: #ff7065}
.popup_in_body .add_map .inmapsearch .inbox .input_in{width: 100%;float:left;  }
.popup_in_body .add_map .inmapsearch .inbox .tx1{width: 100%;float:left; font-size: 12px; color: #ff7065; margin-bottom: 20px; padding: 5px 02px  }
.popup_in_body .add_map .inmapsearch .inbox a.btn{width: 100%;float:left;  background-color: #ff7065; color: #fff; font-size: 18px;  padding: 10px 0px; text-align: center}
	
.popup_photo {width: 100%;float:left; }	
.popup_photo img{width: 100%;float:left;margin-bottom: 20px }	

#info_layout img{height: 15px;}
#info-popup ol {counter-reset: section; font-size: 15px; padding-left: 30px; padding-top: 10px; padding-bottom: 10px;}
#info-popup ol li{line-height: 2.2em;}
#info-popup ol li:before {counter-increment: section; content: counters(section, ".") ". "; position: absolute;  left: 20px; color:#222; font-weight: bold;}
#info-popup ol li strong {color:#222;font-weight: bold;}
#info-popup ol li .main_color { color:#ff7065;}

}




/**** 怨좉컼�� �뚮━ : pc ****/

@media only all and (min-width:769px) {
.cs_list_box{ width: 100%;  float:left; box-sizing: border-box; }
.cs_list_box ul{ width: 100%;  float:left; box-sizing: border-box; border-top: 1px solid #ddd; }
.cs_list_box ul li{ width: 100%;  float:left; box-sizing: border-box; border-bottom: 1px solid #ddd; padding: 15px 0px}
.cs_list_box ul li .tx1{ width: 100%;  float:left; font-size: 20px; color: #333; margin-bottom: 10px; font-weight: 500}
.cs_list_box ul li .tx2{ width: 100%;  float:left; font-size: 18px; color: #666; margin-bottom: 10px; }
.cs_list_box ul li .tx3{ width: 100%;  float:left; font-size: 18px; color: #666; margin-bottom: 10px; }
}
/****  怨좉컼�� �뚮━ : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.cs_list_box{ width: 100%;  float:left; box-sizing: border-box; }
.cs_list_box ul li{ width: 100%;  float:left; box-sizing: border-box; border-bottom: 1px solid #ddd; padding: 10px 15px}
.cs_list_box ul li .tx1{ width: 100%;  float:left; font-size: 16px; color: #333; margin-bottom: 10px; font-weight: 500}
.cs_list_box ul li .tx2{ width: 100%;  float:left; font-size: 14px; color: #666; margin-bottom: 10px; }
.cs_list_box ul li .tx3{ width: 100%;  float:left; font-size: 12px; color: #666; margin-bottom: 10px; }

}





/**** 怨좉컼�� �뚮━ : pc ****/

@media only all and (min-width:769px) {
.popup_calenda{ width: 1080px;  float:left; box-sizing: border-box;overflow-y: auto; height: 750px }
.popup_calenda .year_box{ width: 100%; float:left;  text-align: center; overflow: hidden; border-bottom: 1px solid #ccc}
.popup_calenda .year_box .year_back_icon{ width: 60px; height: 60px; display: inline-block; vertical-align: middle;}	
.popup_calenda .year_box .year_back_icon i{ font-size: 30px; color: #999; margin-top: 13px}	
.popup_calenda .year_box .year_now{ width:200px; height: 60px; line-height: 60px; font-size: 18px; color: #333; display: inline-block; vertical-align: middle;}
.popup_calenda .year_box .year_next_icon{ width: 60px; height: 60px; display: inline-block; vertical-align: middle;}	
.popup_calenda .year_box .year_next_icon i{ font-size: 30px; color: #999; margin-top: 13px}
	

.popup_calenda_date{ width:100%; float:left; }
.popup_calenda_date { width:100%;  border-collapse: collapse;}
.popup_calenda_date thead th{height:35px;  border-bottom:1px solid #ccc; color:#333 !important; font-size:15px;  text-align:center; background-color:#fff;  border-left:1px solid #fff;  box-sizing:border-box; color: #fff }
.popup_calenda_date thead th:first-child{border-left:none;}
.popup_calenda_date tbody td{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px ; border-left:none; box-sizing: border-box; font-size: 16px; text-align: left; vertical-align: top; position: relative; height: 100px; width:14.2% }
.popup_calenda_date tbody td .icon{  border:1px solid #ccc; background-color: #fff; width: 28px ; height: 28px; text-align: center; line-height: 25px; color: #333; font-size: 16px; position: absolute; right: -15px; top: 50%; margin-top: -15px; border-radius: 50px;  }
.popup_calenda_date tbody td:last-child{border-right: none}
.popup_calenda_date tbody td:last-child{border-right: none; color: #336699}
.popup_calenda_date tbody td:first-child{color: #FF0000}
.popup_calenda_date tbody td.opdate{color: #ccc}
	.popup_calenda_date tbody td.bg1{ background-color: #999999}
.popup_calenda_date tbody td.bg2{background-color: #00a651}	
.popup_calenda_date tbody td .incont{color: #fff;  padding: 5px }
	
	
.popup_text_box{ width:100%; float:left; color: #666; font-size: 14px;  padding: 15px}
.popup_text_box .tx1{ width:100%; float:left; color: #666; font-size: 12px; }	
.popup_text_box .tx2{ width:100%; float:left; color: #666; font-size: 14px; }
.popup_text_btn { width:100%; float:left;; text-align: center; margin-top: 30px}
.popup_text_btn a{   font-size: 16px; margin-right: 10px ; padding: 10px 20px; color: #fff; background-color: #ff7065}
}
/****  怨좉컼�� �뚮━ : 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.popup_calenda{ width: 100%;  float:left; box-sizing: border-box; }

}

/**/
.main_spot_container{
	width: 100%;
	box-sizing: border-box;
	background: url(https://www.daerijubu.com/common/_img/main/img_main_top.jpg);
	background-position: center top;
	background-size: cover;
	padding-top: 180px;
	padding-bottom: 65px;
}
.main_spot_container .title {text-align: center;font-size: 31px;color:#3c3c3c}
.main_spot_container .light {font-size: 56px;font-weight: lighter;line-height: 45px}
.main_spot_container .strong {font-size: 56px;font-weight: bold;line-height: normal}

/**** 硫붿씤: pc ****/

@media only all and (min-width:1025px) {
.main_a1{ width: 100%; box-sizing: border-box; background: url(../_img/main/main_toping1.jpg) ;  background-position: center top; background-size: cover; padding-top: 180px;}
.main_a1 .in0{ width: 100%;  text-align: center; font-size:50px; color: #fff;  margin-bottom: 10px; font-weight: 500; line-height: 55px }
.main_a1 .in1{ width: 100%;  text-align: center; font-size:50px; color: #fff;  margin-bottom: 10px; font-weight: 500; line-height: 55px }
.main_a1 .in2{ width: 100%;  text-align: center; font-size:30px; color: #fff;  margin-bottom: 10px }
.main_a1 .in3{ width: 100%;  text-align: center; margin-top: 30px}
.main_a1 .in3 .inbox{  width: 450px;  display: inline-block; vertical-align: middle; margin: 0px 10px; position: relative}
.main_a1 .in3 .inbox{  width: 900px;  display: inline-block; vertical-align: middle; margin: 0px 10px; position: relative}
.main_a1 .in3 .inbox .sale_icon{ position: absolute; top: -60px; left: -20px}
.main_a1 .in3 .inbox .sale_icon img{  width: 120px; }
.main_a1 .in3 .inbox img{  width: 450px; display: inline-block; vertical-align: middle; }
.main_a1 .in3 .inbox_wide img{  width:900px;  display: inline-block; vertical-align: middle; }

.main_a1 .in4{ width: 100%;  text-align: center; margin-top: 30px; padding-bottom: 2rem;}
.main_a1 .in4 .btn-talk {}
.main_a1 .in4 .btn-app-donwload {}
.main_a1 .in4 .btn-order-danji {}
}
/**** �뚮툝由� ****/
@media all and (max-width:1024px) and (min-width:768px) {
.main_a1{ width: 100%; box-sizing: border-box; background: url(../_img/main/main_toping1.jpg) ;  background-position: center top; background-size: cover; padding-top:15%; }
.main_a1 .in0{ width: 100%;  text-align: center; font-size:40px; color: #fff;  margin-bottom: 10px; font-weight: 500; line-height: 45px }
.main_a1 .in1{ width: 100%;  text-align: center; font-size:40px; color: #fff;  margin-bottom: 10px; font-weight: 500; line-height: 45px }
.main_a1 .in2{ width: 100%;  text-align: center; font-size:26px; color: #fff;  margin-bottom: 10px }
.main_a1 .in3{ width: 100%;  text-align: center; margin-top:20px; margin-bottom: 50px;padding: 0px 30px;; box-sizing: border-box}
.main_a1 .in3 .inbox{  width: 49%;   display: inline-block; vertical-align: middle; margin: 0px 0px; position: relative; padding: 0px 0px; box-sizing: border-box}
.main_a1 .in3 .inbox_wide{  width: 100%;  display: inline-block; vertical-align: middle; margin: 0px 0px; position: relative;}
.main_a1 .in3 .inbox img{ width: 100%; }
.main_a1 .in3 .inbox .sale_icon{ position: absolute; top: -40px; left: -2px}
.main_a1 .in3 .inbox .sale_icon img{  width: 100px; }
.main_a1 .in3 .inbox img{  width: 90%; display: inline-block; vertical-align: middle; }
.main_a1 .in3 .inbox_wide img{  width:90%;  display: inline-block; vertical-align: middle; }

.main_a1 .in4{ width: 100%; text-align: center; margin-top:20px; margin-bottom: 50px;padding: 0px 30px;; box-sizing: border-box}
.main_a1 .in4 .btn-talk {width: 20%;}
.main_a1 .in4 .btn-app-donwload {width: 40%;}
.main_a1 .in4 .btn-order-danji {width: 51%;}
}

@media all and (max-width:767px) and (min-width:451px) {
.main_a1{ width: 100%; box-sizing: border-box; background: url(../_img/main/main_toping1.jpg) ;  background-position: center top; background-size: cover; padding-top: 16%;  }
.main_a1 .in0{ width: 100%;  text-align: center; font-size:20px; color: #fff;  margin-bottom: 10px; font-weight: 500; line-height: 22px }
.main_a1 .in1{ width: 100%;  text-align: center; font-size:20px; color: #fff;  margin-bottom: 10px; font-weight: 500; line-height: 22px }
.main_a1 .in2{ width: 100%;  text-align: center; font-size:14px; color: #fff;  margin-bottom: 10px }
.main_a1 .in3{ width: 100%;  text-align: center; margin-top: 10px; padding: 0px 10px; box-sizing: border-box; }
.main_a1 .in3 .inbox{  width: 50%;  display: inline-block; vertical-align: middle; margin: 0px 0px; position: relative;}
.main_a1 .in3 .inbox_wide{  width: 100%;  display: inline-block; vertical-align: middle; margin: 0px 0px; position: relative;}

.main_a1 .in3 .inbox .sale_icon{ position: absolute; top: -20px; left: 8px}
.main_a1 .in3 .inbox .sale_icon img{  width: 40px; }
.main_a1 .in3 .inbox img{  width:90%;  display: inline-block; vertical-align: middle; }
.main_a1 .in3 .inbox_wide img{  width:90%;  display: inline-block; vertical-align: middle; }

.main_a1 .in4{ width: 100%;  text-align: center; margin-top: 20px; padding: 0px 10px; box-sizing: border-box; }
.main_a1 .in4 .btn-talk {width: 20%;}
.main_a1 .in4 .btn-app-donwload {width: 40%;}
.main_a1 .in4 .btn-order-danji {width: 51%;}
}

/****  怨좉컼�� �뚮━ : 紐⑤컮�� ****/
@media only all and (max-width:450px) {
.main_a1{ width: 100%; box-sizing: border-box; background: url(../_img/main/main_toping1.jpg) ;  background-position: center top; background-size: cover; padding-top: 29%; }
.main_a1 .in0{ width: 100%;  text-align: center; font-size:20px; color: #fff;  margin-bottom: 10px; font-weight: 500; line-height: 22px }
.main_a1 .in1{ width: 100%;  text-align: center; font-size:20px; color: #fff;  margin-bottom: 10px; font-weight: 500; line-height: 22px }
.main_a1 .in2{ width: 100%;  text-align: center; font-size:14px; color: #fff;  margin-bottom: 10px }
.main_a1 .in3{ width: 100%;  text-align: center; margin-top: 10px; padding: 0px 10px; box-sizing: border-box; }
.main_a1 .in3 .inbox{  width: 50%;  display: inline-block; vertical-align: middle; margin: 0px 0px; position: relative;}
.main_a1 .in3 .inbox_wide{  width: 100%;  display: inline-block; vertical-align: middle; margin: 0px 0px; position: relative;}

.main_a1 .in3 .inbox .sale_icon{ position: absolute; top: -20px; left: 8px}
.main_a1 .in3 .inbox .sale_icon img{  width: 40px; }
.main_a1 .in3 .inbox img{  width:90%;  display: inline-block; vertical-align: middle; }
.main_a1 .in3 .inbox_wide img{  width:90%;  display: inline-block; vertical-align: middle; }

.main_a1 .in4{ width: 100%;  text-align: center; margin-top: 20px; padding: 0px 10px; box-sizing: border-box; }
.main_a1 .in4 .btn-talk {width: 20%;}
.main_a1 .in4 .btn-app-donwload {width: 40%;}
.main_a1 .in4 .btn-order-danji {width: 51%;}
}


/**** pc ****/
@media only all and (min-width:1301px) {.main_b{max-width: 1400px; margin:50px auto ;}
	.main_b ul li{width: 16.6%;  float:left; margin-bottom: 50px; position: relative }
	.main_b ul li .icon{ position: absolute; top: 0px; right: 5px }
	.main_b ul li .img{width: 100%;  float:left; text-align: center }
	.main_b ul li .img img{width: 180px; margin-bottom: 20px  }
	.main_b ul li .text{width: 100%;  float:left; text-align: center ; color: #ff6666; font-size:24px }
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.main_b{max-width: 1400px; margin:50px auto ;}
	.main_b ul li{width: 25%;  float:left; margin-bottom: 50px; position: relative }
	.main_b ul li .icon{ position: absolute; top: 0px; right: 5px }
	.main_b ul li .img{width: 100%;  float:left; text-align: center }
	.main_b ul li .img img{width: 150px; margin-bottom: 20px  }
	.main_b ul li .text{width: 100%;  float:left; text-align: center ; color: #ff6666; font-size:16px }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
	.main_b{max-width: 1400px; margin:20px auto ;}
	.main_b ul li{width: 33.33%;  float:left; margin-bottom: 20px; position: relative }
	.main_b ul li .icon{ position: absolute; top: -10px; right: 5px }
	.main_b ul li .icon img{ width: 40px; }
	.main_b ul li .img{width: 100%;  float:left; text-align: center }
	.main_b ul li .img img{width: 80px; margin-bottom: 5px  }
	.main_b ul li .text{width: 100%;  float:left; text-align: center ; color: #ff6666; font-size:12px }
}






/**** pc ****/
@media only all and (min-width:1301px) {
		.main_c{max-width: 1400px; margin:50px auto ;}
	.main_c .title{width: 100%;  float:left;padding-top: 50px; font-size: 50px; color: #333; text-align: center ;; margin-bottom: 50px}
	.main_c .title em{ color: #ff6666}
	.main_c ul li{width: 33.3%;  float:left; margin-bottom: 50px }
	.main_c ul li .img{width: 100%;  float:left; text-align: center }
	.main_c ul li .img img{width: 240px; margin-bottom: 20px  }
	.main_c ul li .text{width: 100%;  float:left; text-align: center ; color: #333; font-size: 20px; margin-bottom: 10px}
	.main_c ul li .text2{width: 100%;  float:left; text-align: center ; color: #666; font-size: 16px}
	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.main_c{max-width: 1400px; margin:20px auto ;}
	.main_c .title{width: 100%;  float:left;padding-top: 0px; font-size: 40px; color: #333; text-align: center ;; margin-bottom: 50px}
	.main_c .title em{ color: #ff6666}
	.main_c ul li{width: 33.3%;  float:left; margin-bottom: 50px }
	.main_c ul li .img{width: 100%;  float:left; text-align: center }
	.main_c ul li .img img{width: 200px; margin-bottom: 20px  }
	.main_c ul li .text{width: 100%;  float:left; text-align: center ; color: #333; font-size: 26px; margin-bottom: 10px}
	.main_c ul li .text2{width: 100%;  float:left; text-align: center ; color: #666; font-size: 16px}
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
		.main_c{max-width: 100%; margin:0px auto ;}
	.main_c .title{width: 100%;  float:left;padding-top: 30px; font-size: 26px; color: #333; text-align: center ;; margin-bottom: 20px}
	.main_c .title em{ color: #ff6666}
	.main_c ul li{width: 100%;  float:left; margin-bottom:20px }
	.main_c ul li .img{width: 40%;  float:left; text-align: center }
	.main_c ul li .img img{width: 60%; margin-bottom: 0px  }
	.main_c ul li .text{width: 60%;  float:left; text-align: left ; color: #333; font-size: 16px; margin-bottom: 5px; margin-top: 15px}
	.main_c ul li .text2{width: 60%;  float:left; text-align: left  ; color: #666; font-size: 12px}
	
}





/**** pc ****/
@media only all and (min-width:1301px) {
	.main_d{max-width: 1400px; margin:50px auto ; border-top: 1px solid #ddd}
	.main_d .title{width: 100%;  float:left;padding-top: 50px; font-size: 40px; color: #333; text-align: center ;; margin-bottom: 50px}
	.main_d .title em{ color: #ff6666}
	.main_d .list_box{width: 100%;  float:left; position: relative; margin-left: 60px}
	.main_d .list_box .ar_back{ position: absolute; left: -130px; top: 50%; margin-top: -30px}
	.main_d .list_box .ar_back  i{  font-size: 80px; color: #999}
	.main_d .list_box .ar_next{ position: absolute; right: -0px; top: 50%; margin-top: -30px}
	.main_d .list_box .ar_next  i{  font-size: 80px; color: #999}
	
	.main_d .list_box ul li{width: 25%;  float:left; margin-bottom: 50px }
	.main_d .list_box ul li .img{width: 100%;  float:left;  }
	.main_d .list_box ul li .img img{width: 240px; margin-bottom: 20px  }
	.main_d .list_box ul li .text{width: 100%;  float:left; color: #333; font-size: 20px; margin-bottom: 10px}
	.main_d .list_box ul li .staricon{width: 100%;  float:left; }
	.main_d .list_box ul li .staricon i{ font-size: 20px; color: #ffcc66 }
	.main_d .list_box ul li .text2{width: 100%;  float:left; color: #666; font-size: 14px}
	.main_d .list_box ul li .text3{width: 100%;  float:left; color: #999; font-size: 14px}
	
	.main_d .more{width: 100%;  float:left; padding: 50px 0px; text-align: center}
	.main_d .more a{padding: 10px 50px; border: 1px solid #ff6666; color: #ff6666; font-size: 22px}
	
	/* pop */
	.pop_content_area {width:25%}	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.main_d{max-width: 1400px; margin:50px auto ; border-top: 1px solid #ddd}
	.main_d .title{width: 100%;  float:left;padding-top: 30px; font-size: 40px; color: #333; text-align: center ;; margin-bottom: 50px}
	.main_d .title em{ color: #ff6666}
	.main_d .list_box{width: 100%;  float:left; position: relative; margin-left: 5px}
	.main_d .list_box .ar_back{ position: absolute; left: 0px; top:0%; margin-top: -80px}
	.main_d .list_box .ar_back  i{  font-size: 80px; color: #999}
	.main_d .list_box .ar_next{ position: absolute; right: -0px; top: 0%; margin-top: -80px}
	.main_d .list_box .ar_next  i{  font-size: 80px; color: #999}
	
	.main_d .list_box ul li{width: 20%;  float:left; margin-bottom: 50px }
	.main_d .list_box ul li .img{width: 100%;  float:left;  text-align: center; padding: 0px 5px; box-sizing: border-box }
	.main_d .list_box ul li .img img{width: 100%;  margin-bottom: 20px  }
	.main_d .list_box ul li .text{width: 100%;  float:left; color: #333; font-size: 20px; margin-bottom: 10px}
	.main_d .list_box ul li .staricon{width: 100%;  float:left; }
	.main_d .list_box ul li .staricon i{font-size: 20px; color: #ffcc66 }
	.main_d .list_box ul li .text2{width: 100%;  float:left; color: #666; font-size: 14px}
	.main_d .list_box ul li .text3{width: 100%;  float:left; color: #999; font-size: 14px}
	
	.main_d .more{width: 100%;  float:left; padding: 50px 0px; text-align: center}
	.main_d .more a{padding: 10px 50px; border: 1px solid #ff6666; color: #ff6666; font-size: 22px}
	
	/* pop */
	.pop_content_area {width:45%}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.main_d{max-width: 100%; margin:20px auto ; border-top: 1px solid #ddd}
	.main_d .title{width: 100%;  float:left;padding-top: 40px; font-size: 26px; color: #333; text-align: center ;; margin-bottom: 20px}
	.main_d .title em{ color: #ff6666}
	.main_d .list_box{width: 100%;  float:left; position: relative; margin-left: 0px; margin-top: -25px }
	.main_d .list_box .ar_back{ osition: absolute; left: -0px; top: 0%; margin-top: -30px; z-index: 1}
	.main_d .list_box .ar_back  i{  font-size: 50px; color: #999}
	.main_d .list_box .ar_next{ position: absolute; right: -0px; top: 0%; margin-top: -30px; z-index: 1}
	.main_d .list_box .ar_next  i{  font-size: 50px; color: #999}
	.main_d .list_box ul{width: 200%;  }
	.main_d .list_box ul li{width: 25%;  float:left; margin-bottom: 20px }
	.main_d .list_box ul li .img{width: 100%;  float:left;  padding: 0px 10px; box-sizing: border-box }
	.main_d .list_box ul li .img img{width:100%; margin-bottom: 20px  }
	.main_d .list_box ul li .text{width: 100%;  float:left; color: #333; font-size: 16px; margin-bottom: 5px;   padding: 0px 10px; box-sizing: border-box }
	.main_d .list_box ul li .staricon{width: 100%;  float:left;   padding: 0px 10px; box-sizing: border-box }
	.main_d .list_box ul li .staricon i{font-size: 14px; color: #ffcc66 }
	.main_d .list_box ul li .text2{width: 100%;  float:left; color: #666; font-size: 12px;  padding: 0px 10px; box-sizing: border-box }
	.main_d .list_box ul li .text3{width: 100%;  float:left; color: #999; font-size: 12px;  padding: 0px 10px; box-sizing: border-box }
	
	.main_d .more{width: 100%;  float:left; padding: 20px 15px; text-align: center; box-sizing: border-box}
	.main_d .more a{width: 100%;  float:left; padding: 10px 0px; border: 1px solid #ff6666; color: #ff6666; font-size: 16px; box-sizing: border-box}
	
	/* pop */
	.pop_content_area {width:75%}
}





/**** 硫붿씤: pc ****/

@media only all and (min-width:769px) {
/* .main_e{width: 100%; ; float: left; border-top: 1px solid #ddd; background-color: #a2e0df} */
.main_e{width: 100%; ; float: left; border-top: 1px solid #ddd; background-color: #e8e8e8}
.main_e .inner2 .fl{max-width: 50%; float: left; margin-top: 130px }
.main_e .inner2 .fl .inbox{ width: 100%; ; float: left;margin-bottom: 50px}
.main_e .inner2 .fl .inbox2{width: 100%; ; float: left;margin-bottom: 30px}
.main_e .inner2 .fr{max-width: 50%; float: right;  margin-top: 80px }
.main_e .inner2 .fr img{max-width: 450px;}
}
/****  硫붿씤: 紐⑤컮�� ****/
@media only all and (max-width:768px) {

.main_e{width: 100%; ; float: left; border-top: 1px solid #ddd; background-color: #a2e0df}
.main_e .inner2 .fl{max-width: 50%; float: left; margin-top: 20px }
.main_e .inner2 .fl .inbox{ width: 100%; ; float: left;margin-bottom: 20px; text-align: center}
.main_e .inner2 .fl .inbox img{ width: 80%; }
.main_e .inner2 .fl .inbox2{width: 100%; ; float: left;margin-bottom: 10px; text-align: center}
.main_e .inner2 .fl .inbox2 img{ width: 80%; }
.main_e .inner2 .fr{max-width: 50%; float: right;  margin-top: 20px }
.main_e .inner2 .fr img{max-width: 80%;}
}



/**** �꾧린�묒꽦: pc ****/

@media only all and (min-width:769px) {
.popup_review_box{width: 100%; float: left; padding: 15px; box-sizing: border-box}
.popup_review_box .star_box{width: 100%; float: left; padding: 15px; box-sizing: border-box;}
.popup_review_box .star_box .tx1{width: 100%; float: left; font-size: 16px; color: #666; margin-bottom: 10px; text-align: center}
.popup_review_box .star_box .icon{width: 100%; float: left;; text-align: center }
.popup_review_box .star_box .icon i{display: inline-block; vertical-align: middle; color: #fdc85b; font-size: 30px}
.popup_review_box .star_box .tx2{width: 100%; float: left; font-size: 16px; color: #666; text-align: center}
	
.popup_review_box .r_titlex{width: 100%; float: left; font-size: 18px; color: #333; margin-bottom: 5px}
.popup_review_box .input_poppbox{width: 100%; float: left;  margin-bottom: 10px}
.popup_review_box .photo_up{width: 100%; float: left;  margin-bottom: 10px;  box-sizing: border-box; border: 1px solid #ddd}
.popup_review_box .photo_up .inbox{width: 100%; float: left; padding: 5px; box-sizing: border-box}
.popup_review_box .photo_up .inbox img{width: 20%; float: left; padding: 3px; }
.popup_review_box .photo_up .photo_btn{width: 100%; float: left; padding: 7px 0px 5px; box-sizing: border-box; background-color: #ddd; text-align: center}
.popup_review_box .photo_up .photo_btn i{ color: #fff; font-size: 30px}
.popup_review_box .popup_com_btn{ width: 100%; float: left;}
.popup_review_box .popup_com_btn a{ padding: 10px 0px; color: #fff;  font-size: 26px; font-weight: 500; text-align: center; width: 100%; background-color: #ff7065; float: left;}
.popup_review_box .popup_com_btn input{ padding: 10px 0px; color: #fff;  font-size: 26px; font-weight: 500; text-align: center; width: 100%; background-color: #ff7065 ;float: left;}
}
/****  �꾧린�묒꽦: 紐⑤컮�� ****/
@media only all and (max-width:768px) {

.popup_review_box{width: 100%; float: left; padding: 15px; box-sizing: border-box}
.popup_review_box .star_box{width: 100%; float: left; padding: 15px; box-sizing: border-box;}
.popup_review_box .star_box .tx1{width: 100%; float: left; font-size: 16px; color: #666; margin-bottom: 10px; text-align: center}
.popup_review_box .star_box .icon{width: 100%; float: left;; text-align: center }
.popup_review_box .star_box .icon i{display: inline-block; vertical-align: middle; color: #fdc85b; font-size: 30px}
.popup_review_box .star_box .tx2{width: 100%; float: left; font-size: 16px; color: #666; text-align: center}
	
.popup_review_box .r_titlex{width: 100%; float: left; font-size: 18px; color: #333; margin-bottom: 5px}
.popup_review_box .input_poppbox{width: 100%; float: left;  margin-bottom: 10px}
.popup_review_box .photo_up{width: 100%; float: left;  margin-bottom: 10px;  box-sizing: border-box; border: 1px solid #ddd}
.popup_review_box .photo_up .inbox{width: 100%; float: left; padding: 5px; box-sizing: border-box}
.popup_review_box .photo_up .inbox img{width: 20%; float: left; padding: 3px; }
.popup_review_box .photo_up .photo_btn{width: 100%; float: left; padding: 7px 0px 5px; box-sizing: border-box; background-color: #ddd; text-align: center}
.popup_review_box .photo_up .photo_btn i{ color: #fff; font-size: 30px}
.popup_review_box .popup_com_btn{ width: 100%; float: left;}
.popup_review_box .popup_com_btn a{ padding: 10px 0px; color: #fff;  font-size: 26px; font-weight: 500; text-align: center; width: 100%; background-color: #ff7065; float: left;}
.popup_review_box .popup_com_btn input{ padding: 10px 0px; color: #fff;  font-size: 26px; font-weight: 500; text-align: center; width: 100%; background-color: #ff7065 ;float: left;}
}




/**** �꾧린�묒꽦: pc ****/

@media only all and (min-width:769px) {
.popup_fee{width: 100%; float: left; padding: 15px; box-sizing: border-box; overflow-y: auto; height: 700px}
.popup_fee .in01{width: 100%; float: left; text-align: center; overflow: hidden; margin-bottom: 20px; margin-top: 20px}
.popup_fee .in01 .ar{display: inline-block; vertical-align: middle; border: 2px solid #ff7165; padding: 5px 10px; font-size: 20px; font-weight: 500; color: #ff7165}
.popup_fee .in01 .stext{width: 100%; float: left; text-align: center;  font-size: 16px; color: #999; }
.popup_fee .title_tx1{width: 100%; font-size: 20px; font-weight: 500; color: #333}
.popup_fee .title_tx2{width: 100%; font-size: 16px;  color: #999; margin-bottom: 15px}
.popup_fee .title_tx2 em{color: #333; }
.popup_fee .in02{ width:100%; border-top:3px solid #333; float:left; margin-bottom: 50px}
	
.fee_box { width:100%;  border-collapse: collapse;}
.fee_box  thead th{height:40px;   font-size:15px;  text-align:center; background-color:#999999;  box-sizing:border-box; color: #fff }
.fee_box  thead th:first-child{background-color:#ff7165;}
.fee_box  tbody th{ border-bottom:1px solid #ccc; padding:10px 0px 10px 0px ; border-left:none; box-sizing: border-box; font-size: 16px; text-align:center; position: relative; color: #999}

.fee_box  tbody td{ border-bottom:1px solid #ccc; padding:10px 0px 10px 0px ; border-left:none; box-sizing: border-box; font-size: 16px; text-align:center; position: relative; color: #666}

tr.bg_gray{background-color:#f4f4f4; }
}
/****  �꾧린�묒꽦: 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.popup_fee{width: 100%; float: left; padding: 15px; box-sizing: border-box; overflow-y: auto; height: 100vh}
.popup_fee .in01{width: 100%; float: left; text-align: center; overflow: hidden; margin-bottom: 20px; margin-top: 10px}
.popup_fee .in01 .ar{display: inline-block; vertical-align: middle; border: 2px solid #ff7165; padding: 3px 5px; font-size: 16px; font-weight: 500; color: #ff7165}
.popup_fee .in01 .stext{width: 100%; float: left; text-align: center;  font-size: 14px; color: #999; }
.popup_fee .title_tx1{width: 100%; font-size: 16px; font-weight: 500; color: #333}
.popup_fee .title_tx2{width: 100%; font-size: 12px;  color: #999; margin-bottom: 5px}
.popup_fee .title_tx2 em{color: #333; }
.popup_fee .in02{ width:100%; border-top:3px solid #333; float:left; margin-bottom: 20px}
	
.fee_box { width:100%;  border-collapse: collapse;}
.fee_box  thead th{height:40px;   font-size:13px;  text-align:center; background-color:#999999;  box-sizing:border-box; color: #fff; font-weight: 400 }
.fee_box  thead th:first-child{background-color:#ff7165;}
.fee_box  tbody th{ border-bottom:1px solid #ccc; padding:10px 0px 10px 0px ; border-left:none; box-sizing: border-box; font-size: 13px; text-align:center; position: relative; color: #999; font-weight: 400 }

.fee_box  tbody td{ border-bottom:1px solid #ccc; padding:10px 0px 10px 0px ; border-left:none; box-sizing: border-box; font-size: 13px; text-align:center; position: relative; color: #666}

tr.bg_gray{background-color:#f4f4f4; }
}



/**** 踰덊샇�몄쬆: pc ****/

@media only all and (min-width:769px) {
.popup_phone{width: 100%; float: left; padding: 20px 20px 0px 20px; box-sizing: border-box; }
.popup_phone .tx{width: 100%; float: left; font-size: 14px; color: #666; margin-bottom:10px }
}
/****  踰덊샇�몄쬆: 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.popup_phone{width: 100%; float: left; padding: 15px; box-sizing: border-box; }
.popup_phone .tx{width: 100%; float: left; font-size: 14px; color: #666; margin-bottom: 10px }
}



/**** 移댄뀒怨좊━: pc ****/

@media only all and (min-width:769px) {
.category_box{width: 100%; float: left;  }
.category_box ul li{width: 16.6%; float: left; margin-bottom: 30px;  }
.category_box ul li .img{width: 100%; float: left; margin-bottom: 10px; text-align: center;   }
.category_box ul li .img img{max-width: 120px;  }
.category_box ul li .text{width: 100%; float: left; text-align: center; font-size: 16px; color: #333 }
}
/****  移댄뀒怨좊━ 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.category_box{width: 100%; float: left;  }
.category_box ul li{width: 32%; margin-bottom: 20px; text-overflow:ellipsis;white-space:nowrap;word-break:keep-all; display: inline-block;}
.category_box ul li .img{width: 100%; float: left; text-align: center; margin-bottom: 10px;  }
.category_box ul li .img img{max-width: 70px; }
.category_box ul li .text{width: 100%; float: left; text-align: center; font-size: 13px; color: #666; }
}



/**** �좏깮�덉씠�� 李�: pc ****/

@media only all and (min-width:769px) {
.popup_select_box{width: 100%; float: left;box-sizing: border-box; }
.popup_select_box ul li{width: 100%; float: left;box-sizing: border-box; border-bottom: 1px solid #ddd;}
.popup_select_box ul li a{width: 100%; float: left; font-size: 16px; color: #666; padding: 10px 10px; box-sizing: border-box;}
.popup_select_box ul li a:hover{width: 100%; float: left; font-size: 16px; color: #fff; padding: 10px 10px; box-sizing: border-box; background-color: #ff7065;}
.popup_select_box ul li input{width: 100%; float: left; font-size: 16px; color: #666; padding: 10px 10px; box-sizing: border-box;}
.popup_select_box ul li input:hover{width: 100%; float: left; font-size: 16px; color: #fff; padding: 10px 10px; box-sizing: border-box; background-color: #ff7065;}
}
/****  �좏깮�덉씠��: 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.popup_select_box{width: 100%; float: left;box-sizing: border-box; }
.popup_select_box ul li{width: 100%; float: left;box-sizing: border-box; border-bottom: 1px solid #ddd}
.popup_select_box ul li a{width: 100%; float: left; font-size: 16px; color: #666; padding: 5px 10px; box-sizing: border-box}
.popup_select_box ul li a:hover{width: 100%; float: left; font-size: 16px; color: #fff; padding: 5px 10px; box-sizing: border-box; background-color: #ff7065}
.popup_select_box ul li input{width: 100%; float: left; font-size: 16px; color: #666; padding: 5px 10px; box-sizing: border-box}
.popup_select_box ul li input:hover{width: 100%; float: left; font-size: 16px; color: #fff; padding: 5px 10px; box-sizing: border-box; background-color: #ff7065}
}




/**** �좏깮�덉씠�� 李�: pc ****/

@media only all and (min-width:769px) {
.odernolist_box{width: 100%; float: left; box-sizing: border-box; background-color: #f4f4f4; padding: 10px; box-sizing: border-box; border: 1px solid #ddd}
.odernolist_box .inbox{width: 200px; float: left; margin-right: 10px;}
.odernolist_box2{width: 100%; float: left; padding: 100px 0px; text-align: center; overflow: hidden;}
.odernolist_box2 .inin{display: inline-block; vertical-align: middle; width: 220px; text-align: center}
.odernolist_box2 .inin .img_box{width:100%; text-align: center; margin-bottom: 15px}
.odernolist_box2 .inin .img_box img{ width: 90px}
.odernolist_box2 .inin .text{width:100%; text-align: center}
}
/****  �좏깮�덉씠��: 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.odernolist_box{width: 100%; float: left; box-sizing: border-box; background-color: #f4f4f4; padding:0px; box-sizing: border-box; border: 1px solid #ddd}
.odernolist_box .inbox{width: 50%; float: left; padding:5px}
.odernolist_box2{width: 100%; float: left; padding: 50px 0px; text-align: center; overflow: hidden;}
.odernolist_box2 .inin{display: inline-block; vertical-align: middle; width: 100%; text-align: center}
.odernolist_box2 .inin .img_box{width:100%; text-align: center; margin-bottom: 15px}
.odernolist_box2 .inin .img_box img{ width: 60px}
.odernolist_box2 .inin .text{width:100%; text-align: center}

}

/**** 硫붿씤: pc ****/

@media only all and (min-width:769px) {
.quick{ position: fixed; right: 30px; bottom: 50px}
}
/****  硫붿씤: 紐⑤컮�� ****/
@media only all and (max-width:768px) {
.quick{ display: none}
}


/**** 주문/결제: pc ****/
@media only all and (min-width:1301px) {
.regist_alba {padding: 0px 60px; }
.regist_alba .date{font-size: 20px; color: #787878; float: left; display: inline-block;}
.regist_alba .my_category{font-size: 20px; color: #575656; float: right; display: inline-block;}
.regist_alba .title{text-align: center; color: #000; clear: both; font-size: 20px;}
.regist_alba .title .intro{font-size: 30px; line-height: 1; font-weight: bold;}
.regist_alba .title .address{font-weight: bold;}
.regist_alba .title .address_detail{font-size: 18px; width: 80%; margin: 0 auto;}
.regist_alba .content{margin-top: 70px; clear: both;}
.regist_alba .content .line{border-top:2px solid #eee; margin-bottom: 60px;}
.regist_alba .content .info{padding: 0 20px; font-size: 21px;}
.regist_alba .content .info .table_info th{color:#9a9999; font-weight: normal;}
.regist_alba .content .info .table_info td{color:#3d4246; font-weight: normal;}
.regist_alba .content .info .table_info th, .regist_alba .content .info .table_info td{ vertical-align: top; text-align: left;  padding: 30px 0px; line-height: 1.7;}
.regist_alba .content .info .table_info td{text-align: right;}
.regist_alba .content .info .table_info tr:first-child th{padding-top: 0px}
.regist_alba .content .info .table_info tr:first-child td{padding-top: 0px}
.regist_alba .content .info .table_info tr:last-child th{color:#ff7065;}
.regist_alba .content .info .table_info tr:last-child td{font-weight: bold;}

.com_btn_black{width:100% ; float:left; margin: 30px 0px; text-align: center; text-align: center; overflow: hidden;  }
.com_btn_black a{display: inline-block; vertical-align: middle; padding: 15px 20px; min-width: 40%; font-size: 24px; color: #fff; background-color: #3a3737}
.com_btn_black a:hover{display: inline-block; vertical-align: middle; padding: 15px 20px; width: 40%; font-size: 24px; color: #fff; background-color: #5c5757}
}

@media all and (max-width:1300px) and (min-width:769px) {
.regist_alba {padding: 0px 40px; }
.regist_alba .date{font-size: 18px; color: #787878; float: left; display: inline-block;}
.regist_alba .my_category{font-size: 18px; color: #575656; float: right; display: inline-block;}
.regist_alba .title{text-align: center; color: #000; clear: both; font-size: 18px;}
.regist_alba .title .category{font-size: 18px;}
.regist_alba .title .intro{font-size: 28px; line-height: 1; font-weight: bold;}
.regist_alba .title .address{font-weight: bold;}
.regist_alba .title .address_detail{font-size: 15px; width: 80%; margin: 0 auto;}
.regist_alba .content{margin-top: 60px; clear: both;}
.regist_alba .content .line{border-top:2px solid #eee; margin-bottom: 50px;}
.regist_alba .content .info{padding: 0 20px; font-size: 17px;}
.regist_alba .content .info .table_info th{color:#9a9999; font-weight: normal;}
.regist_alba .content .info .table_info td{color:#3d4246; font-weight: normal;}
.regist_alba .content .info .table_info th, .regist_alba .content .info .table_info td{ vertical-align: top; text-align: left;  padding: 20px 0px; line-height: 1.6;}
.regist_alba .content .info .table_info td{text-align: right;}
.regist_alba .content .info .table_info tr:first-child th{padding-top: 0px}
.regist_alba .content .info .table_info tr:first-child td{padding-top: 0px}
.regist_alba .content .info .table_info tr:last-child th{color:#ff7065;}
.regist_alba .content .info .table_info tr:last-child td{font-weight: bold;}

.com_btn_black{width:100% ; float:left; margin: 30px 0px; text-align: center; text-align: center; overflow: hidden;  }
.com_btn_black a{display: inline-block; vertical-align: middle; padding: 15px 0px; width: 80%; font-size: 20px; color: #fff; background-color: #3a3737}
.com_btn_black a:hover{display: inline-block; vertical-align: middle; padding: 15px 0px; width: 80%; font-size: 20px; color: #fff; background-color: #5c5757}
}

@media only all and (max-width:768px) {
.regist_alba {padding: 0px 10px; }
.regist_alba .date{font-size: 15px; color: #787878; float: left; display: inline-block;}
.regist_alba .my_category{font-size: 15px; color: #575656; float: right; display: inline-block;}
.regist_alba .title{text-align: center; color: #000; clear: both; font-size: 15px;}
.regist_alba .title .category{font-size: 15px;}
.regist_alba .title .intro{font-size: 25px; line-height: 1; font-weight: bold;}
.regist_alba .title .address{font-weight: bold;}
.regist_alba .title .address_detail{font-size: 12px; width: 80%; margin: 0 auto;}
.regist_alba .content{margin-top: 50px; clear: both;}
.regist_alba .content .line{border-top:2px solid #eee;  margin-bottom: 40px;}
.regist_alba .content .info{padding: 0 10px; font-size: 16px;}
.regist_alba .content .info .table_info th{color:#9a9999; font-weight: normal;}
.regist_alba .content .info .table_info td{color:#3d4246; font-weight: normal;}
.regist_alba .content .info .table_info th, .regist_alba .content .info .table_info td{ vertical-align: top; text-align: left;  padding: 10px 0px; line-height: 1.5;}
.regist_alba .content .info .table_info td{text-align: right;}
.regist_alba .content .info .table_info tr:first-child th{padding-top: 0px}
.regist_alba .content .info .table_info tr:first-child td{padding-top: 0px}
.regist_alba .content .info .table_info tr:last-child th{color:#ff7065;}
.regist_alba .content .info .table_info tr:last-child td{font-weight: bold;}

.com_btn_black{width:100% ; float:left; margin: 10px 0px; text-align: center; text-align: center; overflow: hidden;  }
.com_btn_black a{width:100% ; float:left;display: inline-block; vertical-align: middle; padding: 15px 0px;  font-size: 18px; color: #fff; background-color: #3a3737}
.com_btn_black a:hover{width:100% ; float:left;display: inline-block; vertical-align: middle; padding: 15px 0px; font-size: 18px; color: #fff; background-color: #5c5757}
}

#auto_price_txt{
	text-align: right;
    letter-spacing:1px;
    
    font-size: 0.8em; 
    clear: both;
    display: none;
    margin-top: 5px; 
}






/* MOBILE */
@media only all and (max-width:768px) {
	
	/* old */	
	.manager_pr{ width: 100%;  float:left; box-sizing: border-box; height: 730px; background: url(../_img/search/pro_topbg.png); background-repeat: no-repeat; background-position: center top ; margin-top: -20px; background-size: auto 300px;  padding: 0px 15px; box-sizing: border-box}
	.manager_pr:after{display: block;clear: both;content:'sdfsdfsdf'}
	.manager_pr .inner2 .phpto_box{ width:100% ; float: left; height:220px; margin-top: 50px ; margin-bottom: 10px }
	.manager_pr .inner2 .phpto_box:after{display: block;clear: both;content: ''}
	.manager_pr .inner2 .phpto{ width:160px; margin: 0px auto; border-radius: 500px; height: 160px; overflow: hidden }
	.manager_pr .inner2 .phpto img{ width:100%; }
	.manager_pr .inner2 .dot_box{ width:100%;  text-align: center; overflow: hidden;}
	.manager_pr .inner2 .dot_box .dot_on{ display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-color: #fff; border-radius: 30px;; margin: 0px 10px}
	.manager_pr .inner2 .dot_box .dot{ display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-color: rgba(255, 255, 255, 0.5); border-radius: 30px; margin: 0px 10px}
	
	.manager_pr .inner2 .profile_box{ width:100% ; float: left;  box-sizing: border-box; border: 1px solid #ddd; padding: 10px 10px; background-color: #fff}
	.manager_pr .inner2 .profile_box:after{display: block;clear: both;content: ''}	
	.manager_pr .inner2 .profile_box .pr_box1{ width:100% ; float: left; position: relative}
	.manager_pr .inner2 .profile_box .pr_box1:after{display: block;clear: both;content: ''}	
	.manager_pr .inner2 .profile_box .pr_box1 .fl{ width:50% ; float: left; position: relative}	
	.manager_pr .inner2 .profile_box .pr_box1 .fl .tx1{ width:100% ; float: left; font-size:20px; margin-bottom: 5px}	
	.manager_pr .inner2 .profile_box .pr_box1 .fl .tx2{ width:100% ; float: left; }	
	.manager_pr .inner2 .profile_box .pr_box1 .fl .tx2 p{  float: left; margin-right: 5px }	
	.manager_pr .inner2 .profile_box .pr_box1 .fl .tx2 p img{ width: 20px}	
	.manager_pr .inner2 .profile_box .pr_box1 .fr{  position: absolute; right: 0px; top: 0px; width: 110px }
	.manager_pr .inner2 .profile_box .pr_box1 .fr .star{ width: 100%; float: left; text-align:center}	
	.manager_pr .inner2 .profile_box .pr_box1 .fr .star i{ color: #faba50; font-size: 20px; margin-left: -5px}	
	.manager_pr .inner2 .profile_box .pr_box1 .fr .star_t{ width: 100%; float: left; text-align:center; color: #999; font-size: 13px}	
	.manager_pr .inner2 .profile_box .pr_box1 .fr .star i.off{ color: #ccc; font-size: 20px; margin-left: -5px }
	.manager_pr .inner2 .profile_box .pr_box2{ width:100% ; float: left; position: relative; margin-top: 15px}
	.manager_pr .inner2 .profile_box .pr_box2:after{display: block;clear: both;content: ''}
	.manager_pr .inner2 .profile_box .pr_box2 .inbox{ width:33.3% ; float: left; position: relative; border: 1px solid #ddd; margin-left: -1px; box-sizing: border-box; padding: 5px 0px; text-align: center}	
	.manager_pr .inner2 .profile_box .pr_box2 .inbox em{ color: #ff7065}	
	.manager_pr .inner2 .profile_box .pr_box3{ width:100% ; float: left; color: #999999; font-size: 14px; line-height: 30px; margin: 10px 0px 20px 0px; background: url(../_img/search/icon_20.png); background-repeat: no-repeat; background-size: 30px;; padding-left: 35px; box-sizing: border-box}
	.manager_pr .inner2 .profile_box .pr_box4{ width:100% ; float: left; box-sizing: border-box; border: 1px solid #ddd; padding: 15px 0px}
	.manager_pr .inner2 .profile_box .pr_box4 ul li{ width:20% ; float: left; }
	.manager_pr .inner2 .profile_box .pr_box4 ul li .img{ width:100% ; float: left; text-align: center}
	.manager_pr .inner2 .profile_box .pr_box4 ul li .img img{ width: 30px; margin-bottom: 3px}
	.manager_pr .inner2 .profile_box .pr_box4 ul li .text{ width:100% ; float: left; text-align: center; font-size: 12px}

	.manager_pr .inner2 .profile_info{ width:100% ; float: left; position: relative}
	.manager_pr .inner2 .profile_info:after{display: block;clear: both;content: ''}
	.manager_pr .inner2 .profile_info .inbox{ width:100% ; float: left; border: 1px solid #ddd; padding: 15px 15px; margin-top: -1px; font-size:18px; color: #000; font-weight: 500; position: relative }
	.manager_pr .inner2 .profile_info .inbox:after{display: block;clear: both;content: ''}		
	.manager_pr .inner2 .profile_info .inbox .more{position: absolute; right: 20px ; top: 20px; color: #ff7065; font-size: 14px}		
	.manager_pr .inner2 .profile_info .inbox .tx1{ width:100% ; float: left; margin-bottom: 10px }	
	.manager_pr .inner2 .profile_info .inbox .tx1 .fl_t{ width:30% ; float: left; font-size: 16px; color: #666; margin-right: 16px ; border-right: 1px solid #ddd}
	.manager_pr .inner2 .profile_info .inbox .tx1 .fr_t{ width:60% ; float: left; font-size: 16px; color: #999;font-weight: 400 }				
	.manager_pr .inner2 .profile_info .inbox .tag{ padding: 5px 10px 7px 10px; float: left; border-radius: 50px; border: 1px solid #ff7065; color: #ff7065; font-size: 14px; margin-right: 5px; line-height: 16px; margin-bottom: 10px}	
	.manager_pr .inner2 .profile_info .inbox .review_box{ padding: 10px 0px; float: left;  position: relative}
	.manager_pr .inner2 .profile_info .inbox .review_box .name{ float: left; font-size: 20px; color: #333}	
	.manager_pr .inner2 .profile_info .inbox .review_box .name p{ float: left; font-size: 16px; color: #333; margin-top: -5px}	
	.manager_pr .inner2 .profile_info .inbox .review_box .name .time{ float: left; font-size: 12px; color: #999; border-left: 1px solid #ccc; margin-left: 20px; padding-left: 20px; line-height: 20px}
	.manager_pr .inner2 .profile_info .inbox .review_box .ttext{ float: left; font-size: 14px; color: #999; margin-top: 10px}	
	.manager_pr .inner2 .profile_info .inbox .review_box .star{ position: absolute; top: 0px; right: 0px}	
	.manager_pr .inner2 .profile_info .inbox .review_box .star i{ color: #faba50; font-size: 20px; margin-left: -5px}	
	.manager_pr .inner2 .profile_info .inbox .review_box .star_t{ width: 100%; float: left; text-align:center; color: #999; font-size: 18px}	
	.manager_pr .inner2 .profile_info .inbox .review_box .star i.off{ color: #ccc; font-size: 20px; margin-left: -5px }
	
		
	/* new */
	/* 매니저 정보 */
	.sub_head_sp_new {width:100%;height:50px;}
	.manager_profile {margin:40px 0;}
	.manager_profile:after{display: block;clear: both;content: ''}	
	.manager_profile .inner2 .profile_box{width:100%;background-color:#fff;padding:0 10px}
	.manager_profile .inner2 .profile_box:after{display: block;clear: both;content: ''}
	
	.manager_profile .inner2 .profile_box .pr_box0{width:100%;position:relative;}
	.manager_profile .inner2 .profile_box .pr_box0:after{display:block;clear:both;content:''}
	.manager_profile .inner2 .profile_box .pr_box0 .flex-container {width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-content:center;align-items:flex-end;background-color:#ffe5e3}
	.manager_profile .inner2 .profile_box .pr_box0 .inbox{ width:33.3% ; position: relative; border-right: 1px solid #ffd5d2;box-sizing: border-box; padding: 10px 0px; text-align: center}
	.manager_profile .inner2 .profile_box .pr_box0 .inbox:last-child{border:none}
	.manager_profile .inner2 .profile_box .pr_box0 .inbox .val {display: block;}
	.manager_profile .inner2 .profile_box .pr_box0 .recommend {padding:25px 20px 20px}
	.manager_profile .inner2 .profile_box .pr_box0 .recommend .txt {color:#999}
	.manager_profile .inner2 .profile_box .pr_box0 .ico-recommend {width: 60px;margin-top:-15px}
			
	.manager_profile .inner2 .profile_box .pr_box1{width:100%;position:relative;padding:0;display:none}
	/*	
	.manager_profile .inner2 .profile_box .pr_box1:after{display:block;clear:both;content:''}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container {width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-content:center;align-items:flex-end}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .flex-item {}	
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .info-container {}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .info p{display: inline;}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .info img{width:20px;margin-top:-5px;vertical-align: middle;}
	
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .phpto_box{width:100%;}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .phpto_box:after{display: block;clear: both;content: ''}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .phpto{ width:180px;height:180px;margin: 0px auto; overflow:hidden}		
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .phpto img{width:100%;}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .dot_box{width:100%;text-align: center; overflow: hidden;}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .dot_box .dot_on{ display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-color: #fff; border-radius: 30px;; margin: 0px 10px}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .dot_box .dot{ display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-color: rgba(255, 255, 255, 0.5); border-radius: 30px; margin: 0px 10px}
		
	.manager_profile .inner2 .profile_box .pr_box1 .fl{ width:50% ; position: relative}	
	.manager_profile .inner2 .profile_box .pr_box1 .fl .tx1{ width:100% ; font-size:26px; margin-bottom: 5px}	
	.manager_profile .inner2 .profile_box .pr_box1 .fl .tx2{ width:100% ; }	
	.manager_profile .inner2 .profile_box .pr_box1 .fl .tx2 p{  margin-right: 5px }	
	.manager_profile .inner2 .profile_box .pr_box1 .fl .tx2 p img{ width: 25px}			
	.manager_profile .inner2 .profile_box .pr_box1 .star{ width: 100%; vertical-align: middle;}	
	.manager_profile .inner2 .profile_box .pr_box1 .star i{ color: #ffd33c;font-size: 26px;margin-left:-3px}	
	.manager_profile .inner2 .profile_box .pr_box1 .star_t{ width: 100%;text-align:center;color: #999;font-size: 16px}	
	.manager_profile .inner2 .profile_box .pr_box1 .star i.off{ color: #ccc;ont-size: 26px;margin-left:-3px}
	*/
	.manager_profile .inner2 .profile_box .pr_box1-1{width:100%;position:relative;padding:0;}
	.manager_profile .inner2 .profile_box .pr_box1-1:after{display:block;clear:both;content:''}	
	.manager_profile .inner2 .profile_box .pr_box1-1 .flex-container {width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-content: flex-start;align-items:flex-start;margin:10px 0;}
	.manager_profile .inner2 .profile_box .pr_box1-1 .flex-container .flex-item {}
	.manager_profile .inner2 .profile_box .pr_box1-1 .flex-container .flex-item:last-child{margin-left:20px;width:100%}
	.manager_profile .inner2 .profile_box .pr_box1-1 .flex-container .info-container {}
	.manager_profile .inner2 .profile_box .pr_box1-1 .flex-container .info p{display: inline;}
	.manager_profile .inner2 .profile_box .pr_box1-1 .flex-container .info img{width:20px;margin-top:-5px;vertical-align: middle;}	
	.manager_profile .inner2 .profile_box .pr_box1-1 .flex-container .phpto_box{width:100%;}
	.manager_profile .inner2 .profile_box .pr_box1-1 .flex-container .phpto_box:after{display: block;clear: both;content: ''}
	.manager_profile .inner2 .profile_box .pr_box1-1 .flex-container .phpto{ width:150px;height:150px;margin: 0px auto; overflow:hidden}		
	.manager_profile .inner2 .profile_box .pr_box1-1 .flex-container .phpto img{width:100%;}
	.manager_profile .inner2 .profile_box .pr_box1-1 .flex-container .dot_box{width:100%;text-align: center; overflow: hidden;}
	.manager_profile .inner2 .profile_box .pr_box1-1 .flex-container .dot_box .dot_on{ display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-color: #fff; border-radius: 30px;; margin: 0px 10px}
	.manager_profile .inner2 .profile_box .pr_box1-1 .flex-container .dot_box .dot{ display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-color: rgba(255, 255, 255, 0.5); border-radius: 30px; margin: 0px 10px}	
	.manager_profile .inner2 .profile_box .pr_box1-1 .star{ width: 100%; vertical-align: middle;}	
	.manager_profile .inner2 .profile_box .pr_box1-1 .star i{ color: #ffd33c;font-size: 26px;margin-left:-3px}	
	.manager_profile .inner2 .profile_box .pr_box1-1 .star_t{ width: 100%;text-align:center;color: #999;font-size: 16px}	
	.manager_profile .inner2 .profile_box .pr_box1-1 .star i.off{ color: #ccc;ont-size: 26px;margin-left:-3px}
	
	.embed-container {position: relative;padding-bottom: 56.25%;/* overflow: hidden; */}
	.embed-container-novideo {position: relative;}
	.embed-container iframe,
	.embed-container object,
	.embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	
	.manager_profile .inner2 .profile_box .pr_box2{ width:100% ; position: relative; margin-top: 20px}
	.manager_profile .inner2 .profile_box .pr_box2:after{display: block;clear: both;content: ''}
	.manager_profile .inner2 .profile_box .pr_box2 .flex-container {display: flex;width: 100%;align-items: flex-start;flex-wrap: wrap;align-content: space-between;border:1px solid #ddd}	
	.manager_profile .inner2 .profile_box .pr_box2 .inbox{ width:33.3% ; position: relative; border-right: 1px solid #ddd; box-sizing: border-box; padding: 10px 0px; text-align: center}
	.manager_profile .inner2 .profile_box .pr_box2 .inbox:last-child{border:none}
	.manager_profile .inner2 .profile_box .pr_box2 .inbox em{ color: #ff7065}
				
	.manager_profile .inner2 .profile_box .pr_box3{ width:100% ;color: #999999; font-size: 14px; line-height: 24px; margin: 10px 0px 20px 0px; background: url(../_img/search/icon_20.png); background-repeat: no-repeat; background-size: 30px;; padding-left: 35px; box-sizing: border-box}
		
	/*position:relative;width:100% ;box-sizing: border-box; border: 1px solid #ddd;*/
	.manager_profile .inner2 .profile_box .pr_box4{ width: 100%;border: 1px solid #ddd;}	
	.manager_profile .inner2 .profile_box .pr_box4 .flex-container {width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-around;align-items: baseline;align-content: center;}
	.manager_profile .inner2 .profile_box .pr_box4 .flex-container > div {margin:0 0px;padding:10px 0}
	.manager_profile .inner2 .profile_box .pr_box4 .flex-container img {width:40px}

	
	.manager_profile .inner2 .profile_box .pr_box4 ul li{ width:20% ; }
	.manager_profile .inner2 .profile_box .pr_box4 ul li .img{ width:100% ; text-align: center}
	.manager_profile .inner2 .profile_box .pr_box4 ul li .img img{ width: 55px; margin-bottom: 3px}
	.manager_profile .inner2 .profile_box .pr_box4 ul li .text{ width:100% ;  text-align: center; font-size: 14px}
			
	.manager_profile .inner2 .profile_info{width:100%;position: relative;margin:30px 0 0;padding:0 10px}
	.manager_profile .inner2 .profile_info:after{display: block;clear: both;content: ''}
			
	.manager_profile .inner2 .profile_info .inbox{ width:100% ; border: 1px solid #ddd; padding: 20px 30px; margin-top: -1px; font-size:18px; color: #000; font-weight: 500; position: relative }
	.manager_profile .inner2 .profile_info .inbox:after{position:relative;display: block;clear: both;content: ''}		
	.manager_profile .inner2 .profile_info .inbox .more{position: absolute; right: 20px ; top: 20px; color: #ff7065; font-size: 14px}		
	.manager_profile .inner2 .profile_info .inbox .tx1{ width:100%; margin-bottom: 20px }	
	.manager_profile .inner2 .profile_info .inbox .tx1 .fl_t{ width:22%;float:left;font-size: 22px;color: #666;margin-right: 20px;border-right: 1px solid #ddd}
	.manager_profile .inner2 .profile_info .inbox .tx1 .fr_t{ width: 68%;float:left;font-size: 22px;color: #999;margin-right: 20px;font-weight: 400 }
	.manager_profile .inner2 .profile_info .inbox .tx1:after{display: block;clear: both;content: ''}				
	.manager_profile .inner2 .profile_info .inbox .tag{ padding: 5px 10px 7px 10px; float: left; border-radius: 50px; border: 1px solid #ff7065; color: #ff7065; font-size: 14px; margin-right: 10px; line-height: 20px}	
	
	.manager_profile .inner2 .profile_info .inbox .review_box{ padding: 20px 0px; float: left;  position: relative}
	.manager_profile .inner2 .profile_info .inbox .review_box:after{display: block;clear: both;content: ''}
	.manager_profile .inner2 .profile_info .inbox .review_box .name{font-size: 20px; color: #333}	
	.manager_profile .inner2 .profile_info .inbox .review_box .name p{font-size: 16px; color: #333; margin-top: -5px}	
	.manager_profile .inner2 .profile_info .inbox .review_box .name .time{font-size: 12px; color: #999; border-left: 1px solid #ccc; margin-left: 20px; padding-left: 20px; line-height: 20px}
	.manager_profile .inner2 .profile_info .inbox .review_box .name:after{display: block;clear: both;content: ''}
	.manager_profile .inner2 .profile_info .inbox .review_box .ttext{font-size: 14px; color: #999; margin-top: 10px}	
	.manager_profile .inner2 .profile_info .inbox .review_box .star{position: absolute; top: 0px; right: 0px}	
	.manager_profile .inner2 .profile_info .inbox .review_box .star i{color: #faba50; font-size: 20px; margin-left: -5px}	
	.manager_profile .inner2 .profile_info .inbox .review_box .star_t{width: 100%;text-align:center; color: #999; font-size: 18px}	
	.manager_profile .inner2 .profile_info .inbox .review_box .star i.off{color: #ccc; font-size: 20px; margin-left: -5px }
	
}


/* PC */
@media only all and (min-width:769px) {
	
	/* old */
	.manager_pr{ width: 100%;  float:left; box-sizing: border-box; height: 730px; background: url(../_img/search/pro_topbg.png); background-repeat: no-repeat; background-position: center top ; margin-top: -20px}
	.manager_pr .inner2 .phpto_box{ width:100% ; float: left; height:520px; margin-top: 100px  }
	.manager_pr .inner2 .phpto{ width:390px; margin: 0px auto; border-radius: 500px; height: 390px; overflow: hidden; margin-bottom: 20px }		
	.manager_pr .inner2 .phpto img{ width:100%; }
	.manager_pr .inner2 .dot_box{ width:100%;  text-align: center; overflow: hidden;}
	.manager_pr .inner2 .dot_box .dot_on{ display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-color: #fff; border-radius: 30px;; margin: 0px 10px}
	.manager_pr .inner2  .dot_box .dot{ display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-color: rgba(255, 255, 255, 0.5); border-radius: 30px; margin: 0px 10px}
		
	.manager_pr .inner2 .profile_box{ width:100% ; float: left; width: 100%; box-sizing: border-box; border: 1px solid #ddd; padding: 20px 40px; background-color: #fff}	
	.manager_pr .inner2 .profile_box .pr_box1{ width:100% ; float: left; position: relative}	
	.manager_pr .inner2 .profile_box .pr_box1 .fl{ width:50% ; float: left; position: relative}	
	.manager_pr .inner2 .profile_box .pr_box1 .fl .tx1{ width:100% ; float: left; font-size:26px; margin-bottom: 5px}	
	.manager_pr .inner2 .profile_box .pr_box1 .fl .tx2{ width:100% ; float: left; }	
	.manager_pr .inner2 .profile_box .pr_box1 .fl .tx2 p{  float: left; margin-right: 5px }	
	.manager_pr .inner2 .profile_box .pr_box1 .fl .tx2 p img{ width: 25px}			
	.manager_pr .inner2 .profile_box .pr_box1 .fr{  position: absolute; right: 0px; top: 0px; width: 140px }
	.manager_pr .inner2 .profile_box .pr_box1 .fr .star{ width: 100%; float: left; text-align:center}	
	.manager_pr .inner2 .profile_box .pr_box1 .fr .star i{ color: #faba50; font-size: 26px; margin-left: -5px}	
	.manager_pr .inner2 .profile_box .pr_box1 .fr .star_t{ width: 100%; float: left; text-align:center; color: #999; font-size: 16px}	
	.manager_pr .inner2 .profile_box .pr_box1 .fr .star i.off{ color: #ccc; font-size: 26px; margin-left: -5px }			
	.manager_pr .inner2 .profile_box .pr_box2{ width:100% ; float: left; position: relative; margin-top: 15px}
	.manager_pr .inner2 .profile_box .pr_box2 .inbox{ width:33.3% ; float: left; position: relative; border: 1px solid #ddd; margin-left: -1px; box-sizing: border-box; padding: 10px 0px; text-align: center}	
	.manager_pr .inner2 .profile_box .pr_box2 .inbox em{ color: #ff7065}			
	.manager_pr .inner2 .profile_box .pr_box3{ width:100% ; float: left; color: #999999; font-size: 18px; line-height: 30px; margin: 10px 0px 20px 0px; background: url(../_img/search/icon_20.png); background-repeat: no-repeat; background-size: 30px;; padding-left: 35px; box-sizing: border-box}
	.manager_pr .inner2 .profile_box .pr_box4{ width:100% ; float: left; box-sizing: border-box; border: 1px solid #ddd; padding: 15px}
	.manager_pr .inner2 .profile_box .pr_box4 ul li{ width:20% ; float: left; }
	.manager_pr .inner2 .profile_box .pr_box4 ul li .img{ width:100% ; float: left; text-align: center}
	.manager_pr .inner2 .profile_box .pr_box4 ul li .img img{ width: 55px; margin-bottom: 3px}
	.manager_pr .inner2 .profile_box .pr_box4 ul li .text{ width:100% ; float: left; text-align: center; font-size: 14px}
	
	.manager_pr .inner2 .profile_info{ width:100% ; float: left; position: relative}	
	.manager_pr .inner2 .profile_info .inbox{ width:100% ; float: left; border: 1px solid #ddd; padding: 20px 30px; margin-top: -1px; font-size:28px; color: #000; font-weight: 500; position: relative }		
	.manager_pr .inner2 .profile_info .inbox .more{position: absolute; right: 20px ; top: 20px; color: #ff7065; font-size: 18px}	
	.manager_pr .inner2 .profile_info .inbox .tx1{ width:100% ; float: left; margin-bottom: 20px }	
	.manager_pr .inner2 .profile_info .inbox .tx1 .fl_t{ width:22% ; float: left; font-size: 22px; color: #666; margin-right: 20px ; border-right: 1px solid #ddd}
	.manager_pr .inner2 .profile_info .inbox .tx1 .fr_t{ width: 68% ; float: left; font-size: 22px; color: #999;margin-right: 20px ; font-weight: 400 }			
	.manager_pr .inner2 .profile_info .inbox .tag{ padding: 5px 10px 7px 10px; float: left; border-radius: 50px; border: 1px solid #ff7065; color: #ff7065; font-size: 20px; margin-right: 10px; line-height: 20px}				
	.manager_pr .inner2 .profile_info .inbox .review_box{ padding: 20px 0px; float: left;  position: relative}
	.manager_pr .inner2 .profile_info .inbox .review_box .name{ float: left; font-size: 20px; color: #333}	
	.manager_pr .inner2 .profile_info .inbox .review_box .name p{ float: left; font-size: 20px; color: #333; margin-top: -5px}	
	.manager_pr .inner2 .profile_info .inbox .review_box .name .time{ float: left; font-size: 16px; color: #999; border-left: 1px solid #ccc; margin-left: 20px; padding-left: 20px; line-height: 20px}
	.manager_pr .inner2 .profile_info .inbox .review_box .ttext{ float: left; font-size: 16px; color: #999; margin-top: 10px}	
	.manager_pr .inner2 .profile_info .inbox .review_box .star{ position: absolute; top: 0px; right: 0px}	
	.manager_pr .inner2 .profile_info .inbox .review_box .star i{ color: #faba50; font-size: 26px; margin-left: -5px}	
	.manager_pr .inner2 .profile_info .inbox .review_box .star_t{ width: 100%; float: left; text-align:center; color: #999; font-size: 18px}	
	.manager_pr .inner2 .profile_info .inbox .review_box .star i.off{ color: #ccc; font-size: 26px; margin-left: -5px }
		
	/* new */
	/* 매니저 정보 */
	.sub_head_sp_new {width:100%;height:145px;}
	.manager_profile {margin:40px 0;}
	.manager_profile:after{display: block;clear: both;content: ''}	
	.manager_profile .inner2 .profile_box{width:100%;background-color:#fff;}
	.manager_profile .inner2 .profile_box:after{display: block;clear: both;content: ''}
	
	.manager_profile .inner2 .profile_box .pr_box0{width:100%;position:relative;margin-top: 40px}
	.manager_profile .inner2 .profile_box .pr_box0:after{display:block;clear:both;content:''}
	.manager_profile .inner2 .profile_box .pr_box0 .flex-container {width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-content:center;align-items:flex-end;background-color:#ffe5e3}
	.manager_profile .inner2 .profile_box .pr_box0 .inbox{ width:33.3% ; position: relative; border-right: 1px solid #ffd5d2;box-sizing: border-box; padding: 10px 0px; text-align: center}
	.manager_profile .inner2 .profile_box .pr_box0 .inbox:last-child{border:none}
	.manager_profile .inner2 .profile_box .pr_box0 .inbox .val {}
	.manager_profile .inner2 .profile_box .pr_box0 .recommend {padding:20px 30px 30px}
	.manager_profile .inner2 .profile_box .pr_box0 .recommend .txt {padding-top:40px;color:#999}
	.manager_profile .inner2 .profile_box .pr_box0 .ico-recommend {width: 120px;margin-top:-40px}
	
			
	.manager_profile .inner2 .profile_box .pr_box1{width:100%;position:relative; padding:0 105px}
	.manager_profile .inner2 .profile_box .pr_box1:after{display:block;clear:both;content:''}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container {width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-content:center;align-items:flex-start}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .info-container {width:400px;}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .info p{display: inline;}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .info img{width:20px;margin-top:-5px;vertical-align: middle;}
	
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .phpto_box{width:100%;}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .phpto_box:after{display: block;clear: both;content: ''}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .phpto{ width:440px;height:440px;margin: 0px auto; overflow:hidden}		
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .phpto img{width:100%;}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .dot_box{width:100%;text-align: center; overflow: hidden;}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .dot_box .dot_on{ display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-color: #fff; border-radius: 30px;; margin: 0px 10px}
	.manager_profile .inner2 .profile_box .pr_box1 .flex-container .dot_box .dot{ display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-color: rgba(255, 255, 255, 0.5); border-radius: 30px; margin: 0px 10px}
		
	.manager_profile .inner2 .profile_box .pr_box1 .fl{ width:50% ; position: relative}	
	.manager_profile .inner2 .profile_box .pr_box1 .fl .tx1{ width:100% ; font-size:26px; margin-bottom: 5px}	
	.manager_profile .inner2 .profile_box .pr_box1 .fl .tx2{ width:100% ; }	
	.manager_profile .inner2 .profile_box .pr_box1 .fl .tx2 p{  margin-right: 5px }	
	.manager_profile .inner2 .profile_box .pr_box1 .fl .tx2 p img{ width: 25px}			
	.manager_profile .inner2 .profile_box .pr_box1 .star{ width: 100%; vertical-align: middle;}	
	.manager_profile .inner2 .profile_box .pr_box1 .star i{ color: /*#faba50*/#ffd33c;font-size: 26px;margin-left:-3px}	
	.manager_profile .inner2 .profile_box .pr_box1 .star_t{ width: 100%;text-align:center;color: #999;font-size: 16px}	
	.manager_profile .inner2 .profile_box .pr_box1 .star i.off{ color: #ccc;ont-size: 26px;margin-left:-3px}
	
	.manager_profile .inner2 .profile_box .pr_box1-1{width:100%;position:relative;padding:0;display:none}
					
	.manager_profile .inner2 .profile_box .pr_box2{ width:100% ; position: relative; margin-top: 40px}
	.manager_profile .inner2 .profile_box .pr_box2:after{display: block;clear: both;content: ''}
	.manager_profile .inner2 .profile_box .pr_box2 .flex-container {display: flex;width: 100%;align-items: flex-start;flex-wrap: wrap;align-content: space-between;border:1px solid #ddd}	
	.manager_profile .inner2 .profile_box .pr_box2 .inbox{ width:33.3% ; position: relative; border-right: 1px solid #ddd; box-sizing: border-box; padding: 10px 0px; text-align: center}
	.manager_profile .inner2 .profile_box .pr_box2 .inbox:last-child{border:none}
	.manager_profile .inner2 .profile_box .pr_box2 .inbox em{ color: #ff7065}
				
	.manager_profile .inner2 .profile_box .pr_box3{ width:100% ;color: #999999; font-size: 18px; line-height: 30px; margin: 10px 0px 20px 0px; background: url(../_img/search/icon_20.png); background-repeat: no-repeat; background-size: 30px;; padding-left: 35px; box-sizing: border-box}
		
	.manager_profile .inner2 .profile_box .pr_box4{ width:100% ;box-sizing: border-box; border: 1px solid #ddd;}	
	.manager_profile .inner2 .profile_box .pr_box4 .flex-container {width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-around;align-items: center;align-content: flex-start;}
	.manager_profile .inner2 .profile_box .pr_box4 .flex-container > div {width:50%;text-align:center;margin:0 0px;padding:20px;}
	.manager_profile .inner2 .profile_box .pr_box4 .flex-container img {width:55px}
	
	.manager_profile .inner2 .profile_box .pr_box4 ul li{ width:20% ; }
	.manager_profile .inner2 .profile_box .pr_box4 ul li .img{ width:100% ; text-align: center}
	.manager_profile .inner2 .profile_box .pr_box4 ul li .img img{ width: 55px; margin-bottom: 3px}
	.manager_profile .inner2 .profile_box .pr_box4 ul li .text{ width:100% ;  text-align: center; font-size: 14px}
			
	.manager_profile .inner2 .profile_info{width:100%;position: relative;margin:30px 0 0}
	.manager_profile .inner2 .profile_info:after{display: block;clear: both;content: ''}
			
	.manager_profile .inner2 .profile_info .inbox{ width:100% ; border: 1px solid #ddd; padding: 20px 30px; margin-top: -1px; font-size:28px; color: #000; font-weight: 500; position: relative }
	.manager_profile .inner2 .profile_info .inbox:after{position:relative;display: block;clear: both;content: ''}		
	.manager_profile .inner2 .profile_info .inbox .more{position: absolute; right: 20px ; top: 20px; color: #ff7065; font-size: 18px}		
	.manager_profile .inner2 .profile_info .inbox .tx1{ width:100%; margin-bottom: 20px }	
	.manager_profile .inner2 .profile_info .inbox .tx1 .fl_t{ width:22%;float:left;font-size: 22px;color: #666;margin-right: 20px;border-right: 1px solid #ddd}
	.manager_profile .inner2 .profile_info .inbox .tx1 .fr_t{ width: 68%;float:left;font-size: 22px;color: #999;margin-right: 20px;font-weight: 400 }
	.manager_profile .inner2 .profile_info .inbox .tx1:after{display: block;clear: both;content: ''}				
	.manager_profile .inner2 .profile_info .inbox .tag{ padding: 5px 10px 7px 10px; float: left; border-radius: 50px; border: 1px solid #ff7065; color: #ff7065; font-size: 20px; margin-right: 10px; line-height: 20px}	
	
	.manager_profile .inner2 .profile_info .inbox .review_box{ padding: 20px 0px; float: left;  position: relative}
	.manager_profile .inner2 .profile_info .inbox .review_box:after{display: block;clear: both;content: ''}
	.manager_profile .inner2 .profile_info .inbox .review_box .name{font-size: 20px; color: #333}	
	.manager_profile .inner2 .profile_info .inbox .review_box .name p{font-size: 20px; color: #333; margin-top: -5px}	
	.manager_profile .inner2 .profile_info .inbox .review_box .name .time{font-size: 16px; color: #999; border-left: 1px solid #ccc; margin-left: 20px; padding-left: 20px; line-height: 20px}
	.manager_profile .inner2 .profile_info .inbox .review_box .name:after{display: block;clear: both;content: ''}
	.manager_profile .inner2 .profile_info .inbox .review_box .ttext{font-size: 16px; color: #999; margin-top: 10px}	
	.manager_profile .inner2 .profile_info .inbox .review_box .star{position: absolute; top: 0px; right: 0px}	
	.manager_profile .inner2 .profile_info .inbox .review_box .star i{color: #faba50; font-size: 26px; margin-left: -5px}	
	.manager_profile .inner2 .profile_info .inbox .review_box .star_t{width: 100%;text-align:center; color: #999; font-size: 18px}	
	.manager_profile .inner2 .profile_info .inbox .review_box .star i.off{color: #ccc; font-size: 26px; margin-left: -5px }
	
	.embed-container {position: relative;width:400px;height:225px;}
	.embed-container iframe,
	.embed-container object,
	.embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	
}

/* media query =========================== */
@media only all and (min-width:1301px) {
	/* main-forte-footer */
	.main-forte-footer{width:100%;border-top:1px solid #ddd;background-color:#e8e8e8}
	.main-forte-footer .inner2{padding:120px 0 0 0}
	.main-forte-footer .inner2 .content-left{float:left;width:50%}
	.main-forte-footer .inner2 .content-right{float:right;width:45%;}
	.main-forte-footer .inner2 .slogan img{width:65%}
	.main-forte-footer .inner2 .app{margin-top:40px;width:100%}
	.main-forte-footer .inner2 .app .android{width:49%;float:left}
	.main-forte-footer .inner2 .app .iphone{width:49%;float:right}
	.main-forte-footer .inner2 .video-extend{display:none;}
	.main-forte-footer .inner2 .video{
		
		position:relative;
		padding-bottom: 56.25%; /* 16/9 ratio */
    	padding-top: 30px; /* IE6 workaround*/
    	height: 0;
    	overflow: hidden;    	
    	margin-top:40px;
	}
	.main-forte-footer .inner2 .video iframe,
	.main-forte-footer .inner2 .video object,
	.main-forte-footer .inner2 .video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	/* .main-forte-footer .inner2 .video iframe {position:absolute;top:0;left:0;width:100%;height:100%;} */
	.main-forte-footer .inner2 .screenshot img{width:100%;}
	.main-forte-footer .video-extend-area{display:none}
	
	/* popular_manager */
	.search-list-container{}	
	.search-list-container ul{border-top: 1px solid #dcdcdc;}
	.search-list-container ul li{padding:10px 0;border-bottom: 1px solid #dcdcdc;}
	.search-list-container ul li .manager-info-area{padding:10px}
	.search-list-container ul li .manager-left{position:relative;width: 150px;}
	.search-list-container ul li .manager-left-inner{width: 120px;text-align:center}
	.search-list-container ul li .photo {position:relative;width:120px;height:120px;}
	.search-list-container ul li .img-blind {display:none;position:absolute;left:1px;top:1px;width:100%;height:100%;opacity: 1;filter: alpha(opacity=100);z-index:1}
	.search-list-container ul li .img-profile {margin:0}
	.search-list-container ul li .star {width:100%;color: #fdc85b;}
	.search-list-container ul li .manager-right{position:relative;margin-left: 150px;}
	.search-list-container ul li .manager-right .name{font-size:18px;}
	.search-list-container ul li .manager-right .info{margin-top:10px;}
	.search-list-container ul li .badge-area-container {display: flex;}
	.search-list-container ul li .badge-area-container .flex-item {width:50%;text-align:left;padding:5px 0;color:#080808}
	.search-list-container ul li .badge-area-container .flex-item img{vertical-align: middle;width:42px}
	.search-list-container ul li .badge-area-container .flex-item .purple{color:#422a88}
	
	#svg-image-blur { width:100%;height:100% }	
	#svg-image {x:0;y:0;}
	.icon-video {width:18px;height:18px}
	
	
}
@media all and (max-width:1300px) and (min-width:1025px) {
	/* main-forte-footer */
	.main-forte-footer{width:100%;border-top:1px solid #ddd;background-color:#e8e8e8;padding:0 15px;}
	.main-forte-footer .inner2{padding:120px 0 0 0}
	.main-forte-footer .inner2 .content-left{float:left;width:50%}
	.main-forte-footer .inner2 .content-right{float:right;width:45%;}
	.main-forte-footer .inner2 .slogan img{width:65%}
	.main-forte-footer .inner2 .app{margin-top:40px;width:100%}
	.main-forte-footer .inner2 .app .android{width:49%;float:left}
	.main-forte-footer .inner2 .app .iphone{width:49%;float:right}
	.main-forte-footer .inner2 .video-extend{display:none;}
	.main-forte-footer .inner2 .video{
		display:block;
		position:relative;
		padding-bottom: 56.25%; /* 16/9 ratio */
    	padding-top: 30px; /* IE6 workaround*/
    	height: 0;
    	overflow: hidden;    	
    	margin-top:40px;
	}
	.main-forte-footer .inner2 .video iframe,
	.main-forte-footer .inner2 .video object,
	.main-forte-footer .inner2 .video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	/* .main-forte-footer .inner2 .video iframe {position:absolute;top:0;left:0;width:100%;height:100%;} */
	.main-forte-footer .inner2 .screenshot img{width:100%;}
	.main-forte-footer .video-extend-area{display:none}
	
	/* popular_manager */
	.search-list-container{}	
	.search-list-container ul{border-top: 1px solid #dcdcdc;}
	.search-list-container ul li{padding:10px 0;border-bottom: 1px solid #dcdcdc;}
	.search-list-container ul li .manager-info-area{padding:10px}
	.search-list-container ul li .manager-left{position:relative;width: 150px;}
	.search-list-container ul li .manager-left-inner{width: 120px;text-align:center}
	.search-list-container ul li .photo {position:relative;width:120px;height:120px;}
	.search-list-container ul li .img-blind {display:none;position:absolute;left:1px;top:1px;width:100%;height:100%;opacity: 0.5;filter: alpha(opacity=80);z-index:1}
	.search-list-container ul li .star {width:100%;color: #fdc85b;}
	.search-list-container ul li .manager-right{position:relative;margin-left: 150px;}
	.search-list-container ul li .manager-right .name{font-size:18px;}
	.search-list-container ul li .manager-right .info{margin-top:10px;}
	.search-list-container ul li .badge-area-container {display: flex;}
	.search-list-container ul li .badge-area-container .flex-item {width:50%;text-align:left;padding:5px 0;color:#080808}
	.search-list-container ul li .badge-area-container .flex-item img{vertical-align: middle;width:42px}
	.search-list-container ul li .badge-area-container .flex-item .purple{color:#422a88}
	
	#svg-image-blur { width:100%;height:100% }
	#svg-image {x:0;y:0}
	.icon-video {width:18px;height:18px}
}
@media all and (max-width:1024px) and (min-width:769px) {
	/* main-forte-footer */
	.main-forte-footer{width:100%;border-top:1px solid #ddd;background-color:#e8e8e8;padding:0 15px;}
	.main-forte-footer .inner2{padding:120px 0 0 0}
	.main-forte-footer .inner2 .content-left{float:left;width:50%}
	.main-forte-footer .inner2 .content-right{float:right;width:45%;}
	.main-forte-footer .inner2 .slogan img{width:65%}
	.main-forte-footer .inner2 .app{margin-top:20px;width:100%}
	.main-forte-footer .inner2 .app .android{width:49%;float:left}
	.main-forte-footer .inner2 .app .iphone{width:49%;float:right}
	.main-forte-footer .inner2 .video-extend{display:none;}
	.main-forte-footer .inner2 .video{
		display:block;
		position:relative;
		padding-bottom: 56.25%; /* 16/9 ratio */
    	padding-top: 30px; /* IE6 workaround*/
    	height: 0;
    	overflow: hidden;    	
    	margin-top:40px;
	}
	.main-forte-footer .inner2 .video iframe,
	.main-forte-footer .inner2 .video object,
	.main-forte-footer .inner2 .video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	/* .main-forte-footer .inner2 .video iframe {position:absolute;top:0;left:0;width:100%;height:100%;} */
	.main-forte-footer .inner2 .screenshot img{width:100%;}	
	.main-forte-footer .video-extend-area{display:none}
	
	/* popular_manager */
	.search-list-container{}	
	.search-list-container ul{border-top: 1px solid #dcdcdc;}
	.search-list-container ul li{padding:10px 0;border-bottom: 1px solid #dcdcdc;}
	.search-list-container ul li .manager-info-area{padding:10px}
	.search-list-container ul li .manager-left{position:relative;width: 150px;}
	.search-list-container ul li .manager-left-inner{width: 120px;text-align:center}
	.search-list-container ul li .photo {position:relative;width:120px;height:120px;}
	.search-list-container ul li .img-blind {display:none;position:absolute;left:1px;top:1px;width:100%;height:100%;opacity: 0.5;filter: alpha(opacity=80);z-index:1}
	.search-list-container ul li .star {width:100%;color: #fdc85b;}
	.search-list-container ul li .manager-right{position:relative;margin-left: 150px;}
	.search-list-container ul li .manager-right .name{font-size:18px;}
	.search-list-container ul li .manager-right .info{margin-top:10px;}
	.search-list-container ul li .badge-area-container {display: flex;}
	.search-list-container ul li .badge-area-container .flex-item {width:50%;text-align:left;padding:5px 0;color:#080808}
	.search-list-container ul li .badge-area-container .flex-item img{vertical-align: middle;width:42px}
	.search-list-container ul li .badge-area-container .flex-item .purple{color:#422a88}
	
	#svg-image-blur { width:100%;height:100% }
	#svg-image {x:0;y:0}
	.icon-video {width:18px;height:18px}
}
@media only all and (max-width:768px) {
	/* main-forte-footer */
	.main-forte-footer{width:100%;border-top:1px solid #ddd;background-color:#e8e8e8;padding:0 15px;}	
	.main-forte-footer .inner2{padding:0:}
	.main-forte-footer .inner2 .content-left{float:left;width:45%;padding-top:20px;}
	.main-forte-footer .inner2 .content-right{float:right;width:50%;}
	.main-forte-footer .inner2 .slogan img{width:90%}
	.main-forte-footer .inner2 .app{margin-top:20px;width:100%}
	.main-forte-footer .inner2 .app .android{width:100%;}
	.main-forte-footer .inner2 .app .android img{width:90%;}
	.main-forte-footer .inner2 .app .iphone{width:100%;margin-top:20px;}
	.main-forte-footer .inner2 .app .iphone img{width:90%;}
	.main-forte-footer .inner2 .video{display:none;}
	.main-forte-footer .inner2 .video-extend{
		display:block;
		position:relative;
		padding-bottom: 56.25%; /* 16/9 ratio */
    	padding-top: 30px; /* IE6 workaround*/
    	height: 0;
    	overflow: hidden;    	
	}
	.main-forte-footer .inner2 .video-extend iframe,
	.main-forte-footer .inner2 .video-extend object,
	.main-forte-footer .inner2 .video-extend embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	/* .main-forte-footer .inner2 .video iframe {position:absolute;top:0;left:0;width:100%;height:100%;} */
	.main-forte-footer .inner2 .screenshot img{width:100%;}
	.main-forte-footer .video-extend-area{padding:0 0 30px 0!important;}	
	.main-forte-footer .m{padding:60px 0 0 0!important;}
	
	/* popular_manager */
	.search-list-container{}	
	.search-list-container ul{border-top: 1px solid #dcdcdc;}
	.search-list-container ul li{padding:10px 0;border-bottom: 1px solid #dcdcdc;}
	.search-list-container ul li .manager-info-area{padding:10px}
	.search-list-container ul li .manager-left{position:relative;width: 150px;}
	.search-list-container ul li .manager-left-inner{width: 120px;text-align:center}
	.search-list-container ul li .photo {position:relative;width:120px;height:120px;}
	.search-list-container ul li .img-blind {display:none;position:absolute;left:1px;top:1px;width:100%;height:100%;opacity: 0.5;filter: alpha(opacity=80);z-index:1}
	.search-list-container ul li .star {width:100%;color: #fdc85b;}
	.search-list-container ul li .manager-right{position:relative;margin-left: 150px;}
	.search-list-container ul li .manager-right .name{font-size:15px;}
	.search-list-container ul li .manager-right .info{margin-top:10px; font-size:14px;}
	.search-list-container ul li .badge-area-container {display: flex;}
	.search-list-container ul li .badge-area-container .flex-item {width:50%;text-align:left;padding:5px 0;color:#080808}
	.search-list-container ul li .badge-area-container .flex-item img{vertical-align: middle;width:29px}
	.search-list-container ul li .badge-area-container .flex-item .purple{color:#422a88}
	
	#svg-image-blur { width:100%;height:100% }
	#svg-image {x:0;y:0}
	.icon-video {width:18px;height:18px}
}