.about_int{position:absolute;bottom:0;width:100%;min-width:1150px}
.about_box{position:relative;width:1150px;height:353px;margin:0 auto;font-family: 'notokr-regular'}
.about_box .banner_box{clear:both;width:1150px;height:330px;background:#fff;-webkit-box-shadow: 4px 4px 40px -1px rgba(0,0,0,0.23);-moz-box-shadow: 4px 4px 40px -1px rgba(0,0,0,0.23);box-shadow: 4px 4px 40px -1px rgba(0,0,0,0.23)}
.about_box .banner_box .img_box{float:left}

.about_box .banner_box .txt_box{float:left;margin-left:98px}
.about_box .banner_box .tit{margin:79px 0 20px;font-weight:bold;font-size:20px;letter-spacing:4px;color:#323232}
.about_box .banner_box .tit .s_tit{display:block;margin-bottom:7px;font-weight:normal;font-size:18px;letter-spacing:0;color:#f95a3a;font-family: 'Katibeh', cursive}
.about_box .banner_box .txt{font-size:16px;line-height:26px;letter-spacing:-1px;color:#666}
.about_box .line{position:absolute;left:437px;top:113px;z-index:99;width:136px;height:1px;background:#f95a3a}

/*버튼*/

.about_int a.before:before,a.after:after{content: "";transition:0.5s all ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}
.about_int a.before:before{top:0px}
.about_int a.after:after{bottom:0px}
.about_int a.before:before,a.after:after{height:2px;height:2px;width:0;background:#fd5f3b}
.about_int a.before:hover:before,a.after:hover:after{width:100%}

.square{display:inline-block;position:absolute;right:90px;bottom:0;z-index:99;box-sizing:border-box;background:#fd5f3b}
.square:hover{color:#fc5e3b;background:#fff;transition: all 280ms}
.square:hover a{color:#fd5f3b}
.square a{position:static;display:block;width:172px;padding:15px 0;font-size:12px;text-align:center;letter-spacing:1px;color:#fff}

.square:before,.square:after{content: "";box-sizing:border-box;transition:0.25s all ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;width:2px;width:2px;
height:0;background:#fd5f3b}
.square:before{left:0;bottom:-5px}
.square.individual:before{transition-delay:0.6s}
.square:after{right:0;top:0px}
.square.individual:after{transition-delay:0.2s}
.square a:before{left:0;transition:0.25s all ease}
.square a:after{right:0;transition:0.25s all ease}
.square.individual a:after{transition:0.25s all ease 0.4s}
.square:hover:before,.square:hover:after{height:calc(100% + 0.4em)}
.square:hover a:before,.square:hover a:after{width:100%}