/*
LS CSS
by HYH
*/

* {box-sizing:border-box;}


.qz_top {background-size: cover; background-position: center bottom;}


/* sec1 */

.page_qz .sec1{
	width:100%;
	margin:0px auto;	
	background-color:#dff7fe;
	padding-top: 70px;
	padding-bottom:70px;
	text-align: center;
}

.page_qz1 .qz{
	position: relative;
	margin:0px auto;
	max-width:685px;
	margin-bottom:30px;
}

.page_qz1 .qz .hidden {
	position: absolute;
	height: 0;
	visibility: hidden;
}

.page_qz1 .qz_input{
	position: absolute;
	left: 50%; bottom: 3.72%;
	width: 32.84%; height: 7%;
	transform:translateX(-50%);
	text-align:center;
}

.page_qz1 .qz_input input[type='text']{
	width: 100%; height: 100%;
	text-align:center;
	border:0;
	font-weight: 700;
	font-size: 30px;
	padding:0px;
	border-radius: 10px;
	background: none;
	color: #000;
	border: 2px solid #000;
}


.page_qz1 .qz2 .qz_input {height: 7.6%; bottom: 4.42%;}



.h_btn{
	display:inline-block;
	background-color:#fffdc7;
	text-align:center;
	width:220px;
	height:50px;
	line-height:50px;
	margin:0 auto;
	cursor:pointer;
	font-size: 2.0rem;
    color: #000;
    font-weight: 400;
	border-radius:60px;
}

.h_btn img{
	vertical-align:middle;
}

