@charset "utf-8";

#atc04{width:100%;height:100%;background:url(/index/include/include04/bg.jpg) no-repeat center/cover}
#atc04 .inner{width:100%;height:100%;padding:0 21.3rem;display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:6rem}
#atc04 .notice_box{width:calc(50% - 3rem);position:relative;left:-5rem;opacity:0;transition:left 1s, opacity 1s}
#sec05.active #atc04 .notice_box,
#sec05.previous #atc04 .notice_box{left:0;opacity:1}

#atc04 .notice_box .tit_box{margin-bottom:3.5rem;display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 2rem}
#atc04 .notice_box .tit_box .tit{font-size:5.3rem;font-weight:700;line-height:100%;color:#fff}
#atc04 .notice_box .tit_box .txt{font-size:1.6rem;color:rgba(255,255,255,.8)}
#atc04 .lt_list{border-top:1px solid rgba(255,255,255,.2)}
#atc04 .lt_list li{width:100%;height:6rem;border-bottom:1px solid rgba(255,255,255,.2)}
#atc04 .lt_list li a{display:block;width:100%;height:100%;padding:0 8rem 0 2.5rem;font-size:1.7rem;line-height:6rem;color:#fff;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#atc04 .lt_list li a:hover{}
#atc04 .lt_list li a:before{content:'';width:4px;height:4px;border-radius:4px;background:#fff;position:absolute;left:1rem;top:50%;transform:translateY(-50%)}
#atc04 .lt_list li .date{font-size:1.6rem;font-weight:500;color:rgba(255,255,255,.5);position:absolute;right:0;top:50%;transform:translateY(-50%)}
#atc04 .area_list{width:calc(50% - 3rem);position:relative;right:-5rem;opacity:0;transition:right 1s, opacity 1s}
#sec05.active #atc04 .area_list,
#sec05.previous #atc04 .area_list{right:0;opacity:1}
#atc04 .area_list li{width:100%;height:8rem;border-radius:.5rem;padding:0 3rem;background:rgba(255,255,255,.1);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
#atc04 .area_list li + li{margin-top:.8rem}
#atc04 .area_list li .tit{font-size:2.2rem;font-weight:700;color:#fff}
#atc04 .area_list li .icon_area{width:17.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem}
#atc04 .area_list li .icon_area a{width:5.5rem;height:5.5rem;border-radius:5.5rem;position:relative;transition:all .3s}
#atc04 .area_list li .icon_area a:hover{box-shadow:0 0 2rem rgba(0,0,0,.5)}
#atc04 .area_list li .icon_area a img{width:45%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#atc04 .area_list li .icon_area .tel_icon{background:#0073ad}
#atc04 .area_list li .icon_area .kakao_icon{background:#ffe812}
#atc04 .area_list li .icon_area .home_icon{background:#0e587e}

#atc04 .inquiry_form{width:calc(50% - 3rem);height:45.5rem;padding:4rem 5rem 0;border-radius:1rem;background:#052538}
#atc04 .inquiry_form .tit{margin-bottom:2rem;font-weight:700;font-size:2.5rem;color:#fff}
#atc04 .inquiry_form .tit span{display:inline-block;margin-left:1rem;font-size:1.5rem;color:rgba(255,255,255,.3);font-family:'Poppins'}
#atc04 .inquiry_form .form_cont_list{display:flex;flex-wrap:wrap;justify-content:space-between;}
#atc04 .inquiry_form .form_cont_list li{margin-bottom:1rem}
#atc04 .inquiry_form .form_cont_list .half_li{width:calc(50% - .5rem)}
#atc04 .inquiry_form .form_cont_list .full_li{width:100%}
#atc04 .inquiry_form .form_cont_list li input{width:100%;height:5rem;padding:0 2rem;border:0;border-radius:.5rem;background:rgba(255,255,255,.2);font-size:1.6rem;color:#fff}
#atc04 .inquiry_form .form_cont_list li input::placeholder{color:rgba(255,255,255,.6)}
#atc04 .inquiry_form .form_cont_list li textarea{width:100%;height:16rem;padding:2rem;border:none;border-radius:.5rem;background:rgba(255,255,255,.2);font-size:1.6rem;color:#fff}
#atc04 .inquiry_form .form_cont_list li textarea::placeholder{color:rgba(255,255,255,.6)}
#atc04 .inquiry_form .form_cont_list button{width:100%;height:6rem;border:0;font-weight:600;font-size:1.7rem;color:#052538;transition:all .3s}
#atc04 .inquiry_form .form_cont_list button:hover{background:#c49a6c;color:#fff}

#atc04 .inquiry_form .provision {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end}
#atc04 .inquiry_form .provision .privacy_btn{margin-right:1rem;color:rgba(255,255,255,.6);cursor:pointer}
#atc04 .inquiry_form .provision .privacy_btn:hover{color:#fff}
#atc04 .inquiry_form .provision #provision-check{width:1.5rem;height:1.5rem;margin-right:.5rem;}
#atc04 .inquiry_form .provision label{color:rgba(255,255,255,.7)}


@media(max-width:1400px){
	#atc04 .inner{padding:0 10rem}
}
@media(max-width:1280px){
	#atc04 .notice_box .tit_box .tit{font-size:4.8rem}
	#atc04 .area_list li .icon_area{width:15rem}
	#atc04 .area_list li .icon_area a{width:4.5rem;height:4.5rem}
}
@media(max-width:1024px){
	#atc04 .inner{padding:0 2rem 0 10rem;gap:2rem}
	#atc04 .notice_box{width:calc(60% - 1rem)}
	#atc04 .notice_box .tit_box .tit{font-size:4.3rem}
	
	#atc04 .area_list{width:calc(40% - 1rem)}
	#atc04 .area_list li{height:auto;padding:1rem;justify-content: center}
	#atc04 .area_list li .tit{width:100%;margin-bottom:.5rem;font-size:1.9rem;text-align:center}
	#atc04 .area_list li .icon_area{justify-content:center}
	
	#atc04 .inquiry_form{width:calc(40% - 1rem);padding:3rem 2rem}
	#atc04 .inquiry_form .form_cont_list .half_li{width:100%}
}
@media(max-width:767px){
	#sec05, #sec05 .fp-tableCell{height: auto !important;}
	#atc04 .inner{padding:8rem 2rem;gap:3rem}
	#atc04 .notice_box{width:100%}
	#atc04 .notice_box .tit_box .tit{font-size:3.8rem}
	
	
	
	#atc04 .area_list{width:100%;display:flex;flex-wrap:wrap;gap:1rem 2%;}
	#atc04 .area_list li{width:49%}
	#atc04 .area_list li + li{margin:0}
	#atc04 .area_list li .icon_area{width:auto;gap:.5rem}
	#atc04 .area_list li .icon_area a{width:4rem;height:4rem}
	
	
	#atc04 .inquiry_form{width:100%;padding:3rem}
}
@media(max-width:480px){
	#atc04 .inner{padding:7rem 2rem}
	#atc04 .notice_box .tit_box .tit{font-size:3.5rem}
	#atc04 .area_list li .icon_area a{width:3.5rem;height:3.5rem}
	
}
@media(max-width:320px){
	#atc04 .inner{padding:6rem 1.5rem}
}