@charset "utf-8";

#atc02{position:relative;right:-100px;z-index:100;width:calc(100% - 100px);height:433px;margin-left:100px;background: rgba(34,97,149,1);background:linear-gradient(to right, rgba(34,97,149,1) 0%, rgba(1,44,118,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#226195', endColorstr='#012c76', GradientType=1 );transition:all 1s;opacity:0}

#atc02 .atc02_cont{position:relative;width:1200px;height:433px;margin:0 auto;}
#atc02 .atc02_cont .txt_box{width:363px;padding-top:93px;}
#atc02 .atc02_cont .txt_box .s_tit{margin-bottom:116px;font-weight:700;font-size:17px;color:rgba(255,255,255,.8);font-family: 'Playfair Display', serif;}
#atc02 .atc02_cont .txt_box .tit{margin-bottom:10px;font-size:25px;color:#fff;font-family: 'Noto Serif KR', serif}
#atc02 .atc02_cont .txt_box .txt{font-size:18px;letter-spacing:-1px;line-height:28px;color:rgba(255,255,255,.6);font-family:'notokr-regular'}

#atc02 .atc02_cont .img_area{position:absolute;right:0;top:0;width:837px;padding-top:77px}
#atc02 .atc02_cont .img_area .swiper-slide{position:relative;height:380px;transition:all .6s}
#atc02 .atc02_cont .img_area .swiper-slide a{display:block;width:100%;height:100%}
#atc02 .atc02_cont .img_area .swiper-slide a:before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:rgba(10,27,65,.9);opacity:0;transition:all .3s}

#atc02 .atc02_cont .swiper-slide-next{margin-top:35px}
#atc02 .atc02_cont .swiper-slide .slide_tit{position:absolute;bottom:25px;padding-left:30px;font-size:19px;color:#fff;transition:all .3s;font-family:'notokr-medium'}
#atc02 .atc02_cont .swiper-slide .slide_tit i{display:inline-block;opacity:0;transition:all .3s;transition-delay:.3s}
#atc02 .atc02_cont .swiper-slide:hover a:before{opacity:1}
#atc02 .atc02_cont .swiper-slide:hover .slide_tit{bottom:calc(50% - 11px)}
#atc02 .atc02_cont .swiper-slide:hover .slide_tit i{opacity:1;margin-left:10px}

#atc02 .atc02_cont .button-next{position:absolute;top:247px;right:-61px;font-weight:700;font-size:14px;color:rgba(255,255,255,.7);cursor:pointer;font-family: 'Playfair Display', serif;}
#atc02 .atc02_cont .button-next:before{position:absolute;top:-17px;left:0;content:'';width:55px;height:55px;border-radius:55px;border:1px solid rgba(255,255,255,.3);opacity:0;transition:all .3s}
#atc02 .atc02_cont .button-next:hover{color:#fff}
#atc02 .atc02_cont .button-next:hover:before{left:17px;opacity:1}

/*움직임*/
#atc02.active{right:0;opacity:1}