.qz.qz4 {background-color: #fffdcd; border-radius: 20px;}
.qz.qz4 .in {
	position: absolute; left: 10%; top: 30%;
	width: 80%;
}

.qz_input2{
	padding:0px 20px;
	text-align:center;
	margin-top:34px;
}

.qz_input2 input[type=text]{
	width:48%;
	height:50px;
	border:1px solid #c5c5c5;
	margin-bottom:14px;
	padding:0 10px;
	font-size: 20px;
	line-height: 48px;
}

.qz_input2 input[type=text]:nth-child(2){
	margin-left:2%;
}

.page_qz ::placeholder {
  color: #303030;
  font-size:1.7rem;
  font-weight:350;
}

.page_qz .qz-button{
	display:block;
	width:230px;
	height:52px;
	background:url(/2024_09/images/qz/send_btn.png) no-repeat center top;
	border:0px;
	border-radius:60px;
	/*font-size:2.2rem;
	font-weight:400;*/
	margin:0 auto;
	margin-top:16px;
	cursor:pointer;
	text-indent:-9999px;
}


.page_qz .qz_info{
	text-align:left;
}

.page_qz .qz_info_top{
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.page_qz .qz_info_top p{
	font-size:1.9rem;
	font-weight:400;
	line-height:30px;
	color:#323744;
}

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .page_qz .qz_info_top p{
        letter-spacing: -1.6px;
    }
}

.page_qz .qz_info_top p > span{
	font-weight:500;
}
.page_qz .qz_info_btm{
	position:relative;
}

.page_qz .qz_info_btm span{
	padding:4px 9px;
	background-color:#ff9a23;
	color:#FFF;
	border-radius:4px;
	font-size: 18px;
	font-weight:200;
	margin-right:16px;
	vertical-align:top;
}

.page_qz .qz_info_btm p,
.page_qz .qz_info_btm div{
	font-size: 20px;
	font-weight:300;
	line-height:32px;
	color:#303030;
	margin-bottom:5px;
}

.page_qz .qz_info_btm p.gift_mg{
	margin:0 0;
	display:inline-block;
	margin-left:-7px;
	margin-top:-3px;
}

img.coffee{
	position:absolute;
	right:30px;
	bottom:6px;
}

/* sec2 */

.page_qz .sec2{
	background-color:#bee6ff;
}


.qz_review{
	width:1100px;
	margin:0 auto;
	/*background-color:#fcf6e8;
	border-radius:10px;
	padding:74px 27px;
	box-shadow: 6px 0px 8px 0px rgba(74, 74, 74, 0.07);*/
}


.rv_top{
	text-align:center;
}

.rv_top > img{
	margin-bottom:30px;
}

.qz_review ul{
	/*width: 880px;*/
	margin:45px auto 25px auto;
	text-align:center;
}

.qz_review li{
	display:inline-block;
	width:164px;
	text-align:center;
	margin-right:5px; margin-left: 5px;
	padding-bottom:25px;
}

.qz_review li img{
	width:164px;
	height:115px;
}


.page_qz .qz_review input[type=radio]{
    margin: 0;
    margin-right: 5px;
}

.qz_review li label{
	font-size: 16px;
    font-weight: 300;
}

.qz_review li div{
	margin-top:3px;
	height:25px;
	line-height:25px;
}

.qz_review .qz_input20{
	margin:0 auto;
	padding:0 0px;
	width:820px;
	overflow:hidden;
}

.qz_review .qz_input20 div{
	width:49%;
}

.qz_review .qz_input20 div.al_left{
	float:left;
}

.qz_review .qz_input20 div.al_right{
	float:right;
}

.qz_review .qz_input20 input[type=text]{
	width:100%;
	height:50px;
	border:0px;
	padding:0 10px;
	font-size: 20px;
}

.qz_review .qz_input20 textarea{
	width:100%;
	border:0px solid #c5c5c5;
	height:120px;
	padding: 10px;
	margin-top:14px;
	font-size: 20px;
}

.qz_review .qz_rv_button{
	width: 231px;
    height: 52px;
    color: #FFF;
    text-align: center;
	background:url(/2024_09/images/qz/send_btn.png) no-repeat center;
    border: 0px;
    border-radius: 50px;
    font-size: 2.2rem;
    font-weight: 400;
    margin-top: 30px;
	cursor:pointer;
}

.page_qz .qz_review .qz_info_btm{
	margin-top:50px;
	text-align:center;
}

.page_qz .qz_review .qz_info_btm span{
	padding:5px 10px;
	background-color:#f48123;
	color:#FFF;
	border-radius:4px;
	font-size:19px;
	margin-right:13px;
}

.page_qz .qz_review .qz_info_btm p{
	display:inline-block;
	font-size:20px;
	font-weight:400;
	line-height:30px;
	color:#303030;
	margin:0;
	margin-right:40px;
}

.page_qz .qz_review .qz_info_btm p:last-child{
	margin-right:0px;
}


/* page_qz1 - sec3 */

.page_qz .page_qz1 .sec3{
	margin:0 auto;
	padding-top:100px;
	padding-bottom:75px;
	background-color:#bee6ff;
}


.cong_box{
	width:1000px;
	margin:0 auto;
	background-color:#FFF;
	border-radius:20px;
	padding:50px 87px 45px 87px;   /*0712 수정*/
	/*box-shadow: 6px 0px 8px 0px rgba(74, 74, 74, 0.07);
	box-shadow: 6px 6px 8px 0px rgba(74, 74, 74, 0.07);*/
}
.top_txt{
	text-align:center;
}
.page_qz .page_qz1 .con_box{
	width:100%;	
	border-top:2px solid #000;
	/*background-color:#FFF;
	padding:50px 90px 40px 90px;
	border:2px solid #2063ae;
	border-radius:20px;
	margin-top:30px;*/
	overflow:hidden;
	margin-top:-2px;
}

.page_qz .page_qz1 .con_box.con_box2{
	border:2px solid #6553a7;
	margin-bottom:20px;
}

.page_qz .page_qz1 .con_box p.st,
.page_qz .page_qz1 .con_box p.st2{
	display: block;
	font-weight: 700;
	font-size:22px;
	color:#009da7;
	line-height:32px;
	text-align:left;
	/*border-bottom:2px solid #0068dd;*/
	padding-bottom:10px;
}

.page_qz .page_qz1 .con_box p.st2{
	color:#ff9a23;
}
.page_qz .page_qz1 .con_box.con_box2 p.st{
	color:#7661c1;
}

.page_qz .page_qz1 .con_list.mg{
	margin-top:50px;
	padding-bottom:50px;
}

.page_qz .page_qz1 .con_list.mg2{
	margin-top:30px;
}

.page_qz .page_qz1 .con_list p.goods{
	font-weight:300;
	margin-bottom:5px;
	line-height: 36px;
	letter-spacing:-1.2px;
}
.page_qz .page_qz1 .con_list p {
	font-weight:350;
}

.page_qz .page_qz1 .con_list p > span{
	font-weight:400;
	margin-right:10px;
}

.page_qz .page_qz1 .con_fst,
.page_qz .page_qz1 .con_sec{
	width:100%;
	overflow:hidden;
}

.page_qz .page_qz1 .con_box2 .con_fst{
	padding-bottom:0px;
}

div.op{
	margin-top:30px;
	width:100%;
	background-color:#e8e8e8;
	padding:13px;
	border-radius:10px;
	margin-bottom: 30px;
}

.page_qz .page_qz1 .con_list div.op span{
	background:url(../images/qz/qz_arr0.png) no-repeat left center;
	background-position-y: 4px;
	padding-left: 28px;
	font-weight: 500;
    margin-right: 0px;

}
.con_list{
	width:100%;
	overflow:hidden;
	padding-bottom:30px;
}

.con_ans{
	float:left;
	width:40%;
	font-weight:350;
}
.con_ans span{
	font-weight:700;
	margin-right:5px;
}
.con_ans p{
	display:inline;
	margin-right:26px;
	line-height:36px;
}

.con_ans p.p2{
	display:inline-block;
	padding-left:17px;
}

.con_box_inner{
	width:60%;
	float:right;
}

.page_qz .page_qz1 .con_left,
.page_qz .page_qz1 .con_right{
	padding:0;
	width:50%;
}
.page_qz .page_qz1 .con_left{
	float:left;	
}

.page_qz .page_qz1 .con_right{
	float:right;
	text-align:right;
}

.btm_left{
	float:left;
	width:50%;
}

.btm_left p.st{
	color:#ff5b57;
	font-size:1.8rem;
	font-weight:bold;	
	padding-bottom:10px;
}

.btm_left p{
	text-align:left;
	color:#303030;
	font-weight:350;
	font-size:1.8rem;
}


/* page_qz2 - sec1 */

.page_qz .page_qz2{
	width:100%;
	background-color:#fff2cf;
	padding:0px 0 70px 0px;
}

.page_qz .page_qz2 .sec1,
.page_qz .page_qz2 .sec2,
.page_qz .page_qz2 .sec3,
.page_qz .page_qz3 .sec1{
	width:984px;
	margin:0 auto;
}

.page_qz2 .top_txt{
	text-align:center;
}

.page_qz2 .top_txt img{
	margin-bottom:20px;
}

.sum_box{
	width:100%;
	overflow:hidden;
	margin-top:55px;
}

.sum_box > div{
	width:100%;
	overflow:hidden;
}

.sum_left,
.sum_right{
	width:457px;
	height:600px;
	border:2px solid #0a5b53;
	padding:40px 36px 0px 37px;
	background-color:#FFF;
	border-radius:20px;
	box-shadow: 7px 7px 0px 0px #10bdab;
	margin-bottom:40px;
}

.sum_left{
	float:left;
}

.sum_right{
	float:right;
    margin-right: 7px;
}

.sum_box p{
	font-size:1.9rem;
	font-weight:300;
	line-height:30px;
}


.sum_box p.con{
	font-weight:300;
	line-height:30px;
}

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .sum_box p.con{
        letter-spacing: -1.7px;
    }
}

