@charset "utf-8";

#atc03{position:relative;padding:170px 0}
#atc03 .atc03_cont{display:flex;justify-content:space-between;position:relative;z-index:10;overflow:hidden;width:1200px;margin:0 auto}
#atc03 .atc03_cont .l_img_box,#atc03 .atc03_cont .r_img_box{position:relative;float:left;width:440px;height:586px;opacity:0;transition:all 1s}
#atc03 .atc03_cont .l_img_box{top:-50px}
#atc03 .atc03_cont .r_img_box{bottom:-50px}

#atc03 .c_txt_box{float:left;width:320px}
#atc03 .atc03_cont .txt{font-size:19px;letter-spacing:-1.5px;line-height:28px;color:#888;font-family:'notokr-regular'}
#atc03 .atc03_cont .l_img_box .txt{text-align:right;margin-bottom:20px}
#atc03 .atc03_cont .r_img_box .txt{margin-top:20px}
#atc03 .atc03_cont .c_txt_box{text-align:center}
#atc03 .atc03_cont .c_txt_box .tit{width:193px;margin:155px auto 29px;background:url(/sh_img/include/inc03/pt.png) center 27px no-repeat}
#atc03 .atc03_cont .c_txt_box .tit p{font-style:italic;font-size:36px;color:#01246e;font-family:'Noto Serif KR', serif}
#atc03 .atc03_cont .c_txt_box .tit .before{text-align:left}
#atc03 .atc03_cont .c_txt_box .tit .after{text-align:right}

#atc03 .atc03_cont .c_txt_box .more{position:relative;width:103px;margin:57px auto 0;padding-bottom:10px;font-weight:700;font-size:16px;color:rgba(0,0,0,.5);font-family: 'Playfair Display', serif;}
#atc03 .atc03_cont .c_txt_box .more a{display:block;color:rgba(0,0,0,.5);transition:all .3s}
#atc03 .atc03_cont .c_txt_box .more:before{position:absolute;bottom:0;left:50%;content:'';width:0;height:1px;background:#226195;transition:all .3s}
#atc03 .atc03_cont .c_txt_box .more:hover:before{left:0;width:100%}
#atc03 .atc03_cont .c_txt_box .more:hover a{color:#333}

#atc03 .line_area{position:absolute;z-index:1;top:0;left:calc(50% - 600px);width:1200px;height:100%;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
/* #atc03 .line_area:before{position:absolute;left:calc(50% - 1px);top:0;content:'';width:1px;height:100%;background:#e1e1e1} */

/*움직임*/
#atc03.active .atc03_cont .l_img_box{top:0;opacity:1}
#atc03.active .atc03_cont .r_img_box{bottom:0;opacity:1}