@charset "utf-8";

#atc03{width:100%;overflow:hidden}
#atc03 .inner{max-width:140rem;width:100%;margin:0 auto;padding:13rem 0;display:flex;flex-wrap:wrap;gap:3rem 5rem}
#atc03 .form_box{width:calc(50% - 2.5rem);padding:5rem;border-radius:2rem;box-shadow:0 0 1rem rgba(0,0,0,.1)}
#atc03 .form_box .tit{margin-bottom:2rem;font-size:2.4rem;font-weight:700;color:#333;display:flex;flex-wrap:wrap;align-items:flex-end;gap:0.5rem 1rem;font-family: "Noto Serif KR", serif;}
#atc03 .form_box .tit span{font-size:1.6rem;font-weight:400;color:#888;font-family:'Pretendard'}
#atc03 .form_box .form_area{display:flex;flex-wrap:wrap;gap:2rem}
#atc03 .form_box .form_area li{width:calc(50% - 1rem)}
#atc03 .form_box .form_area li.full{width:100%}

#atc03 .form_box .form_area li .main_input{width:100%;height:6rem;border:0;border-radius:.5rem;padding:0 2rem;background:#f7f7f7;font-size:1.6rem;color:#666;}
#atc03 .form_box .form_area li textarea{width:100%;height:17rem;border:0;border-radius:.5rem;padding:2rem;background:#f7f7f7;font-size:1.6rem;line-height:150%;color:#666;resize: none;}
#atc03 .form_box .form_area li button{width:100%;height:6rem;border:0;border-radius:.5rem;background:var(--pt-color);font-size:1.6rem;font-weight:500;color:#fff;transition:all .3s}
#atc03 .form_box .form_area li button:hover{background:var(--pt-color2)}
#atc03 .form_box .provision{margin-top:1.5rem;font-size:1.5rem;color:#888;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;}
#atc03 .form_box .provision #provision-check{width:1.6rem;height:1.6rem;border:1px solid #ddd}
#atc03 .form_box .provision label{transition:all .3s;cursor:pointer}
#atc03 .form_box .provision label:hover{color:#333}

#atc03 .lt_box{width:calc(50% - 2.5rem)}
#atc03 .lt_box .tit{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--pt-color);font-size:3.3rem;font-weight:700;color:#333;position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;font-family: "Noto Serif KR", serif;}
#atc03 .lt_box .tit span{color:var(--pt-color)}
#atc03 .lt_box .tit .more_btn{width:4.5rem;height:4.5rem;border-radius:4.5rem;background:var(--pt-color);position:absolute;right:0;top:36%;transform:translateY(-50%);transition:all .3s}
#atc03 .lt_box .tit .more_btn img{width:38%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s}
#atc03 .lt_box .tit .more_btn:hover{background:var(--pt-color2)}
#atc03 .lt_box .tit .more_btn:hover img{transform:translate(-50%,-50%) rotate(-180deg)}

#atc03 .lt_box .lt_list{margin-bottom:2rem}
#atc03 .lt_box .lt_list li{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px dashed #ddd}
#atc03 .lt_box .lt_list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
#atc03 .lt_box .lt_list li a{display:flex;flex-wrap:wrap;align-items:center;gap:3rem}

#atc03 .lt_box .lt_list li .date_time{width:9rem;height:9rem;border-radius:1rem;text-align:center;background:#f2f0f5;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;transition:all .3s;font-family: "Noto Serif KR", serif;}
#atc03 .lt_box .lt_list li .date_time .day{width:100%;margin-bottom:.5rem;font-size:2.2rem;font-weight:900;line-height:100%;color:var(--pt-color);transition:all .3s;}
#atc03 .lt_box .lt_list li .date_time .year{font-size:1.4rem;font-weight:900;line-height:100%;color:#333;transition:all .3s;}

#atc03 .lt_box .lt_list li .lt_txt_box{width:calc(100% - 12rem)}
#atc03 .lt_box .lt_list li .lt_tit{margin-bottom:1rem;font-size:1.8rem;font-weight:500;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .3s}
#atc03 .lt_box .lt_list li .lt_txt{font-size:1.6rem;color:#888;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

