@charset "utf-8";

#atc03{width:100%;background:url(/index/include/include03/bg.jpg) no-repeat left bottom/cover}
#atc03 > .inner{max-width:140rem;width:100%;margin:0 auto;padding:15rem 0}
#atc03 .tit_box{margin-bottom:5.5rem}
#atc03 .tit_box .tit{color:#fff}
#atc03 .tit_box .txt{color:rgba(255,255,255,.8)}
#atc03 .tit_box .arr{background:rgba(255,255,255,.1)}
#atc03 .tit_box .arr img{filter:invert(1)}

#atc03 .tit_box .case{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
#atc03 .tit_box .case a{display:inline-block;width:100%;height:100%;padding:.5rem 2rem;border-radius:3rem;background:rgba(255,255,255,.1);font-size:1.9rem;font-weight:500;color:#fff;transition:all .3s}
#atc03 .tit_box .case a:hover{background:var(--re-pt-color);box-shadow:0 1rem 1rem rgba(0,0,0,.2)}

#atc03 .atc_slide li a:before{border-color:var(--re-pt-color)}
#atc03 .atc_slide li a:hover:before{border-color:var(--re-pt-color)}

/*실시간문의현황/상담문의폼*/
#atc03 .contact_area{margin-top:15rem}
#atc03 .contact_area .area_tit{margin-bottom:4rem;display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 2rem}
#atc03 .contact_area .area_tit .tit{font-size:5rem;font-weight:700;line-height:1;color:#fff;font-family:'Poppins'}
#atc03 .contact_area .area_tit .txt{font-size:2rem;line-height:150%;color:rgba(255,255,255,.8)}
#atc03 .contact_area .inner{display:flex;flex-wrap:wrap;gap:4rem}
#atc03 .contact_area .inner .inq_lt_list{width:calc(50% - 2rem)}

#atc03 .contact_area .inq_lt_list{width:100%;height:41.9rem;border-bottom:1px solid rgba(255,255,255,.2);overflow:hidden}
#atc03 .contact_area .inq_lt_list li{border-top:1px solid rgba(255,255,255,.2);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
#atc03 .contact_area .inq_lt_list .lt_tit_box{width:calc(100% - 8rem);display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}
#atc03 .contact_area .inq_lt_list .list_tit{width:10rem;height:4rem;border-radius:4rem;background:var(--re-pt-color2);font-size:1.7rem;font-weight:500;line-height:4rem;text-align:center;color:#fff} 
#atc03 .contact_area .inq_lt_list .lt_tit{width:calc(100% - 11.5rem);font-size:1.8rem;font-weight:500;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#atc03 .contact_area .inq_lt_list .date{font-size:1.6rem;color:rgba(255,255,255,.3)}

#atc03 .contact_area .inner .inq_form{width:calc(50% - 2rem)}
#atc03 .contact_area .form_cont_list{display:flex;flex-wrap:wrap;gap:1.4rem}
#atc03 .contact_area .form_cont_list li{width:calc(50% - .7rem)}
#atc03 .contact_area .form_cont_list li.full{width:100%}
#atc03 .contact_area .form_cont_list .input_form{width:100%;height:6rem;border:0;border-radius:.5rem;background:rgba(255,255,255,.2);padding:0 1.5rem;font-size:1.7rem;color:#fff;}
#atc03 .contact_area .form_cont_list .input_form::placeholder{color:rgba(255,255,255,.8)}
#atc03 .contact_area .form_cont_list .select_input{width:100%;height:6rem;border:0;border-radius:.5rem;background:url(/index/include/include03/s_arr.png) rgba(255,255,255,.2) no-repeat 97% 50%/12px auto;padding:0 1.5rem;font-size:1.7rem;color:rgba(255,255,255,.8);-webkit-appearance:none;/* for chrome */-moz-appearance:none;/*for firefox*/appearance:none;}
#atc03 .contact_area .form_cont_list .opt{color:#666}
#atc03 .contact_area .form_cont_list .content_input{width:100%;height:17.3rem;border:0;border-radius:.5rem;background:rgba(255,255,255,.2);padding:1.5rem;font-size:1.7rem;color:#fff;resize:none}
#atc03 .contact_area .form_cont_list .content_input::placeholder{color:rgba(255,255,255,.8)}
#atc03 .contact_area .form_cont_list .submit_btn{width:100%;height:8rem;border:0;border-radius:.5rem;background:#335685;font-size:2.2rem;font-weight:700;color:#fff;transition:all .3s}
#atc03 .contact_area .form_cont_list .submit_btn:hover{box-shadow:0 1rem 1rem rgba(0,0,0,.2);background:var(--re-pt-color)}

#atc03 .contact_area .privacy_li{font-size:1.7rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem} 
#atc03 .contact_area .privacy_li a{margin-right:.5rem;color:rgba(255,255,255,.8);transition:all .3s}
#atc03 .contact_area .privacy_li a:hover{color:#fff}
#atc03 .contact_area .privacy_li label{color:#fff;cursor:pointer}


@media(max-width:1400px){
	#atc03 > .inner{padding:12rem 2rem}
	#atc03 .contact_area{margin-top:12rem}
}
@media(max-width:1280px){
	#atc03 > .inner{padding:9rem 2rem}
	#atc03 .contact_area{margin-top:9rem}
	
	#atc03 .contact_area .area_tit .tit{font-size:4.5rem}
}
@media(max-width:1024px){
	#atc03 > .inner{padding:8rem 2rem}
	#atc03 .tit_box{margin-bottom:3rem}
	#atc03 .contact_area{margin-top:8rem}
	
	#atc03 .contact_area .area_tit .tit{font-size:4rem}
	#atc03 .contact_area .area_tit .txt{font-size:1.8rem}
}
@media(max-width:767px){
	#atc03 > .inner{padding:7rem 0}
	#atc03 .tit_box{padding:0 2rem}
	#atc03 .contact_area{margin-top:7rem;padding:0 2rem}
	#atc03 .contact_area .area_tit{text-align:center;justify-content:center}
	#atc03 .contact_area .area_tit .tit{width:100%;font-size:3.7rem}
	#atc03 .contact_area .inq_lt_list{height:29rem}
	#atc03 .contact_area .inner .inq_lt_list{width:100%}
	
	#atc03 .contact_area .inner .inq_form{width:100%}
	#atc03 .contact_area .form_cont_list .submit_btn{height:6rem;font-size:1.8rem;}
}
@media(max-width:480px){
	#atc03 > .inner{padding:6rem 0}
	#atc03 .contact_area{margin-top:6rem}
	#atc03 .contact_area .area_tit .tit{font-size:3.4rem}
	
	#atc03 .contact_area .inq_lt_list{height:23rem}
	#atc03 .contact_area .inq_lt_list .lt_tit_box{width:100%}
	#atc03 .contact_area .inq_lt_list .list_tit{width:8rem;height:3.5rem;font-size:1.6rem;line-height:3.5rem}
	#atc03 .contact_area .inq_lt_list .lt_tit{width:calc(100% - 9.5rem)}
	#atc03 .contact_area .inq_lt_list .date{display:none}
	
	#atc03 .contact_area .form_cont_list li{width:100%}
}