@charset "utf-8";
#column_02_wrap {width:100%;height:750px;background:url(/sh_img/make24/include_02/img/col_02_bg.jpg) no-repeat;background-size:cover}
#column_02_wrap #column_02 {overflow:hidden;position:relative;z-index:9999;width:100%;margin:0 auto}
#column_02_wrap #column_02 ul {overflow:hidden}
#column_02_wrap #column_02 ul li {position:relative;float:left;width:100%;margin-left:15%;transition:0.3s all}
#column_02_wrap #column_02 ul li .box_01 {overflow:hidden;position:absolute; left:0; top:0;width:387px;height:187.5px;background:rgba(0,0,0, 0.7);transition:0.5s all}
#column_02_wrap #column_02 ul li.bl .box_01 {background:rgba(18,51,125, 0.7)}
#column_02_wrap #column_02 ul li .box_01:hover {background:#2b54b0}
#column_02_wrap #column_02 ul li a {display:block;width:100%;height:100%;padding:40px;box-sizing:border-box}
#column_02_wrap #column_02 ul li a p {padding-top:60px;font-size:16px;color:#fff;font-family:'Lato', sans-serif;font-weight:400}
#column_02_wrap #column_02 ul li a h2 {padding-top:5px;font-size:22px;letter-spacing:-0.15px;color:#fff;font-family:'notokr-bold'}
#column_02_wrap #column_02 ul li .box_01 span {display:block;position:absolute;bottom:0px;right:-10px;width:10px;height:100px;background:#fff;transition:all .3s}
#column_02_wrap #column_02 ul li .box_01:hover span {right:0}
#column_02_wrap #column_02 ul li .box_02 {height:187.5px;padding:40px 70px;margin-left:387px;opacity:0;background:rgba(0,0,0, 0.09);box-sizing:border-box;transition:0.5s all}
#column_02_wrap #column_02 ul li .box_02 p {font-size:30px;letter-spacing:-0.15px;color:#fff;font-family:'notokr-thin'}
#column_02_wrap #column_02 ul li .box_02 h3 {font-size:40px;letter-spacing:-0.15px;line-height:60px;color:#fff;font-family:'notokr-thin'}
#column_02_wrap #column_02 ul li .box_02 h3>span {font-family:'notokr-bold'}
#column_02_wrap #column_02 ul li:hover .box_02 {opacity:1}