#atc03 .lt_box .lt_list li:hover .date_time{background:var(--pt-color)}
#atc03 .lt_box .lt_list li:hover .date_time .day{color:#fff}
#atc03 .lt_box .lt_list li:hover .date_time .year{color:rgba(255,255,255,.6)}
#atc03 .lt_box .lt_list li:hover .lt_tit{color:var(--pt-color)}


#atc03 .sns_link{display:flex;flex-wrap:wrap;gap:2rem}
#atc03 .sns_link li{width:calc(50% - 1rem);height:7rem;border:1px solid #ddd;border-radius:1rem;transition:all .3s}
#atc03 .sns_link li a{display:block;width:100%;height:100%;padding:0 3rem;font-size:1.5rem;font-weight:500;color:#333;position:relative;transition:all .3s;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-family:'Poppins'}
#atc03 .sns_link li .arr{width:4rem;height:4rem;border-radius:4rem;background:#f7f7f7;position:absolute;top:50%;right:3rem;transform:translateY(-50%);transition:all .3s}
#atc03 .sns_link li .arr img{width:35%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s}
#atc03 .sns_link li:hover{background:var(--pt-color)}
#atc03 .sns_link li:hover a{color:#fff}
#atc03 .sns_link li:hover .arr{background:rgba(255,255,255,.1)}
#atc03 .sns_link li:hover .arr img{filter: invert(100%) brightness(200%);}

@media(max-width:1400px){
#atc03 .inner{padding:12rem 2rem}	
}

@media(max-width:1280px){
#atc03 .inner{padding:10rem 2rem}

#atc03 .form_box{width:calc(45% - 2.5rem);padding:3rem}

#atc03 .lt_box .tit .more_btn{width:4rem;height:4rem}
#atc03 .lt_box{width:calc(55% - 2.5rem)}
#atc03 .lt_box .tit{font-size:3rem}

}
@media(max-width:1024px){
#atc03 .inner{display:block;/*flex해제*/padding:8rem 2rem}


#atc03 .form_box{max-width:70rem;width:100%;margin:0 auto 5rem}
#atc03 .lt_box .tit .more_btn{width:3.5rem;height:3.5rem}
#atc03 .lt_box{max-width:70rem;width:100%;margin:0 auto}
#atc03 .lt_box .tit{font-size:2.7rem}



}
@media(max-width:767px){
#atc03 .inner{padding:7rem 2rem}
#atc03 .form_box .tit{justify-content:center}
#atc03 .form_box .tit span{width:100%;text-align:center}

#atc03 .lt_box .tit{font-size:2.4rem}

#atc03 .sns_link li a{padding:0 2rem}
#atc03 .sns_link li img{width:3.3rem}
#atc03 .sns_link li .arr{right:2rem}



}
@media(max-width:480px){
#atc03 .inner{padding:6rem 2rem}

#atc03 .form_box{padding:0;box-shadow:none}
#atc03 .form_box .form_area{gap:1rem}
#atc03 .form_box .form_area li{width:100%}
#atc03 .form_box .form_area li .main_input{height:5rem}


#atc03 .lt_box .lt_list li a{gap:1.5rem}
#atc03 .lt_box .lt_list li .date_time{width:8rem;height:7rem}
#atc03 .lt_box .lt_list li .lt_txt_box{width:clac(100% - 9.5rem)}

#atc03 .sns_link {gap:1rem}
#atc03 .sns_link li{width:calc(50% - .5rem);height:auto}
#atc03 .sns_link li a{padding:1.5rem;justify-content:center}
#atc03 .sns_link li .sns_name{width:100%;text-align:center}
#atc03 .sns_link li .arr{display:none}

}
@media(max-width:320px){
#atc03 .inner{padding:6rem 1.5rem}
#atc03 .lt_box .tit .more_btn{display:none}

}