@charset "utf-8";

#m03{position:relative;width:100%;z-index:10;margin-bottom:70px}
#m03_wrap{position:relative;width:1100px;margin:0 auto;zoom:1}
#m03_wrap h3 {margin-bottom:40px;text-align:center;font-size:34px;font-weight:bold;letter-spacing:-0.1px;color:#222;font-family:'Raleway'}
#m03_wrap ul {overflow:hidden}
#m03_wrap ul li {position:relative;float:left;width:265px;height:394px;margin-right:13px}
#m03_wrap ul li a {display:block;height:394px}
#m03_wrap .list_01 {background:url(./img/m03_bg01.png) no-repeat;-webkit-animation-delay:.2s;-ms-animation-delay:.2s;animation-delay:.2s}
#m03_wrap .list_02 {background:url(./img/m03_bg02.png) no-repeat;-webkit-animation-delay:.4s;-ms-animation-delay:.4s;animation-delay:.4s}
#m03_wrap .list_03 {background:url(./img/m03_bg03.png) no-repeat;-webkit-animation-delay:.6s;-ms-animation-delay:.6s;animation-delay:.6s}
#m03_wrap .list_04 {margin-right:0;background:url(./img/m03_bg04.png) no-repeat;-webkit-animation-delay:.8s;-ms-animation-delay:.8s;animation-delay:.8s}
#m03_wrap .column_box {position:absolute;bottom:-110px;width:265px;text-align:center;background:rgba(0,0,0, 0.7)}
#m03_wrap .tit_03 {padding:30px 0 25px;font-size:18px;line-height:25px;letter-spacing:-0.5px;color:#fff;font-family:'notokr-medium'}
#m03_wrap .txt_03 {padding-bottom:63px;font-size: 14px;line-height:24px;letter-spacing:-0.5px;color:#fff;font-family:'notokr-regular';background:url(./img/arrow.png) no-repeat center 83%}

/* 효과css */
.animated {-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUp {from {opacity:0;webkit-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0)}to {opacity:1;webkit-transform:none;transform:none}}
@keyframes fadeInUp {from {opacity:0;webkit-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0)}to {opacity:1;webkit-transform:none;transform:none}}

@media (max-width:1320px){
#m03_wrap{width:100%;padding:0 50px}
#m03_wrap ul{display:flex;justify-content:space-between}
#m03_wrap ul li{width:calc(25% - 10px);margin-right:0;background-size:cover !important}
#m03_wrap .column_box{width:100%}
}
@media (max-width:1024px){
#m03_wrap{padding:0 20px}
#m03_wrap ul{flex-wrap:wrap;justify-content:space-around}
#m03_wrap ul li{width:calc(50% - 30px);margin-bottom:50px;overflow:hidden}
}
@media (max-width:768px){
#m03{margin-bottom:40px}
#m03_wrap h3{font-size:28px}
#m03_wrap ul{justify-content:space-between}
#m03_wrap ul li{width:calc(50% - 20px);margin-bottom:40px;height:324px}
#m03_wrap ul li a{height:324px}
/* #m03_wrap .txt_03 br{display:none} */

}
@media (max-width:480px){
#m03_wrap h3{font-size:22px}
#m03_wrap ul li{width:100%;margin-bottom:20px;height:254px}
#m03_wrap ul li a{height:254px}
}