@charset "utf-8";

#atc03{width:100%;position:relative}
#atc03 .atc03_inner{max-width:140rem;width:100%;padding:10rem 0;margin:0 auto;overflow:hidden}
#atc03 .atc03_inner .left_box{width:50%;padding:0 5rem;float:left}
#atc03 .atc03_inner .right_box{width:50%;padding:0 5rem;float:left}

#atc03 .atc03_inner .tit_box{width:100%;padding-bottom:2rem;position:relative}
#atc03 .atc03_inner .tit_box .tit{font-weight:700;font-size:2.5rem;color:#333;position:relative}
#atc03 .atc03_inner .tit_box .tit .s_tit{display:inline-block;margin-left:1rem;font-weight:400;font-size:1.6rem;color:#888}
#atc03 .atc03_inner .tit_box .tit02{display:none}

#atc03 .atc03_inner .tit_box .lt_btn{width:27rem;position:absolute;right:0;top:-1rem}
#atc03 .atc03_inner .tit_box .lt_btn li{width:49%;height:4.5rem;border-radius:4.5rem;background:#d6d6d6;font-weight:500;font-size:1.6rem;line-height:4.5rem;text-align:center;color:#555;float:left;transition:all .3s;cursor:pointer}
#atc03 .atc03_inner .tit_box .lt_btn li + li{margin-left:2%}
#atc03 .atc03_inner .tit_box .lt_btn li.on{background:#1a4a6e;color:#fff}
#atc03 .atc03_inner .tit_box .lt_btn li:hover{background:#0b263a;color:#fff}

#atc03 .atc03_inner .lt_list{display:none;width:100%;height:45.5rem;border-top:1px solid #333;border-bottom:1px solid #ddd}
#atc03 .atc03_inner .lt_list li{width:100%;height:33.33%;border-bottom:1px dashed #ddd;position:relative}
#atc03 .atc03_inner .lt_list li:last-child{border-bottom:0}

#atc03 .atc03_inner .lt_list a{width:100%;padding:0 3rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}
#atc03 .atc03_inner .lt_list .lt_tit{margin-bottom:1rem;font-weight:600;font-size:1.8rem;color:#222;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#atc03 .atc03_inner .lt_list .lt_txt{font-size:1.6rem;color:#888;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#atc03 .atc03_inner .lt_list .date{margin-top:1.5rem;font-size:1.6rem;color:#999;font-family:'Poppins'}

#atc03 .map_box{width:100%;height:41rem;border-radius:2rem;background:#f7f7f7;overflow:hidden}
#atc03 .map_box .root_daum_roughmap{width:calc(100% + 2px) !important;height:calc(100% + 2px)!important;margin:-1px 0 0 -1px;}
#atc03 .map_box .root_daum_roughmap .wrap_map{height:100% !important}
#atc03 .map_box .root_daum_roughmap .hide{display:none}

#atc03 .map_address{padding-left:5rem;margin-top:3rem;font-size:1.6rem;color:#333;position:relative;z-index:20}
#atc03 .map_address .icon{width:4rem;height:4rem;margin-right:1rem;border-radius:4rem;background:#333;font-size:1.7rem;line-height:4rem;text-align:center;color:#fff;text-align:center;position:absolute;left:0;top:-1rem}
#atc03 .map_address .more_btn{width:16rem;height:5rem;border-radius:5rem;background:#1a4a6e;font-size:1.6rem;line-height:5rem;color:#fff;text-align:center;position:absolute;right:0;top:-1.5rem;transition:all .3s}
#atc03 .map_address .more_btn img{display:inline-block;margin-left:.5rem;vertical-align:1px}
#atc03 .map_address .more_btn:hover{background:#02b2f3}
#atc03 .line_box{max-width:140rem;width:100%;height:calc(100% + 25rem);border-left:1px solid #eaeaea;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:-1}
#atc03 .line_box > div{width:50%;height:100%;border-right:1px solid #eaeaea;float:left}

@media(max-width:1300px){
#atc03 .atc03_inner .left_box{padding:0 3rem}
#atc03 .atc03_inner .right_box{padding:0 3rem}
#atc03 .map_address .more_btn{width:13rem}
}

@media(max-width:1024px){
#atc03 .atc03_inner{padding:7rem 0}	
#atc03 .atc03_inner .tit_box .lt_btn{width:20rem;top:-.5rem}
#atc03 .atc03_inner .tit_box .lt_btn li{height:4rem;line-height:4rem}
#atc03 .atc03_inner .tit_box .tit{font-size:2.2rem}
#atc03 .atc03_inner .tit_box .tit .s_tit{display:none}
#atc03 .atc03_inner .lt_list a{padding:0}
#atc03 .map_address .more_btn{margin-top:-5rem}
#atc03 .map_address{margin-top:4rem}
}

@media(max-width:767px){
#atc03 .atc03_inner .tit_box .tit{font-size:2rem}
#atc03 .atc03_inner .left_box{width:100%;padding:0 2rem;margin-bottom:5rem;float:none}	
#atc03 .atc03_inner .right_box{width:100%;padding:0 2rem;float:none}

#atc03 .atc03_inner .lt_list{height:40rem}
#atc03 .atc03_inner{padding:5rem 0}
#atc03 .line_box{display:none}
}

@media(max-width:480px){
#atc03 .atc03_inner{padding:5rem 0}
#atc03 .map_box{height:30rem}

#atc03 .atc03_inner .tit_box .lt_btn{width:100%;margin-top:1rem;overflow:hidden;position:relative;top:auto;right:auto}
#atc03 .atc03_inner .tit_box .lt_btn li{border-radius:2px}
}