@charset "utf-8";

/* 메인 컨텐츠 */
.include_03{width:100%;text-align:center}
.include_03 .con_wrap{position:relative;width:1070px;height:775px;margin:0 auto}

.include_03 .tit_wrap{position:absolute;top:75px;left:0;width:100%;font-family:var(--k-font)}
.include_03 .tit_wrap .tit{font-size:31px;line-height:70px;color:#222;font-weight:700}
.include_03 .tit_wrap .s_tit{font-size:16px;line-height:25px;color:#777;letter-spacing:-0.3px}

.include_03 ul{position:absolute;top:0;left:0;}
.include_03 ul:after{display:block;clear:both;content:""}

.include_03 li{float:left;position:relative;width:356px;height:775px;}
.include_03 li .c_box{overflow:hidden;width:356px;height:265px;}

/* 이미지 확장 */
.include_03 li .c_box img{-webkit-transition:transform .8s linear;transition:transform .8s linear}
.include_03 li:hover img{-webkit-transform:scale(1.07);transform:scale(1.07)}
.include_03 li a:after{display:block;position:absolute;top:0;left:0;z-index:-2; width:356px;height:775px;background-color:#fff;content:"";-webkit-transition:all .2s;transition:all .2s}

/* hover bg */
.include_03 li:hover a:after{background-color:#f8f8f8}

.include_03 li a{display:block;width:100%!important;height:100%!important;padding-top:250px}
.include_03 li .con_tit{padding-top:50px;font-size:16px;color:#222;letter-spacing:-0.6px;font-family:'notokr-medium'}
.include_03 li .con_txt{padding-top:15px;font-size:14px;line-height:24px!important;color:#777;letter-spacing:-0.3px;font-family:'notokr-regular'}

/* Read More */
.include_03 li .more{display:inline-block;position:relative;margin-top:25px;padding:15px 2px;font-size:13px;font-weight:700;color:#222;font-family:'Raleway'}

.include_03 li .more:before, .include_03 li .more:after{display:block;position:absolute;bottom:0;width:100%;height:4px;content:"";-webkit-transition:width .4s;transition:width .4s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000)}
.include_03 li .more:before{right:0;width:100%;background:#dbdbdb;-webkit-transition-delay:.2s;transition-delay:.2s;}
.include_03 li .more:after{width:0;left:0;background:#c20958;-webkit-transition-delay:0s;transition-delay:0s}
.include_03 li:hover .more:before{width:0;-webkit-transition-delay:0s;transition-delay:0s}
.include_03 li:hover .more:after{width:100%;-webkit-transition-delay:.2s;transition-delay:.2s} 

/* 그리드 */
.include_03 li:before{display:block;position:absolute;top:0;left:0;z-index:-1; width:1px;height:775px;background-color:#e5e5e5;content:""}
.include_03 li:last-child:after{display:block;position:absolute;top:0;right:0;z-index:-1;width:1px;height:775px;background-color:#e5e5e5;content:""}