@charset "utf-8";


/*------------------------------------------------------------------------------------------------------------*/

.s-inq-wrap { }
.s-inq-wrap .inq-in {display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; width:100%; gap:15px; margin-top:30px; }
.inq-con {width:100%; display:flex; flex-wrap:wrap; gap:10px}
.inq-con li {width:calc((100% - 10px) / 2); box-sizing:border-box; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; border:1px solid #dddddd; border-radius:5px; overflow:hidden; }
.inq-con li .tit {width:150px; height:100%; box-sizing:border-box; padding-left:15px; background:#fafafa;  line-height: 58px; color:#252525;  }
.inq-con li .tit span.req {color:#e50404; font-size:1.2rem; vertical-align:top}
.inq-con li .con {width:calc(100% - 150px); display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; box-sizing:border-box; padding:4px 0; }
.inq-con li .con input[type='text'], .inq-con li .con input[type='tel'] {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-family: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:none;
	border:none;
	box-sizing:border-box;
	padding: 0 10px 0 15px;
}
.inq-con li .con input[name='user'] {
	max-width:60px;
	margin-right:5px;
}
.inq-con li .con input[type='text']:focus, .inq-con li .con input[type='tel']:focus {
	border:1px solid #f03a6e
}
.inq-con li.x2 {width:100%; }
.inq-con li .con textarea {padding:10px 10px; width:100%; height:150px; background:none; box-sizing:border-box;  }
.inq-con li .con textarea:focus {
	border:1px solid #f03a6e
}
.inq-con li .con select {
	width: 100%;
	max-width:200px;
	height: 50px;
	line-height: 50px;
	padding-left:15px;
	font-family: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	background:none;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.1 7.3' style='enable-background:new 0 0 12.1 7.3;'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%235f666b;stroke-width:2;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cline class='st0' x1='11.1' y1='1' x2='6' y2='6.3'/%3E%3Cline class='st0' x1='1' y1='1' x2='6' y2='6.3'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right 4% center;
	background-size:12px;
	
	border:none;
}
.inq-con li .con select:focus {
	border:1px solid #f03a6e
}
.phone-wrap {display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; max-width:80%; gap:8px }
.phone-wrap div {flex:1; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
.phone-wrap div::before {content:'-'; display:inline-block; width:10px; text-align:center; margin:0 5px;}
.phone-wrap div input {width:calc(100% - 30px) !important; padding:0 5px !important; text-align:center; box-sizing:border-box;}
.phone-wrap div:first-child:before {content:none;}

.date-wrap {display:flex; justify-content:flex-start; align-items:center; width:80%; gap:10px }
.date-wrap .start { width:calc(50% - 5px); display:flex; justify-content:center; align-items:center; gap:5px;}
.date-wrap .end {width:calc(50% - 5px); display:flex; justify-content:center; align-items:center; gap:5px;}
.date-wrap > div > div { width:55%;  text-align:center; box-sizing:border-box;}
.date-wrap > div > div:first-child {width:calc(45% - 5px); } 
.inq-con li .con .date-wrap > div > div > select {width:calc(100% - 80px) !important;  }
.date-wrap > div > div > span { width:80px; }

.inq-agree {width:100%; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;position:relative; border:none; margin-top:10px;  border:none; height:auto; }
.inq-agree input[type='checkbox'] { display: none; }
.inq-agree input[type='checkbox'] + label {  height:21px; line-height:21px; color: #000000; padding-left:30px; cursor:pointer;}
.inq-agree input[type='checkbox'] + label::after{
	content:''; 
	display:block;
	width:21px;
	height:21px;
	position:absolute; 
	left: 0;
	top:0;
	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 312.1 312.1"%3E%3Cpath  d="M267.2,46.5c-7.3-7.4-19.1-7.5-26.5-0.2c-2,2-3.4,4.4-4.4,6.9c-0.2,0.3-0.4,0.4-0.6,0.7L149.7,183l-46.4-55.7c-6.6-8-18.5-9-26.4-2.4c-8,6.6-9,18.5-2.4,26.4l62.5,75c3.8,4.5,9.5,7,15.4,6.7c5.9-0.3,11.3-3.4,14.6-8.3l88.7-133c12.3,19,19,41.2,19,64.4c0,65.4-53.2,118.6-118.6,118.6c-65.4,0-118.6-53.2-118.6-118.6c0-65.4,53.2-118.5,118.6-118.5c13.9,0,27.5,2.4,40.5,7.1h0c9.7,3.5,20.5-1.5,24-11.2c3.5-9.7-1.5-20.5-11.2-24c-17.1-6.2-35-9.3-53.3-9.3C70,0,0,70,0,156c0,86,70,156.1,156.1,156.1c86,0,156.1-70,156.1-156.1C312.1,114.8,296.2,75.9,267.2,46.5" style="fill:%2300245a;"/%3E%3C/svg%3E') no-repeat center center; background-size:cover;
}
.inq-agree input[type='checkbox']:checked + label {color:#0092ee;}
.inq-agree input[type='checkbox']:checked + label::after{
	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 312.1 312.1"%3E%3Cpath  d="M267.2,46.5c-7.3-7.4-19.1-7.5-26.5-0.2c-2,2-3.4,4.4-4.4,6.9c-0.2,0.3-0.4,0.4-0.6,0.7L149.7,183l-46.4-55.7c-6.6-8-18.5-9-26.4-2.4c-8,6.6-9,18.5-2.4,26.4l62.5,75c3.8,4.5,9.5,7,15.4,6.7c5.9-0.3,11.3-3.4,14.6-8.3l88.7-133c12.3,19,19,41.2,19,64.4c0,65.4-53.2,118.6-118.6,118.6c-65.4,0-118.6-53.2-118.6-118.6c0-65.4,53.2-118.5,118.6-118.5c13.9,0,27.5,2.4,40.5,7.1h0c9.7,3.5,20.5-1.5,24-11.2c3.5-9.7-1.5-20.5-11.2-24c-17.1-6.2-35-9.3-53.3-9.3C70,0,0,70,0,156c0,86,70,156.1,156.1,156.1c86,0,156.1-70,156.1-156.1C312.1,114.8,296.2,75.9,267.2,46.5" style="fill:%230092ee;"/%3E%3C/svg%3E') no-repeat center center; background-size:cover;
}

/* --  버튼 -- */
.inq-btn-wrap {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px; margin-top:40px}
.inq-btn-wrap a {font-size:2.0rem; min-width:180px; text-align:center; letter-spacing:-1px; color:#fff; border-radius:30px; font-family: 'Pretendard-Bold'; display:inline-block; height:60px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column;}
.inq-btn-wrap input {font-size:2.0rem; min-width:180px; text-align:center; letter-spacing:-1px; color:#fff; border-radius:30px; font-family: 'Pretendard-Bold'; display:inline-block; height:60px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column;}
.inq-btn-wrap .btn-cancle {background: #333333;}
.inq-btn-wrap .btn-confirm {background: #003386;}

.inq-btn2-wrap {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:20px}
.inq-btn2-wrap div {width:50%; display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px}
.inq-btn2-wrap div:first-child {justify-content:flex-start; }
.inq-btn2-wrap a { min-width:120px; text-align:center; letter-spacing:-1px; color:#fff; border-radius:5px; display:inline-block; height:45px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column;}
.inq-btn2-wrap input { min-width:120px; text-align:center; letter-spacing:-1px; color:#fff; border-radius:5px; display:inline-block; height:45px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column;}
.inq-btn2-wrap .btn-delete {background: #333333;}
.inq-btn2-wrap .btn-approve {background: #003386;}

/* --  페이징 -- */
.inq-paging {width:92%; margin:0 auto; max-width:1366px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:4px; margin-top:45px; font-size:1.5rem}
.inq-paging a {width:36px; height:36px; line-height:36px; border-radius:3px; background:#fff; text-align:center; color:#000; background:#eaeaea}
.inq-paging a:hover {background:#dadada}
.inq-paging a.active {background:#13b6bf; color:#fff; }
.inq-paging a.nav {}
.inq-paging a.nav img {height:13px;}
.inq-paging a.prev img {transform:rotate(180deg);}



/* 작은 PC용 CSS */
@media all and (max-width:1499px){
.s-inq-wrap {}
.s-inq-wrap .inq-in {gap:10px; margin-top:25px; }
.inq-tit {width:165px; font-size:1.7rem;}
.inq-con { gap:8px}
.inq-con li {width:100%;}
.inq-con li .tit {width:140px; padding-left:12px; line-height: 52px; }
.inq-con li .tit span.req {font-size:1.1rem;}
.inq-con li .con {width:calc(100% - 140px); padding:3px 0; }
.inq-con li .con input[type='text'], .inq-con li .con input[type='tel'] {
	height: 46px;
	line-height: 46px;
	
	padding: 0 8px 0 12px;
}
.inq-con li .con input[name='user'] {
	max-width:50px;
	margin-right:3px;
}
.inq-con li .con textarea {padding:8px; height:120px;  }
.inq-con li .con select {
	height: 46px;
	line-height: 46px;
	padding-left:12px;
	background-size:10px;
	
}

.phone-wrap {max-width:80%; gap:8px }

.date-wrap {width:100%; gap:5px }
.date-wrap .start { width:calc(50% - 2.5px);}
.date-wrap .end {width:calc(50% - 2.5px);}
.date-wrap > div > div { width:60%; }
.date-wrap > div > div:first-child {width:calc(40% - 5px); } 
.inq-con li .con .date-wrap > div > div > select {width:calc(100% - 70px) !important;  }
.date-wrap > div > div > span { width:70px; }

.inq-agree input[type='checkbox'] + label {  height:18px; line-height:18px;  padding-left:24px; }
.inq-agree input[type='checkbox'] + label::after{
	width:18px;
	height:18px;
}

/* --  버튼 -- */
.inq-btn-wrap { margin-top:45px}
.inq-btn-wrap a {font-size:1.8rem; border-radius:25px; height:50px; }
.inq-btn-wrap input {font-size:1.8rem; border-radius:25px; height:50px; }

.inq-btn2-wrap {margin-top:18px}
.inq-btn2-wrap a { min-width:110px; height:42px; }
.inq-btn2-wrap input { min-width:110px; height:42px; }

/* --  페이징 -- */
.inq-paging {margin-top:40px; font-size:1.4rem}
.inq-paging a {width:32px; height:32px; line-height:32px;}
.inq-paging a.nav img {height:12px;}

}
/*------------------------------------------------------------------------------------------------------------*/


/* 태블릿 CSS */
@media all and (max-width:1023px){

.s-inq-wrap { }
.s-inq-wrap .inq-in {gap:5px; margin-top:20px; }
.inq-tit {width:160px; }
.inq-con {gap:5px}
.inq-con li .tit {width:130px; padding-left:10px; line-height: 48px; }
.inq-con li .con {width:calc(100% - 130px); padding:3px 0; }
.inq-con li .con input[type='text'], .inq-con li .con input[type='tel'] {
	height: 42px;
	line-height: 42px;
	
	padding: 0 4px 0 8px;
}
.inq-con li .con input[name='user'] {
	max-width:40px;
	margin-right:2px;
}
.inq-con li .con textarea {padding:5px; height:80px;  }
.inq-con li .con select {
	height: 42px;
	line-height: 42px;
	padding-left:10px;
	background-size:8px;
	
}

.phone-wrap {max-width:100%; gap:7px }

.date-wrap {flex-wrap:wrap;}
.date-wrap .start {width:100%; max-width:380px}
.date-wrap .end {width:100%; max-width:380px}
.date-wrap > div > div { width:60%; }
.date-wrap > div > div:first-child {width:calc(40% - 5px); } 
.inq-con li .con .date-wrap > div > div > select {width:calc(100% - 60px) !important;  }
.date-wrap > div > div > span { width:60px; }

.inq-agree input[type='checkbox'] + label {  height:18px; line-height:18px;  padding-left:24px; }
.inq-agree input[type='checkbox'] + label::after{
	width:18px;
	height:18px;
}

/* --  버튼 -- */
.inq-btn-wrap a { min-width:140px;  }
.inq-btn-wrap input { min-width:140px;  }

.inq-btn2-wrap {margin-top:15px}
.inq-btn2-wrap a { min-width:100px; height:36px; }
.inq-btn2-wrap input { min-width:100px; height:36px; }

/* --  페이징 -- */
.inq-paging {margin-top:35px; font-size:1.3rem}
.inq-paging a {width:28px; height:28px; line-height:28px;}
.inq-paging a.nav img {height:11px;}




}
/*------------------------------------------------------------------------------------------------------------*/


/* 모바일 CSS */
@media all and (max-width:767px){

.s-inq-wrap { }
.s-inq-wrap .inq-in {gap:5px; margin-top:10px; }
.inq-tit {width:100%;  height:30px}
.inq-con {width:100%; }
.inq-con li .tit {width:90px; padding-left:6px; line-height: 42px; }
.inq-con li .con {width:calc(100% - 90px); font-size:1.2rem;}
.inq-con li .con input[type='text'], .inq-con li .con input[type='tel'] {
	height: 36px;
	line-height: 36px;
	font-size:1.2rem;
	padding: 0 4px;
}
.inq-con li .con input[name='user'] {
	max-width:30px;
}
.inq-con li .con textarea {height:60px;  font-size:1.2rem;}
.inq-con li .con select {
	height: 36px;
	line-height: 36px;
	font-size:1.1rem;
	padding-left:8px;
}

.phone-wrap {max-width:100%; gap:4px }

.inq-agree input[type='checkbox'] + label {  height:16px; line-height:16px;  padding-left:20px; }
.inq-agree input[type='checkbox'] + label::after{
	width:16px;
	height:16px;
}

/* --  버튼 -- */
.inq-btn-wrap {gap:8px; margin-top:30px}
.inq-btn-wrap a { min-width:120px; height:45px;}
.inq-btn-wrap input { min-width:120px; height:45px;}

.inq-btn2-wrap {margin-top:15px}
.inq-btn2-wrap div {width:100%;}
.inq-btn2-wrap a { min-width:80px; height:32px; }
.inq-btn2-wrap input { min-width:80px; height:32px; }

/* --  페이징 -- */
.inq-paging {margin-top:35px; font-size:1.3rem}
.inq-paging a {width:28px; height:28px; line-height:28px;}
.inq-paging a.nav img {height:11px;}


}