@charset "utf-8";
#index01{position:relative;width:1200px;margin:0 auto}
#index01 .tit{position:absolute;top:75px;left:50%;margin-left:-225.5px;text-align:center}
#index01 .tit dt{font-size:34px;color:#222;font-family:'notokr-light',sans-serif}
#index01 .tit dt span{font-family:'notokr-bold',sans-serif}
#index01 .tit dd{margin-top:15px;font-size:16px;line-height:26px;color:#777;letter-spacing:-0.3px;font-family:'notokr-regular',sans-serif}
#index01 ul{overflow:hidden;width:100%}
#index01 li{float:left;position:relative;width:25%}
#index01 li:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-left:1px solid #f1f1f1;background:#fff;z-index:-1;transition:0.3s;content:""}
#index01 .li04:before{border-right:1px solid #f1f1f1}
#index01 li:hover:before{background:#fafafa}
#index01 .li01{background:url(/sh_all/include01/1/img/in01_icon01.png) 191px 472px no-repeat}
#index01 .li02{background:url(/sh_all/include01/1/img/in01_icon02.png) 191px 472px no-repeat}
#index01 .li03{background:url(/sh_all/include01/1/img/in01_icon03.png) 191px 472px no-repeat}
#index01 .li04{background:url(/sh_all/include01/1/img/in01_icon04.png) 191px 472px no-repeat}
#index01 li dl{display:block;width:100%;padding:272px 25px 162px;box-sizing:border-box}
#index01 li dt{margin-bottom:26px;padding-bottom:28px;border-bottom:1px solid #e4e4e4;font-size:14px;line-height:25px;color:#686868;letter-spacing:-0.4px;font-family:'Montserrat',sans-serif}
#index01 li h3{font-weight:400;font-size:22px;color:#3a3a3a;font-family:'notokr-medium',sans-serif}
#index01 li dd{min-height:52px;font-size:15px;line-height:26px;color:#777;letter-spacing:-0.4px;font-family:'notokr-regular',sans-serif}
#index01 li .last{position:relative;width:111px;margin-top:22px;font-weight:500;font-size:14px;color:#787878;font-family:'Montserrat',sans-serif}
#index01 li .last .arr_wrap{position:absolute;top:2px;right:10px;bottom:0;width:10px}
#index01 li .last .arr {display:inline-block;position:absolute;top:50%;left:0;width:0;height:1px;margin-top:-1px;background:#b51440;transition:width ease .2s}
#index01 li .last .arr:after,#index01 li .last .arr:before{content:'';position:absolute;top:0;width:1px;height:0;background:#b51440;transition:height ease .2s}	
#index01 li .last .arr:before{right:-1px;transform:rotate(135deg);transform-origin:top left;top:0}
#index01 li .last .arr:after{right:0;transform:rotate(45deg);transform-origin:top right;top:1px}
#index01 li:hover .arr {width:20px;transition-delay:0}
#index01 li:hover .arr:after, #index01 li:hover .arr:before{height:6px;transition-delay:.2s}