@charset "utf-8";


.inquiry-box .guide-box .tit-box { padding-bottom:30px; border-bottom:2px solid #111; display:flex; align-items:flex-end; justify-content:space-between; }
.inquiry-box .guide-box .tit-box h4 { color:#111; font-size:var(--font32); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.inquiry-box .guide-box .tit-box h4 span.bar { font-weight:400; }
.inquiry-box .guide-box .tit-box .stxt { color:#333; font-size:var(--font17); font-weight:300; line-height:1.3; text-align:right; }
.inquiry-box .guide-box .tit-box .stxt span { color:var(--mainColor); }
.inquiry-box .guide-box .tit-box .btn a { display:flex; align-items:center; justify-content:center; gap:10px; padding:0 20px; background:var(--mainColor); height:60px; }
.inquiry-box .guide-box .tit-box .btn a span { color:#fff; font-size:var(--font18); font-weight:500; line-height:1.3; }
.inquiry-box .guide-box .tit-box .btn a img { filter:brightness(0) invert(1); }
.inquiry-box .guide-box .p-list li:not(:last-child) { margin-bottom:10px; }
.inquiry-box .guide-box .p-list li { position:relative; padding-left:20px; color:#111; font-size:var(--font19); font-weight:500; line-height:1.5; }
.inquiry-box .guide-box .p-list li:before { content:''; display:block; position:absolute; left:0; top:11px; width:5px; height:5px; background:#111; }

.inquiry-box .guide-box .listbox1 { display:flex; flex-wrap:wrap; gap:25px 20px; }
.inquiry-box .guide-box .listbox1 .box { position:relative; width:calc((100% - 40px) / 3); overflow:hidden; border:1px solid #ddd; }
.inquiry-box .guide-box .listbox1 .box .imgbox { width:100%; overflow:hidden; aspect-ratio:547 / 430; }
.inquiry-box .guide-box .listbox1 .box .imgbox img { transform-origin:center; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.inquiry-box .guide-box .listbox1 .box .bg { position:absolute; left:0; top:0; width:100%; height:100%; transition:all 0.4s; background:rgba(255, 255, 255, 0.0) }
.inquiry-box .guide-box .listbox1 .box .txtbox { position:absolute; left:0; top:calc(100% - 30% - 50px); padding:50px 40px; width:100%; height:100%; transition:all 0.4s; }
.inquiry-box .guide-box .listbox1 .box .txtbox .num { transition:all 0.3s; display:flex; align-items:center; justify-content:center; width:34px; height:34px; background:#111; color:#fff; font-size:var(--font16); font-weight:500; line-height:1.3; }
.inquiry-box .guide-box .listbox1 .box .txtbox h4 { transition:all 0.3s; margin-top:20px; color:#111; font-size:var(--font28); font-weight:600; line-height:1.3; }
.inquiry-box .guide-box .listbox1 .box .txtbox .txt { margin-top:60px; transition:all 0.3s; height:calc(100% - 60px - 40px); overflow:auto; }
.inquiry-box .guide-box .listbox1 .box .txtbox .txt p:not(:last-child) { margin-bottom:20px; }
.inquiry-box .guide-box .listbox1 .box .txtbox .txt p { color:#111; font-size:var(--font18); font-weight:300; line-height:1.5; }
.inquiry-box .guide-box .listbox1 .box .txtbox ul { margin-top:40px; }
.inquiry-box .guide-box .listbox1 .box:hover .bg { background:rgba(255, 255, 255, 0.8); }
.inquiry-box .guide-box .listbox1 .box:hover .txtbox { top:0; }
.inquiry-box .guide-box .listbox1 .box:hover .txtbox .txt { margin-top:30px; }
.inquiry-box .guide-box .listbox1.blk .box .txtbox .num { background:#fff; color:#111; }
.inquiry-box .guide-box .listbox1.blk .box .txtbox h4 { color:#fff; }
.inquiry-box .guide-box .listbox1.blk .box:hover .txtbox .num { background:#111; color:#fff; }
.inquiry-box .guide-box .listbox1.blk .box:hover .txtbox h4 { color:#000; }
.inquiry-box .guide-box .listbox2 .stit { display:flex; align-items:center; gap:0 40px; }
.inquiry-box .guide-box .listbox2 .stit > span { display:flex; align-items:center; justify-content:center; width:34px; height:34px; background:#111; color:#fff; font-size:var(--font16); font-weight:500; line-height:1.3; }
.inquiry-box .guide-box .listbox2 .stit h5 { color:#000; font-size:var(--font28); font-weight:600; line-height:1.3; }
.inquiry-box .guide-box .listbox2 .list { margin-top:40px; display:flex; gap:20px; }
.inquiry-box .guide-box .listbox2 .list.list-1 { flex-wrap:wrap; }
.inquiry-box .guide-box .listbox2 .list .box { padding:30px; background:#f5f5f5; flex:1; }
.inquiry-box .guide-box .listbox2 .list.list-1 .box { width:calc((100% - 40px) / 3); flex:none; }
.inquiry-box .guide-box .listbox2 .list .box dt { color:#000; font-size:var(--font22); font-weight:600; line-height:1.3; }
.inquiry-box .guide-box .listbox2 .list .box dd { margin-top:18px; }
.inquiry-box .guide-box .listbox2 .list .box dd p:not(:last-child) { margin-bottom:18px; }
.inquiry-box .guide-box .listbox2 .list .box dd p { color:#111; font-size:var(--font17); font-weight:300; line-height:1.5; }
.inquiry-box .guide-box .listbox2 .list .box dd .stxt { margin-top:18px; color:#555; font-size:var(--font16); font-weight:300; line-height:1.5; }
.inquiry-box .guide-box .listbox2 .imglist { margin-top:40px; display:flex; gap:20px; }
.inquiry-box .guide-box .listbox2 .imglist .box { position:relative; width:calc((100% - 20px) / 2); overflow:hidden; }
.inquiry-box .guide-box .listbox2 .imglist .box .imgbox { width:100%; overflow:hidden; aspect-ratio:790 / 250; }
.inquiry-box .guide-box .listbox2 .imglist .box .imgbox img { transform-origin:center; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.inquiry-box .guide-box .listbox2 .imglist .box h5 { position:absolute; left:30px; top:30px; color:#fff; font-size:var(--font22); font-weight:600; line-height:1.3; }
.inquiry-box .guide-box .listbox3 { display:flex; flex-wrap:wrap; gap:20px; }
.inquiry-box .guide-box .listbox3 .box { width:calc((100% - 20px) / 2); border:1px solid #ddd; padding:50px 40px; }
.inquiry-box .guide-box .listbox3 .box .stit > span { display:flex; align-items:center; justify-content:center; width:34px; height:34px; background:#111; color:#fff; font-size:var(--font16); font-weight:500; line-height:1.3; }
.inquiry-box .guide-box .listbox3 .box .stit h5 { margin-top:40px; color:#000; font-size:var(--font28); font-weight:600; line-height:1.3; }
.inquiry-box .guide-box .listbox3 .box p { margin-top:40px; color:#111; font-size:var(--font18); font-weight:300; line-height:1.5; }
.inquiry-box .guide-box .listbox3 .box ul { margin-top:40px; }
.inquiry-box .guide-box .listbox4 .box:not(:last-child) { margin-bottom:40px; }
.inquiry-box .guide-box .listbox4 .box { display:flex; padding:40px; border:1px solid #ddd; }
.inquiry-box .guide-box .listbox4 .box .txtbox { width:52.5%; padding-right:5%; }
.inquiry-box .guide-box .listbox4 .box .txtbox .num { display:flex; align-items:center; justify-content:center; width:34px; height:34px; background:#111; color:#fff; font-size:var(--font16); font-weight:500; line-height:1.3; }
.inquiry-box .guide-box .listbox4 .box .txtbox h4 { margin-top:40px; color:#000; font-size:var(--font28); font-weight:600; line-height:1.3; }
.inquiry-box .guide-box .listbox4 .box .txtbox dt { margin-top:40px; }
.inquiry-box .guide-box .listbox4 .box .txtbox dt span { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 10px; background:var(--mainColor); height:35px; color:#fff; font-size:var(--font18); font-weight:500; line-height:1.3;  }
.inquiry-box .guide-box .listbox4 .box .txtbox dd { margin-top:20px; }
.inquiry-box .guide-box .listbox4 .box .imgbox { width:calc(100% - 52.5%); display:flex; align-items:center; justify-content:center; padding:24px; background:#f5f5f5; }
.inquiry-box .guide-box .listbox4 .box .imgbox img { max-width:100%; }
@media screen and (max-width:1720px){
	.inquiry-box .guide-box .listbox1 .box .txtbox { padding:30px; top:calc(100% - 30% - 50px); }
	.inquiry-box .guide-box .listbox1 .box .txtbox h4 { margin-top:20px; }
	.inquiry-box .guide-box .listbox1 .box .txtbox .txt { margin-top:50px; height:calc(100% - 36%); }
	.inquiry-box .guide-box .listbox1 .box .txtbox .txt p:not(:last-child) { margin-bottom:15px; }
	.inquiry-box .guide-box .listbox1 .box:hover .txtbox .txt { margin-top:20px; }
	.inquiry-box .guide-box .listbox3 .box .stit h5 { margin-top:30px; }
}
@media screen and (max-width:1280px){
	.inquiry-box .guide-box .listbox1 { gap:10px; }
	.inquiry-box .guide-box .listbox1 .box { width:calc((100% - 20px) / 3); }
	.inquiry-box .guide-box .listbox1 .box .txtbox { padding:20px; top:calc(100% - 40%); }
	.inquiry-box .guide-box .listbox1 .box .txtbox h4 { margin-top:15px; }
	.inquiry-box .guide-box .listbox1 .box .txtbox .txt { margin-top:40px; }
	.inquiry-box .guide-box .listbox1 .box .txtbox .txt p:not(:last-child) { margin-bottom:10px; }
	.inquiry-box .guide-box .listbox1 .box .txtbox .num { width:30px; height:30px; }
	.inquiry-box .guide-box .listbox1 .box .txtbox ul { margin-top:20px; }
	.inquiry-box .guide-box .listbox1 .box:hover .txtbox .txt { margin-top:15px; }
	.inquiry-box .guide-box .listbox2 .stit { gap:0 25px; }
	.inquiry-box .guide-box .listbox2 .stit > span { width:30px; height:30px; }
	.inquiry-box .guide-box .listbox2 .list { margin-top:30px; gap:10px; }
	.inquiry-box .guide-box .listbox2 .list .box { padding:20px; }
	.inquiry-box .guide-box .listbox2 .list.list-1 .box { width:calc((100% - 20px) / 3); }
	.inquiry-box .guide-box .listbox2 .list .box dd { margin-top:10px; }
	.inquiry-box .guide-box .listbox2 .list .box dd p:not(:last-child) { margin-bottom:10px; }
	.inquiry-box .guide-box .listbox2 .list .box dd .stxt { margin-top:10px; }
	.inquiry-box .guide-box .listbox2 .imglist { margin-top:30px; gap:10px; }
	.inquiry-box .guide-box .listbox2 .imglist .box { width:calc((100% - 10px) / 2); }
	.inquiry-box .guide-box .listbox2 .imglist .box h5 { left:20px; top:20px; }
	.inquiry-box .guide-box .listbox3 { gap:10px; }
	.inquiry-box .guide-box .listbox3 .box { width:calc((100% - 10px) / 2); padding:20px; }
	.inquiry-box .guide-box .listbox3 .box .stit > span { width:30px; height:30px; }
	.inquiry-box .guide-box .listbox3 .box .stit h5,
	.inquiry-box .guide-box .listbox3 .box p,
	.inquiry-box .guide-box .listbox3 .box ul { margin-top:20px; }
	.inquiry-box .guide-box .listbox4 .box:not(:last-child) { margin-bottom:30px; }
	.inquiry-box .guide-box .listbox4 .box { padding:30px; }
	.inquiry-box .guide-box .listbox4 .box .txtbox .num { width:30px; height:30px; }
	.inquiry-box .guide-box .listbox4 .box .txtbox h4,
	.inquiry-box .guide-box .listbox4 .box .txtbox dt { margin-top:30px; }
	.inquiry-box .guide-box .listbox4 .box .txtbox dt span { gap:10px; height:32px; }
	.inquiry-box .guide-box .listbox4 .box .txtbox dd { margin-top:15px; }
}
@media screen and (max-width:1024px){
	.inquiry-box .guide-box .tit-box { padding-bottom:15px; }
	.inquiry-box .guide-box .tit-box .btn a { gap:8px; padding:0 15px; height:50px; }
	.inquiry-box .guide-box .listbox1 .box .txtbox .num { width:26px; height:26px; }
	.inquiry-box .guide-box .listbox1 .box .txtbox h4 { margin-top:10px; }
	.inquiry-box .guide-box .listbox1 .box:hover .txtbox .txt { margin-top:10px; }
	.inquiry-box .guide-box .listbox2 .list { flex-wrap:wrap; margin-top:20px; }
	.inquiry-box .guide-box .listbox2 .list .box,
	.inquiry-box .guide-box .listbox2 .list.list-1 .box { width:calc((100% - 10px) / 2); flex:none; }
	.inquiry-box .guide-box .listbox2 .stit { gap:0 20px; }
	.inquiry-box .guide-box .listbox2 .stit > span { width:26px; height:26px; }
	.inquiry-box .guide-box .listbox2 .imglist { margin-top:20px; gap:10px; }
	.inquiry-box .guide-box .listbox2 .imglist .box { width:calc((100% - 10px) / 2); }
	.inquiry-box .guide-box .listbox2 .imglist .box h5 { left:20px; top:20px; }
	.inquiry-box .guide-box .listbox3 .box .stit > span { width:26px; height:26px; }
	.inquiry-box .guide-box .p-list li:not(:last-child) { margin-bottom:5px; }
	.inquiry-box .guide-box .p-list li { padding-left:16px; }
	.inquiry-box .guide-box .p-list li:before { top:8px; width:3px; height:3px; }
	.inquiry-box .guide-box .listbox4 .box:not(:last-child) { margin-bottom:20px; }
	.inquiry-box .guide-box .listbox4 .box { padding:20px; }
	.inquiry-box .guide-box .listbox4 .box .txtbox .num { width:30px; height:30px; }
	.inquiry-box .guide-box .listbox4 .box .txtbox h4,
	.inquiry-box .guide-box .listbox4 .box .txtbox dt { margin-top:20px; }
	.inquiry-box .guide-box .listbox4 .box .txtbox dt span { gap:10px; padding:0 8px; height:28px; }
	.inquiry-box .guide-box .listbox4 .box .txtbox dd { margin-top:10px; }
}
@media screen and (max-width:960px){
	.inquiry-box .guide-box .tit-box { padding-bottom:15px; }
	.inquiry-box .guide-box .tit-box .btn a img { width:20px; }
	.inquiry-box .guide-box .listbox1 .box { width:calc((100% - 10px) / 2); }
	.inquiry-box .guide-box .listbox1 .box .txtbox .num { width:26px; height:26px; }
	.inquiry-box .guide-box .listbox1 .box .txtbox h4 { margin-top:10px; }
	.inquiry-box .guide-box .listbox1 .box .txtbox { position:relative; top:0; border-top:1px solid #ddd; }
	.inquiry-box .guide-box .listbox1 .box:hover .bg { background:rgba(255, 255, 255, 0); }
	.inquiry-box .guide-box .listbox1 .box:hover .txtbox { top:0; }
	.inquiry-box .guide-box .listbox1 .box .txtbox .txt,
	.inquiry-box .guide-box .listbox1 .box:hover .txtbox .txt { margin-top:15px; height:auto; }
	.inquiry-box .guide-box .listbox1.blk .box .txtbox .num,
	.inquiry-box .guide-box .listbox1.blk .box:hover .txtbox .num { background:#111; color:#fff; }
	.inquiry-box .guide-box .listbox1.blk .box .txtbox h4,
	.inquiry-box .guide-box .listbox1.blk .box:hover .txtbox h4 { color:#000; }
	.inquiry-box .guide-box .listbox4 .box { padding:20px; flex-wrap:wrap; }
	.inquiry-box .guide-box .listbox4 .box .txtbox { width:100%; padding:0; }
	.inquiry-box .guide-box .listbox4 .box .imgbox { width:100%; margin-top:20px; }
}
@media screen and (max-width:640px){
	.inquiry-box .guide-box .tit-box { padding-bottom:8px; }
	.inquiry-box .guide-box .tit-box .stxt { flex-shrink:0; }
	.inquiry-box .guide-box .tit-box .btn a { height:40px; }
	.inquiry-box .guide-box .listbox1 { gap:5px; }
	.inquiry-box .guide-box .listbox1 .box { width:calc((100% - 5px) / 2); }
	.inquiry-box .guide-box .listbox1 .box .txtbox { padding:15px; }
	.inquiry-box .guide-box .listbox1 .box .txtbox .num { width:24px; height:24px; }
	.inquiry-box .guide-box .listbox1 .box .txtbox ul { margin-top:10px; }
	.inquiry-box .guide-box .listbox2 .list { gap:5px; margin-top:10px; }
	.inquiry-box .guide-box .listbox2 .list .box,
	.inquiry-box .guide-box .listbox2 .list.list-1 .box { width:calc((100% - 5) / 2); }
	.inquiry-box .guide-box .listbox2 .stit { gap:0 15px; }
	.inquiry-box .guide-box .listbox2 .stit > span { width:24px; height:24px; }
	.inquiry-box .guide-box .listbox2 .imglist { margin-top:10px; gap:5px; flex-wrap:wrap; }
	.inquiry-box .guide-box .listbox2 .imglist .box { width:100%; }
	.inquiry-box .guide-box .listbox2 .imglist .box h5 { left:15px; top:15px; }
	.inquiry-box .guide-box .listbox3 { gap:5px; }
	.inquiry-box .guide-box .listbox3 .box { width:calc((100% - 5px) / 2); padding:15px; }
	.inquiry-box .guide-box .listbox3 .box .stit > span { width:24px; height:24px; }
	.inquiry-box .guide-box .listbox3 .box .stit h5,
	.inquiry-box .guide-box .listbox3 .box p,
	.inquiry-box .guide-box .listbox3 .box ul { margin-top:10px; }
	.inquiry-box .guide-box .p-list li { padding-left:14px; }
	.inquiry-box .guide-box .listbox4 .box { padding:15px; }
}
@media screen and (max-width:480px){
	.inquiry-box .guide-box .listbox1 .box,
	.inquiry-box .guide-box .listbox2 .list .box,
	.inquiry-box .guide-box .listbox2 .list.list-1 .box,
	.inquiry-box .guide-box .listbox3 .box { width:100%; }
}