@charset "utf-8";

#atc03{width:100%;height:100%;position:relative}
#atc03:before{content:'';width:31.5rem;height:100%;background:#f7f7f7;position:absolute;left:0;top:0}
#atc03 .inner{width:100%;height:100%;padding:0 10rem 0 15rem;position:relative;z-index:10;display:flex;align-items:center;flex-wrap:wrap;align-content:center}
#atc03 .tit_box{width:100%;margin-bottom:3rem;position:relative;top:-5rem;opacity:0;transition:top 1s, opacity 1s}
#sec04.active #atc03 .tit_box{top:0;opacity:1}
#atc03 .tit_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
#atc03 .tit_box .tit{font-size:5.3rem;line-height:130%;font-weight:300;color:#333}
#atc03 .tit_box .tit span{font-weight:700}

#atc03 .cont_area{width:100%;position:relative;top:-5rem;opacity:0;transition:top 1s, opacity 1s;transition-delay:.3s;display:flex;flex-wrap:wrap;}
#sec04.active #atc03 .cont_area{top:0;opacity:1}
#atc03 .tab_list{width:16.2rem}
#atc03 .tab_list li{width:14rem;height:4rem;border-radius:4rem;background:rgba(10,28,39,.1);font-size:1.7rem;font-weight:600;line-height:4rem;text-align:center;color:#333;transition:all .3s;cursor:pointer}
#atc03 .tab_list li.on{background:var(--pt-color);color:#fff}
#atc03 .tab_list li + li{margin-top:2rem}
#atc03 .tab_list li em{font-style:normal}
#atc03 .info_list{width:66rem;padding:0 3rem}
#atc03 .info_list .info_box{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px dashed #ddd;display:flex;flex-wrap:wrap;gap:.5rem 0}
#atc03 .info_list .info_box:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
#atc03 .info_list .info_box li{width:calc(100% - 24rem);display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
#atc03 .info_list .info_box li:nth-child(2){width:24rem}
#atc03 .info_list .info_box .full{width:100%}

#atc03 .info_list .info_box li .icon{width:3rem;height:3rem;border-radius:3rem;background:#d9d9d9;position:relative;transition:all .3s}
#atc03 .info_list .info_box li .icon img{width:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#atc03 .info_list .info_box li .tit{width:4.6rem;font-size:1.6rem;text-align:center;color:#444;transition:all .3s}
#atc03 .info_list .info_box li .tit.home_tit{width:5rem}
#atc03 .info_list .info_box li .txt{width:calc(100% - 9.6rem);font-size:1.6rem;line-height:150%;color:#666;transition:all .3s}
#atc03 .info_list .info_box li .txt.home_txt{width:calc(100% - 12rem)}
#atc03 .info_list .info_box li .txt a{color:#666}

#atc03 .info_list .info_box.on li .icon{background:#0a1c27}
#atc03 .info_list .info_box.on li:nth-child(1) .icon{background:#0073ad}
#atc03 .info_list .info_box.on li .tit{color:#222;font-weight:700}
#atc03 .info_list .info_box.on li .txt,#atc03 .info_list .info_box.on li .txt a{color:#333}

#atc03 .map_list{width:calc(100% - 83rem);border:1px solid #ddd;border-radius:2rem;overflow:hidden;position:relative}
#atc03 .map_list .map_cont{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:all .3s}
#atc03 .map_list .map_cont.on{opacity:1;z-index:10}
#atc03 .map_list .map_cont .root_daum_roughmap,
#atc03 .map_list .map_cont .wrap_map{width:100% !important;height:100% !important;}

@media(max-width:1400px){
	#atc03:before{display:none}
	#atc03 .tit_box{text-align:center}
	#atc03 .tab_list{width:100%;margin-bottom:2rem;display:flex;flex-wrap: wrap;align-items: center;justify-content: center;gap:1rem}
	#atc03 .tab_list li + li{margin:0}
	
	
	#atc03 .info_list{width:100%;margin-bottom:3rem}
	#atc03 .info_list .info_box{display:none;margin-bottom:0;padding-bottom:0;border-bottom:0;gap:1rem;justify-content: center;}
	#atc03 .info_list .info_box.on{display:flex}
	#atc03 .info_list .info_box li{width:auto;justify-content: center;}
	#atc03 .info_list .info_box li:nth-child(2){width:auto}
	#atc03 .info_list .info_box li .txt{width:auto}
	#atc03 .map_list{max-width:70rem;width:100%;margin:0 auto;height:calc(100vh - 55rem)}
	
}
@media(max-width:1280px){
	#atc03 .inner{padding:0 10rem}
	
		#atc03 .tit_box .tit{font-size:4.8rem}
}
@media(max-width:1024px){
	#atc03 .tit_box .tit{font-size:4.3rem}
	#atc03 .tab_list li{width:9rem}
	#atc03 .tab_list li em{display:none}
}
@media(max-width:767px){
	#sec04, #sec04 .fp-tableCell {height: auto !important;}
	#atc03 .inner{padding:8rem 2rem}
	#atc03 .tit_box .tit{font-size:3.8rem}
	#atc03 .info_list{padding:0}
	#atc03 .info_list .info_box {gap:0}
	#atc03 .info_list .info_box li{width:100%;justify-content:flex-start}
	#atc03 .info_list .info_box li + li{margin-top:1rem;padding-top:1rem;border-top:1px dashed #ddd}
	#atc03 .info_list .info_box li:nth-child(2){width:100%;}
	#atc03 .info_list .info_box li .txt{width:calc(100% - 10rem)}
	#atc03 .info_list .info_box li .txt.home_txt a{word-break:break-all}
	
}
@media(max-width:480px){
	#atc03 .tit_box .tit{font-size:3.5rem}
}