@charset "utf-8";

/* CSS Document */
.inquiry{ position:relative;}
.inquiry img{ width:100%;}
.inquiry .box{ position:absolute; width:660px; top:50%; left:50%; margin-left:-330px;height:512px; margin-top:-256px;border:solid 1px #0146ae;border-radius:15px;}
.inquiry .inner{ background:rgba(0,0,0,.3); padding:40px 38px 50px; background:#f8fcff;border-radius:15px;}
.inquiry  .tit{ font-size:24px; color:#fff; text-align:center; margin-bottom:35px;color:#0146ae;font-weight:bold;line-height:24px;}
.inquiry  .zy{ font-size:14px;margin-bottom:10px; color:#0146ae;line-height:22px;padding-right:48px;padding-top:30px;}
.inquiry td{ display:block; border:1px solid #fff; border-radius:5px; margin-bottom:32px; position:relative; padding-left:15px;background:#f2f3f5; }
.inquiry td:hover{border:1px solid #0146ae;}
.inquiry td:hover input[type="text"],.inquiry td:hover{background:#fff;}
.inquiry td h3{ width:96%; height:50px; font-size:14px; color:#707070; line-height:50px; cursor:pointer;}
.inquiry td h3:after{ display:inline-block; content:''; width:20px; height:11px; background-image:url(sj.png);background-repeat:no-repeat; background-size:cover; position:absolute; right:15px; top:50%; margin-top:-5px;}
.inquiry td ul{ position:absolute; left:0; top:50px; z-index:9; width:100%; background:#fff; border-radius:5px; border:1px solid #f2f2f2; padding:10px 0; visibility:hidden;}
.inquiry td.on ul{ visibility:visible;}
.inquiry td li{ font-size:14px; color:#707070; padding:7px 20px 7px 50px; cursor:pointer;}
.inquiry td li:hover,.inquiry td li.on{ color:#e6230f;}
.inquiry td  input[type="text"]{background:#f2f3f5; display:block; width:96%; height:50px; font-size:14px; color:#707070; border:0;outline: none;}
.sub-inquiry  input[type="submit"]{ display:block; width:100%; height:50px; color:#fff; font-size:18px; background-color:#0146ae; border-radius:0px; border:0;outline: none;cursor:pointer;}
.sub-inquiry  input[type="submit"]:hover{background:#0856ca;}
.sub-inquiry{margin-top:10px;}

.inquiry td b{ display:block; position:absolute; left:0px; top:105%; font-size:14px; color:#e6230f;}

#fzz.mt60{ margin-top:0;}

.inquiryCon{ border-top:1px solid #eaeaea; padding:85px 0 120px;}
.inquiryCon .tit{ font-size:30px; color:#e6230f; text-align:center; margin-bottom:35px;}
.inquiryCon  .noRes{ font-size:20px; text-align:center; margin:130px 0;}
.inquiryCon ul{ overflow:hidden;}
.inquiryCon li{ height:56px; display:table; border:1px solid #cfe2f1; width:49.5%; font-size:18px; color:#333; margin-bottom:20px; float:left;}
.inquiryCon li.odd{ float:right;}
.inquiryCon li label{ display:table-cell; height:100%; vertical-align:middle; width:32%; text-align:center; background-color:#f5fafe; border-right:1px solid #cfe2f1;}
.inquiryCon li span{ display:table-cell; height:100%; vertical-align:middle; width:64%; padding-left:4%;}

.returnBtn{ text-align:center; margin-top:60px;}
.returnBtn a{ display:inline-block; width:388px; height:50px; line-height:50px; color:#fff; font-size:18px; background-color:#e6230f; border-radius:5px;}

@media screen and (max-width:768px){
	.logo img{ width:1.82rem;}
	
	.inquiry.mt20{ margin-top:0;}
	.inquiry .tit{ font-size:20px; margin-bottom:20px;}
	.inquiry .box{width:94%; left:3%; right:3%; top:50%; margin-top:0;margin-left:0px;height:420px;margin-top:-210px;}
	.inquiry td h3{ height:.8rem; line-height:.8rem; font-size:.24rem;}
	.inquiry td h3:after{width:.2rem; height:.11rem; right:.15rem; margin-top:-.05rem;}
	.inquiry .inner{ padding:40px 20px 15px;}
	.inquiry td{ padding-left:15px; margin-bottom:25px;}
.inquiry .zy{padding-top:7px;}
	.inquiry tr td:before{ left:.15rem;}
	.inquiry tr:nth-child(1) td:before{ margin-top:-.12rem; width:.16rem; height:.23rem; }
	.inquiry tr:nth-child(2) td:before{ margin-top:-.1rem; width:.18rem; height:.2rem; }
	.inquiry tr:nth-child(3) td:before{ margin-top:-.1rem; width:.19rem; height:.2rem; }
	.sub-inquiry{margin-top:0px;}
	.inquiry td  input[type="text"]{ height:45px; font-size:16px;}
	.sub-inquiry  input[type="submit"]{ height:45px; font-size:16px;}
	
	.inquiry td b{ left:0px;}
	
	.inquiryCon { border:0; padding:.85rem 0 1.2rem;}
	.inquiryCon .tit{ font-size:.45rem;}
	.inquiryCon.mt20{ margin-top:0;}
	.inquiryCon  .noRes{ font-size:.24rem; margin:1.5rem 0;}
	.inquiryCon li{ width:100%; float:none; margin-bottom:.3rem;height:.56rem; font-size:.24rem; box-sizing:border-box;}
	.inquiryCon li.odd{ float:none;}
	.returnBtn{ margin-top:.6rem;}
	.returnBtn a{ width:3.88rem; height:.5rem; line-height:.5rem; font-size:.24rem;}
}