.sum_box img{
	margin:16px 0 22px 0;
}



/* page_qz2 - sec3 */



.page_qz .page_qz2 .sec1{
	margin-top:0px;
}

.kt_box{
	width:100%;;
	
	padding:40px 0;
	background-color:#FFF;
	border-radius:20px;
	/*border:2px solid #e59c1d;
	box-shadow: 7px 7px 0px 0px #feac1e;*/
	margin-top:30px;
	overflow:hidden;
	text-align:center;
}


@media all and (min-width:1280px){
	
	.qz_top{
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
	}
}

@media all and (max-width:1279px){
	
	
	.page_qz .page_qz1{
		background-size: cover;
	}

	.page_qz .page_qz2,
	.page_qz .page_qz3{
		padding: 0 5% 5%;
	}

	.page_qz .page_qz2 .sec1, .page_qz .page_qz2 .sec2, .page_qz .page_qz2 .sec3,
	.page_qz .page_qz3 .sec1{
		width: 100%;
	}
	.page_qz .sec2{
	}
	.page_qz .page_qz1 img.gf{
		display:none;
	}
	.qz_top .top_txt p{

	}
	.qz_review {
		width:90%;
	}
	.qz_review li{
		vertical-align: top;
		width: 18%;
		margin-right: 1.8%;
	}
	.qz_review li img {
		width: auto;
		height: auto;
	}

	.cong_box {width: 100%;}

	.sum_left, .sum_right {
		width: 48%;
		height: 600px;
	}

	.hint_area .popup{
		/*right:auto;
		left: 20px;
		top: 300px;*/
	}

	.hint_area .popup.qz_pop2 {
		/*right: auto;
		left: 20px;*/
	}

	.hint_area .popup .pop_top {
		
	}

	.box_1st.box_2nd .div3, .box_1st.box_3rd .div3, .box_1st.box_4th .div3{
		margin-left: 10%;
	}

	.box_1st.box_2nd .div3 ul, .box_1st.box_3rd .div3 ul, .box_1st.box_4th .div3 ul{
		width: 33%;
		padding-left: 5%;
	}


}


