@charset "utf-8";

#atc03{width:100%;position:relative;z-index:10}
#atc03 .atc03_inner{max-width:130rem;width:100%;padding:10rem 0;margin:0 auto;position:relative}
#atc03 .atc03_inner .lt_notice_box{width:65%;padding-right:5rem}
#atc03 .atc03_inner .tel_box_area{width:35%;padding:3rem;background:var(--pt-color);overflow:hidden;position:absolute;bottom:0;right:0}
#atc03 .atc03_inner .tel_box_area::after{content:'';width:100%;height:100%;background:url(/company/type22/index/include/include03/tel_bg.jpg) repeat;overflow:hidden;position:absolute;top:0;right:0;mix-blend-mode:multiply;pointer-events:none}

#atc03 .atc03_box .tit{width:100%;margin-bottom:2rem;font-size:2.2rem;font-weight:700;color:#333;display:flex;flex-wrap:wrap;align-items: center;justify-content: space-between;}
#atc03 .atc03_box .tit a{padding: .7rem 1.5rem;border: 1px solid #ddd;border-radius: 5rem;font-size: 1.5rem;font-weight: 500;color: #666;transition: all .3s;}
#atc03 .atc03_box .tit a:hover{border-color:var(--pt-color);background:var(--pt-color);color:#fff}
/*공지사항*/
#atc03 .lt_notice_list{width:100%;min-height:9rem;display:flex;flex-wrap:wrap;gap:2rem}
#atc03 .lt_notice_list li{width:calc(50% - 1rem);display:flex;flex-wrap:wrap}
#atc03 .lt_notice_list li.empty_li{width:100%;height:9rem;background:#f7f7f7;display: flex;align-items: center;justify-content: center;}
#atc03 .lt_notice_list li .date_box{width:7.5rem;height:9rem;border-radius:1rem;background:#f7f7f7;font-weight:700;text-align:center;transition:all .3s;display:flex;align-items: center;justify-content: center;flex-direction: column;font-family:'Poppins'}
#atc03 .lt_notice_list li .date_box .day{margin-bottom:.5rem;font-size:2.2rem;line-height:1;color:var(--pt-color);transition:all .3s;}
#atc03 .lt_notice_list li .date_box .year{font-size:1.4rem;line-height:1;color:#888;transition:all .3s;}

#atc03 .lt_notice_list li .lt_cont{width:calc(100% - 8.5rem);padding:1rem 0 0 3rem;position:relative}
#atc03 .lt_notice_list li .lt_cont .lt_tit{margin-bottom:.5rem;font-size:1.8rem;font-weight:500;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#atc03 .lt_notice_list li .lt_cont .lt_txt{font-size:1.5rem;color:#888;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#atc03 .lt_notice_list li .lt_cont .more{display:block;margin-top:1rem;font-weight:700;font-size:1.4rem;color:#666;font-family:'Poppins'}
#atc03 .lt_notice_list li .lt_cont a{display:block}
#atc03 .lt_notice_list li:hover .more{color:var(--pt-color)}
#atc03 .lt_notice_list li:hover .date_box{background:var(--pt-color)}
#atc03 .lt_notice_list li:hover .date_box .day{color:#fff}
#atc03 .lt_notice_list li:hover .date_box .year{color:rgba(255,255,255,.7)}
/*상담센터*/
#atc03 .tel_box_area .tel_cont{overflow:hidden;margin-bottom:2rem;position:relative;z-index:10}
#atc03 .tel_box_area .tel_cont .tel_box{width:67%;font-weight:700;float:left;font-family:'Poppins'}
#atc03 .tel_box_area .tel_cont .tel_btn{width:33%;float:left}
#atc03 .tel_box_area .atc03_map{width:100% !important;height:15rem}
#atc03 .tel_box_area .atc03_map .wrap_controllers{display:none}
#atc03 .tel_box_area .map_address{margin-top:1rem;font-size:1.5rem;letter-spacing:-.5px;text-align:center;color:rgba(255,255,255,.7)}
#atc03 .tel_box_area .map_address i{display:inline-block;margin-right:.5rem;color:#fff}

#atc03 .tel_box_area .tel_box .tel{display:flex;flex-wrap:wrap;align-items: center;gap:1rem}
#atc03 .tel_box_area .tel_box .tel .tel_tit{display: block;width: 8rem;height: 2.5rem;border-radius: 2.5rem;line-height: 2.5rem;background: rgba(255, 255, 255, .2);font-size: 1.4rem;font-weight: 500;line-height: 2.5rem;text-align: center;color: #fff;}
#atc03 .tel_box_area .tel_box .tel .tel_num{font-size:2.2rem;font-weight: 700;color: #fff;font-family: 'Poppins';}
#atc03 .tel_box_area .tel_box ul{margin-top:1rem;font-size:1.5rem;color:rgba(255,255,255,.8)}
#atc03 .tel_box_area .tel_box ul li:last-child{margin-top:.5rem}
#atc03 .tel_box_area .tel_box ul span{display:inline-block;margin-right:1rem;color:rgba(255,255,255,.6)}
#atc03 .tel_box_area .tel_btn .t_btn{width:100%;border:1px solid rgba(255,255,255,.3);border-radius:2px;height:4.5rem;font-size:1.6rem;text-align:center;line-height:4.3rem;color:rgba(255,255,255,.8);transition:all .3s}
#atc03 .tel_box_area .tel_btn .t_btn:last-child{margin-top:1rem}
#atc03 .tel_box_area .tel_btn .t_btn a{display:block;width:100%;height:100%;color:#fff;transition:all .3s}
#atc03 .tel_box_area .tel_btn .t_btn:hover{background:#fff}
#atc03 .tel_box_area .tel_btn .t_btn:hover a{color:#333}


@media(max-width: 1300px){
#atc03 .atc03_inner{padding:10rem 2rem}
}
@media(max-width: 1280px){
#atc03 .atc03_inner{padding:9rem 2rem}
}
@media(max-width: 1024px){
#atc03 .atc03_inner{padding:8rem 0 0}
#atc03 .atc03_inner .lt_notice_box{width:100%;padding:0 2rem;margin-bottom:5rem}	
#atc03 .atc03_inner .tel_box_area{width:100%;padding:5rem 2rem;height:auto;position:relative;top:auto;right:auto}
#atc03 .tel_box_area .atc03_map{height:25rem !important}
}
@media(max-width: 767px){
#atc03 .atc03_inner{padding:7rem 0 0}	
#atc03 .lt_notice_list{gap:0}
#atc03 .lt_notice_list li{width:100%;padding:0}
#atc03 .lt_notice_list li+li{padding-top:2rem;margin-top:2rem;border-top:1px dashed #ddd}
}
@media(max-width: 480px){
#atc03 .atc03_inner{padding:6rem 0 0}	
#atc03 .tel_box_area .tel_box .tel{justify-content: center;}
#atc03 .tel_box_area .tel_cont .tel_box{width:100%;text-align:center;float:none}
#atc03 .tel_box_area .tel_cont .tel_btn{width:100%;margin-top:2rem;float:none}

}
@media(max-width: 320px){
#atc03 .atc03_inner .lt_notice_box{padding:0 1.5rem}
#atc03 .atc03_inner .tel_box_area{padding:5rem 1.5rem}
}