#in_01{position:relative}
#in_01 .in_01_text_area{overflow:hidden;position:relative;padding:60px 0;width:1070px;margin:0 auto;color:#333}
#in_01 .in_01_text_area .in_01_big_tit{float:left;font-size: 35px;font-weight:300;line-height: 45px;font-family: 'Raleway', sans-serif}
#in_01 .in_01_text_area .in_01_big_tit span{line-height:55px;font-family:'notokr-bold'}
#in_01 .in_01_text_area .cont{float:left;padding:25px 0 0 70px}
#in_01 .in_01_text_area .more_btn{display:inline-block;position:absolute;right:0;top:78px;min-width:97px;padding:9px 0;border:none;font-size:13px;font-weight:700;text-align:center;font-family: 'Raleway', sans-serif}
#in_01 .in_01_text_area .more_btn:before, #in_01 .in_01_text_area .more_btn:after {content: '';display: block;height: 4px;position: absolute;bottom: 0;z-index: 2;-webkit-transition: width 400ms;transition: width 400ms;-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);}
#in_01 .in_01_text_area .more_btn:before {width:100%;right:0;background:#ddd;-webkit-transition-delay:200ms;transition-delay:200ms}
#in_01 .in_01_text_area .more_btn:after {width:0;left:0;background:#b40000;-webkit-transition-delay:0ms;transition-delay: 0ms}
#in_01 .in_01_text_area .more_btn:hover:before {width:0;-webkit-transition-delay:0ms;transition-delay:0ms}
#in_01 .in_01_text_area .more_btn:hover:after {width:100%;-webkit-transition-delay:200ms;transition-delay:200ms}

#in_01 .in_01_box_area .img_box{overflow:hidden;width:100%}
#in_01 .in_01_box_area .img_li{position:relative;width:25%;height:323px;float:left;list-style:none;text-align:center;box-sizing:border-box}
#in_01 .in_01_box_area .img_li div{position:absolute;width:100%;height:100%;-webkit-transition: all 1s;}
#in_01 .in_01_box_area .li_tit{font-size:25px;color:#fff;font-family:'notokr-bold'}
#in_01 .in_01_box_area .front_txt{z-index:999}
#in_01 .in_01_box_area .front_txt .li_icon{top:95px}
#in_01 .in_01_box_area .front_txt .li_tit{top:150px}
#in_01 .in_01_box_area li:hover .front_img{z-index:0;-webkit-transform: rotateY(180deg)}
#in_01 .in_01_box_area .front_img{z-index:3;}
#in_01 .in_01_box_area .front_img:hover{z-index:0}
#in_01 .in_01_box_area .hover{background:#95172b;-webkit-transform:rotateY(180deg)}
#in_01 .in_01_box_area li:hover .hover{-webkit-transform: rotateY(0deg)}
#in_01 .in_01_box_area .img_box .hover .li_cont{top:190px;font-size:16px;line-height:26px;color:#f5e2e3;box-sizing:border-box}