@media all and (max-width:1225px){
	.hint_area .popup{
		right:auto;
		left: 50%;
		top:60px;
	}

	.hint_area .popup.qz_pop2 {
		right: auto;
		left: 50%;
		
	}

	.hint_area .popup.qz_pop2 .pop_top{
		background:url(../images/qz/pop1.png) no-repeat left top;
	}

	.hint_area .popup.qz_pop2 .pop_close{
		right:37px;
		left:auto;
	}


}

@media all and (max-width:1110px){
	.qz_review ul{
		width: 100%;
	}
}

@media all and (max-width:939px){

	
	
	.page_qz .page_qz1{
		padding: 0 0%;
	}

	.hint_area .popup{
		left: 0%;
	}

	.hint_area .popup.qz_pop2 {
		left: 0%;
		
	}
	.qz_review .qz_input20{
		width:100%;
	}

	.cong_box{
		padding:7%;
	}
	
}

@media all and (max-width:768px){

	

	.qz_review li{
		width: 23%;
		margin-right: 1.5%;
	}
	.page_qz .page_qz1 .con_box{
		
	}
	.sum_box p.con {
		display: inline;
	}
	.page_qz .page_qz2 .con_left, .page_qz .page_qz2 .con_right{
		padding:0 25px;
	}
	.page_qz .qz_info_btm{
		margin-top:15px;
    }

	.kt_box2{
		padding: 5%;
	}
	.page_qz .page_qz1 .con_list div.op span{
		background-size:20%;

	}

	.page_qz1 .qz {margin-left: 50px; margin-right: 50px; width: calc(100% - 100px);}
	.qz.qz4 {margin-bottom: 0; background: #fffdcd url('/2024_09/images/qz/qz1-4mo.png') center 0 no-repeat; background-size: 100% auto;}
	.qz.qz4 .qz_img {display: none;}
	.qz.qz4 .in {position: static; margin-left: 10%; padding-top: 20%; padding-bottom: 40px;}
	.qz.qz4 .qz_input2,
	.qz.qz4 .qz-button {position: relative; z-index: 1;}
	.qz.qz4 .qz-button {max-width:150px; background-size: cover; height: 40px;}
	img.coffee {width: 10%; right: 0;}
	.qz_input2 {padding-left: 0; padding-right: 0;}

	.page_qz1 .qz_input input[type='text'] {border-radius: 10%; border-width: 2px; font-size: 14px;}
	
}

@media all and (max-width:567px){
	
	
	

	.page_qz1 .qz_top .top_txt{
		width:100%;
	}
	.page_qz1 .sec1{
		/*zoom:0.53;*/
	}
	.qz_review li {
		width: 47%;
		margin-right: 2%;
	}
	.qz_review .qz_input20 {
		padding: 0 0px;
	}
	.page_qz .qz_review .qz_info_btm p{
		display: block;
		text-align:left;
		margin-right:0px;
	}

	.page_qz .page_qz1 .con_box{
		
	}

	.page_qz .page_qz2 {
		padding-bottom: 100px;
	}

	.page_qz .page_qz2 .sec1,
	.page_qz .page_qz2 .sec2{
		margin-top: 50px;
	}

	.sum_box{
		padding: 0 0%;
	}

	.sum_left, .sum_right {
		width: 97%;
		height: 500px;
		padding: 8% 5%;
		float: none;
	}

	.page_qz .page_qz1 .con_list.mg{
		padding-bottom:0px;
	}
	.con_box_inner,
	.con_ans{
		width:100%;	
	}
	.con_ans{
		padding-bottom:30px;
	}
	.page_qz .page_qz1 .con_left, 
	.page_qz .page_qz1 .con_right{
		float:none;
		width:97%;
		padding: 0% 0%;
	}
	.page_qz .page_qz1 .con_right{
		text-align:left;
	}
	.page_qz .page_qz1 .con_left{
		background:none;
	}
	.page_qz .page_qz1 .con_fst {
		padding-bottom: 30px;
	}

	.page_qz .page_qz1 .con_list div.op span{
		background-size:20%;

	}
	.page_qz .qz_info_btm{
		margin-top:15px;
    }
	.page_qz .qz_info_btm p{
		margin-left: 5px;
	}

	.page_qz1 .qz.qz2 p{
		position:relative;
		width:100%;
		left:50%;
		margin-left:-50%;

	}

	.box_1st div{
		display:block;
		text-align:center;
	}

	.box_1st .div3{
		margin-left: 0px;
	}

	.box_1st.box_2nd .div3, .box_1st.box_3rd .div3, .box_1st.box_4th .div3{
		margin-left:0%;
	}

	.box_1st.box_2nd .div3 ul, .box_1st.box_3rd .div3 ul, .box_1st.box_4th .div3 ul {
		width: 100%;
		padding-left: 0%;
	}

	.page_qz .qz_info_btm p,
	.page_qz .qz_info_btm div{
		margin-left: 5px;
		margin-bottom: 7px;
	}

	.page_qz1 .qz {margin-left: 20px; margin-right: 20px; width: calc(100% - 40px);}
	.qz_input2 input[type=text] {height: 45px; font-size: 14px;}

	.down_box a img {height: 35px;}
	.page_qz .qz_info_btm p.gift_mg {margin-left: 0; line-height: 1.6; margin-top: .3em;}
	img.coffee {bottom: 0; right: -4%;}

}

@media all and (max-width:375px){
	
	.page_qz .qz_info_btm p,
	.page_qz .qz_info_btm div{
		margin-left: 5px;
	}
	
	
}

@media all and (max-width:320px){
	.page_qz1 .sec1{
		/*zoom:0.6;*/
	}
	.page_qz .qz_info_top p{
		display:inline;
	}
	.page_qz .qz_info_btm {
		margin-top: 10px;
	}


}


/*0713 추가*/
.pb35 {
	padding-bottom: 35px;
}





/* down */
.hero_down{
	padding:60px 20px;
	margin-top:60px;
	text-align:center;
	background-color:#ececec;	
}
.hero_down .er_box h5 {
    padding-bottom: 48px;
}
.hero_down .text{
	text-align:center;
	padding-bottom:48px;
}
.hero_down .er_cont{
	width:100%;
	overflow:hidden;
}
.hero_down .text span{
	display: inline-block; vertical-align: top;
	font-size: 1.8rem;
    font-weight: 400;
	text-align:center;
	margin-left:15px;
}
.down_box{
	display:inline-block;
	width:364px;
	vertical-align:top;
}

.down_box > div:first-child {
	display: flex;
	align-items:center;
	justify-content: center;
	height: 295px;
}
.down_box:nth-child(2){
	width:420px;
	margin-left:100px;
}
.down_box div:nth-child(2){
	margin-top:50px;
	font-size: 0;
}

.down_box div a:nth-child(2){
	margin-left:17px;
}
@media all and (max-width:567px){
	.he_box h5 {margin-bottom: 10px;}
	.he_box h5 img {height: 40px;}


	.page_title .title_box h2 img{
		width: 20%;
	}

	.page_hero_box{
		/*padding: 5%;*/
		margin-top: 10%;
	}

	.page_hero section {
		padding: 20% 10%;
		margin-bottom:5%;
	}

	.page_hero .hero_down{
		padding: 20px;
		margin-top: 0;
		border-radius: 0;
	}

	.er_box h5 {
		padding-bottom: 40px;
	}

	.er_cont .text{
		padding-top: 40px;
	}

	.down_box,
	.down_box:nth-child(2){
		width: 100%;
	}

	.down_box:nth-child(2){
		margin-top:40px;
		margin-left: 0;
	}


	.down_box > div:first-child {
		height: auto;
	}
}




/*추가*/
.page_qz {font-size: 21px; line-height: 1.7; color: #000;}




.con_ans2 {display: flex; flex-wrap:wrap; float: none; width: auto; }
.con_ans2 > div {width: 30%;}
.con_ans2 > div:nth-child(3n+1) {width: 40%;}
.con_ans2 > div:nth-child(3n) {text-align: right;}
.con_ans2 > div > p {display: block; margin-right: 0;}
.con_ans2 > div > span + p {display: inline-block;}
.con_ans2.ty2 > div:nth-child(3n) > div {display: inline-block; min-width:185px; text-align: left;}

.con_ans2 p {display: inline-block;}

.page_qz p.sts {font-weight: 700; font-size: 18px; color: #3a91e8; margin-bottom: 10px;}

.c-yellow {color: #ffba00 !important;}
.c-green {color: #459ba5 !important;}
.c-orange {color: #f19f43 !important;}
.c-blue {color: #3a91e8 !important;}
.c-purple {color: #525bc4 !important;}

.highlight {display: inline; font-weight: inherit !important;}


.c-yellow .highlight {box-shadow: inset 0 -.8em 0 #fff0c7; }
.c-green .highlight {box-shadow: inset 0 -.8em 0 #d6e9eb; }
.c-orange .highlight {box-shadow: inset 0 -.8em 0 #fcead6; }
.c-blue .highlight {box-shadow: inset 0 -.8em 0 #d4e7fa; }



.line {height: 1px; background-color: #000; margin: 1.5em 0;}




.qzbox {text-align: left; position: relative; max-width:685px; padding: 50px; margin-left: auto; margin-right: auto; border-radius: 1em; margin-bottom: 30px;}
.qzbox.box1 {background-color: #a0e3eb;}
.qzbox.box2 {background-color: #f6d88f;}
.qzbox.box3 {background-color: #f5bdac;}


.qzbox input[type="text"] {width: 200px; height: 60px; line-height: 58px; border: 1px solid #000; border-radius: 10px; background-color: #fff; box-shadow:2px 2px 0 rgba(0,0,0,.3); font-size: 22px; color: #000;}
.qzbox input + label {font-size: 24px;}
.qzbox input[type="checkbox"] {width: 20px; height: 20px;}
.qzbox input[type="radio"] {width: 24px; height: 24px;}

.qzbox.box3 label {display: inline-block; width: 150px; text-align: left; margin-left: 10px; margin-right: 10px;}



.qzbox .tit {padding: 0 0 20px 40px; margin-bottom: 20px; border-bottom: 3px solid rgba(0,0,0,.3); font-family: 'SBAggro'; font-size: 24px; line-height: 1.2; word-break:keep-all;}
.qzbox .tit .num {position: absolute; left: 0; top: 50px; padding: 15px 20px 13px 10px; background-color: #fffdcd; border-radius: 0 50px 50px 0; color: #283a60; font-size: 1.2em;}

.qzbox .tit .h1 {margin-bottom: 20px; color: #2d518f;}
.qzbox .tit .h1 > span {font-size: 1.75em; display: block; line-height: 1; color: #000;}

.qzbox .tit  i.a {display: inline-block; vertical-align: middle; width: 1em; height: 1em; background-color: #fff; border: 1px solid #000; border-radius: 3px; margin: 0 1px;}

.qzbox .txt {padding: 20px 0 40px; text-align: center; font-weight: 700; font-size: 38px; line-height: 1;}
.qzbox .txt input {vertical-align: middle; margin: 0 5px;}
.qzbox .txt input + span {vertical-align: middle;}


.qzbox .btns {position: relative; text-align: center; margin-top: 30px;}
.qzbox .bt1 {background-color: #fff; border-radius: 50px; padding: 10px 20px; text-align: center; font-size: 24px; font-weight: 500; min-width:200px; color: #656565;}

.qzbox .hint {z-index: 1; display: none; position: absolute; left: 50%; top: 0; margin-left: 150px; padding: 5px 10px 20px; width: 400px; font-size: 18px; background-color: #fff7ea; border: 1px solid #000; border-radius: 1em;}
.qzbox .hint::before {
    background-color: #fff7ea;
    content: "\00a0";
    display: block; z-index: 0;
    position: absolute; top: 20px; left: -20px;
    width: 60px; height: 30px;
    transform: rotate( 40deg ) skew( -50deg );
	-moz-transform: rotate( 40deg ) skew( -50deg );
	-ms-transform: rotate( 40deg ) skew( -50deg );
	-o-transform: rotate( 40deg ) skew( -50deg );
	-webkit-transform: rotate( 40deg ) skew( -50deg );
	border: 1px solid #000;
}
.qzbox .hint::after {
	content:""; position: absolute; left: 0; top: 0; width: 150px; height: 150px;
	background-color: #fff7ea; border-radius: 1em;
}
.qzbox .hint .close {float: right; position: relative; z-index: 1; margin-bottom: 5px; width: 30px; height: 20px; font-size: 30px; line-height: 20px;}
.qzbox .hint p {position: relative; z-index: 1; clear: both; padding: 0 15px 10px; text-align: left;}
.qzbox .hint .bt1 { position: relative; z-index: 1;font-size: 16px; background-color: #404040; color: #fff; font-size: 16px;}


input::placeholder,
textarea::placeholder {font-size: 18px !important;}


@media all and (max-width:960px){
	.page_qz {font-size: 16px;}

	
	.qzbox .tit {padding: 0 0 10px; margin-bottom: 10px; border-bottom: 2px solid rgba(0,0,0,.3); font-size: 18px;}
	.qzbox .tit .num {padding: 12px 15px 10px 10px; top: 30px;}
	.qzbox .tit .h1 {margin-left: 40px; margin-bottom: 10px;}
	.qzbox .tit .h1 > span {font-size: 1.5em;}

	.qzbox .txt {font-size: 24px; padding: 15px 0 20px;}

	.qzbox .bt1 {font-size: 18px;}

	.qzbox .hint {left: 0; top: 60px; margin-left: 0; width: 100%; box-sizing:border-box; font-size: 15px;}
	.qzbox .hint::before {
		left: 50%; margin-left: -30px;
		transform: rotate( 108deg ) skew( -50deg );
		-moz-transform: rotate( 108deg ) skew( -50deg );
		-ms-transform: rotate( 108deg ) skew( -50deg );
		-o-transform: rotate( 108deg ) skew( -50deg );
		-webkit-transform: rotate( 108deg ) skew( -50deg );
	}
	.qzbox .hint::after {width: 100%; height: 100px;}
	.qzbox .hint .bt1 {font-size: 15px;}


	.qzbox.box2 label img {width: 40px;}

	.qzbox input + label {font-size: 16px;}
	.page_qz .qz_info_btm p, .page_qz .qz_info_btm div {font-size: 16px;}
	.rv_top p img {width: 40px;}


	.qz_review li {width: 28%; }
	.qz_review li label {font-size: 14px; line-height: 1.3; display: inline-block;}

	.page_qz .qz_review .qz_info_btm p { font-size: 17px;}
	.page_qz .qz_review .qz_info_btm span {font-size: 15px;}


	.page_qz .page_qz1 .sec3 {padding-left: 20px; padding-right: 20px; width: 100%; box-sizing:border-box; padding-top: 70px; padding-bottom: 50px;}


	.page_qz .page_qz1 .con_list.mg {margin-top: 30px;}
	.page_qz .page_qz1 .con_box p.st, .page_qz .page_qz1 .con_box p.st2 {font-size: 18px; line-height: 1.4;}

	.con_list {margin-top: 30px;}

	.con_ans2.ty1 > div {width: 100%;}
	.con_ans2.ty1 > div:nth-child(3n) {text-align: left;}
	.con_ans2.ty2 > div:nth-child(3n) > div {min-width: auto;}
	
	.page_qz p.sts {font-size: 15px;}

	.line {margin: 20px 0;}


	.hero_down{
		padding: 50px 20px;
		margin-top: 0;
		border-radius: 0;
	}

	.hero_down .text span {font-size: 16px;}


	.qz.qz4 .in {margin-left: 20px; width: 86%;}

	.rv_top > img {height: 80px;}


	.page_qz .page_qz2 {padding-bottom: 70px;}
	.qz_review .qz_input20 input[type=text] {font-size: 16px;}
	.qz_review .qz_input20 textarea {font-size: 16px;}


	.con_ans2 > div {width: 50%;}
	.con_ans2 > div:nth-child(3n) {text-align: left;}
	.con_ans2 > div:nth-child(3n+1) {width: 50%;}

	.mmt0 {margin-top: 0 !important;}
	.fx1 {display: flex; align-items:center;}
	.fx1 p {display: inline-flex;align-items:center;}
	.fx1 p span {display: inline-block; vertical-align: middle; line-height: 1.2;}
	.fx1 p span:first-child {width: 40px !important; min-width:40px;}

	.qzbox.box3 .txt {text-align: left;}
	.qzbox.box3 label {width: auto; margin-bottom: 5px;}


	.qzbox input[type="text"] {width: 150px; height: 45px; line-height: 43px; font-size: 20px;}
}

@media all and (max-width:768px){
	.qzbox {width: auto; margin-left: 50px; margin-right: 50px; padding: 30px 30px;}
}
@media all and (max-width:567px){
	.qzbox {width: auto; margin-left: 20px; margin-right: 20px;}

	 .qz_review li {width: 44%;}

	 .page_qz .qz_info_btm span {font-size: 14px; margin-right: 10px;}

	 .con_list {padding-bottom: 0;}

	 .con_ans2 > div {width: 100%;}
	 .con_ans2 > div:nth-child(3n+1) {width: 100%;}
}