@charset "utf-8";

#atc04{position:relative;z-index:12;padding-top:140px;background-color:#fff}

/* 리스트 */
#atc04 ul{height:auto}
#atc04 ul li{ opacity:0;height:295px;border-top:1px solid #e1e1e1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .6s cubic-bezier(.35,.97,.22,1);transition:all .6s cubic-bezier(.35,.97,.22,1)}
#atc04 ul li:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}
#atc04 ul li:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}
#atc04 ul li.on{height:350px}
#atc04 ul li.off{height:267.5px}
#atc04 ul li a{display:block;height:100%;position:relative;padding:0 120px;color:#999;-webkit-transition:all .6s cubic-bezier(.35,.97,.22,1);transition:all .6s cubic-bezier(.35,.97,.22,1)}
#atc04 ul li a:hover{color:#fff}
#atc04 ul li:hover{background-color:#111}
#atc04 ul li:hover dt,#atc04 ul li a:hover .date{color:#fff}
#atc04 ul li .img{opacity:0;position:absolute;left:0;top:0;width:100%;height:calc(100% + 1px);background:center no-repeat;background-size:cover}
#atc04 ul li:hover .img{opacity:.4}
#atc04 ul li .plus{display:block;position:absolute;right:120px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:62px;height:62px}
#atc04 ul li .plus:before,#atc04 ul li .plus:after{content:"";position:absolute;left:0;top:31px;width:62px;height:1px;background-color:#111;-webkit-transition:all .4s cubic-bezier(.35,.97,.22,1);transition:all .4s cubic-bezier(.35,.97,.22,1)}
#atc04 ul li .plus:after{left:31px;top:0;width:1px;height:62px}
#atc04 ul li:hover .plus:before{top:13px;left:6px;width:50px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff}
#atc04 ul li:hover .plus:after{top:24px;height:50px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);background-color:#fff}
#atc04 dl{overflow:hidden;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#atc04 dl dt{float:left;width:450px;font-size:38px;line-height:1.3;color:#111;-webkit-transition:all .6s cubic-bezier(.35,.97,.22,1);transition:all .6s cubic-bezier(.35,.97,.22,1)}
#atc04 dl dd{overflow:hidden;float:left;width:calc(100% - 550px);height:100%;padding:25px 0 0 80px}
#atc04 dl dd p{float:left;margin:0 12% 0 5%}
#atc04 dl dd p .date{display:block;color:#111;-webkit-transition:all .6s cubic-bezier(.35,.97,.22,1);transition:all .6s cubic-bezier(.35,.97,.22,1)}
#atc04 dl dd .cont{float:left;width:325px}