@charset "utf-8";
#include01_wrapper{letter-spacing:-0.3px;font-family:'notokr-regular';width:100%;max-width:1200px;margin:0 auto}
#include01_wrapper:after{content:""; display:block; clear:both}

/*index01*/
.index01{overflow:hidden;width:100%;background:#fff;float:left}
.index01 li{float:left;width:274px;height:212px}
.index01 li:last-child{width:275px}
.index01 li.ind01_f{position:relative;width:377px;padding:95px 0 0 50px;font-size:30px;line-height:1.3;font-weight:700;white-space:pre-line;color:#444;font-family: 'Montserrat', sans-serif}
.index01 li.ind01_f b{color:var(--primary)}
.index01 li a{display:flex;flex-flow:column;width:100%;height:100%;padding:40px 0 40px 34px;color:#777;font-size:14px;line-height:22px;transition:all 0.3s}
.index01 li a .ind01_num{font-size:15px;margin-bottom:44px;font-weight:700;color:var(--primary);font-family: 'Montserrat', sans-serif}
.index01 li a .ind01_txt{margin-top:auto;font-size:15px;line-height:24px;white-space:pre-line;color:#999;font-family:'notokr-regular'}
.index01 li a .ind01_txt span{display:block;margin-bottom:10px;font-size:18px;color:#222;font-family:'notokr-bold'}
.index01 li:hover{-webkit-transition:all 0.3s;background:#f5f6f9;transition:all 0.3s}
.index01 li:hover:first-child{background:#fff}


/* 반응형 [s] */
@media (max-width:1230px){
.index01 li{width:23%}
.index01 li:last-child{width:23%}
.index01 li.ind01_f{width:31%}
.index01 li a{background-position:90% 48px !important}
.index01 li:hover a{background-position:90% 48px !important}
}
@media (max-width:1024px){
.index01 li{width:25% !important}
.index01 li.ind01_f{padding:105px 0 0 30px;font-size:25px}
.index01 li a .ind01_txt{font-size:14px}
}
@media (max-width:768px){
.index01{background:none}
.index01 li{width:100% !important;height:auto;background-color:#fff}
.index01 li+li{border-top:1px solid #e1e1e1}
.index01 li.ind01_f{width:100% !important;height:auto;padding:25px 0;font-size:20px;text-align:center;white-space:normal;background:#fff}
.index01 li.ind01_f:before{display:none}
.index01 li a{padding:30px}
.index01 li a .ind01_num{margin-bottom:25px}
.index01 li a .ind01_txt{white-space:normal}
}
@media (max-width:480px){
.index01 li a{padding:25px}
.index01 li a .ind01_txt{word-break:keep-all}
.index01 li a .ind01_txt span{margin-bottom:6px;font-size:16px}
.index01 li a{background-size:58px !important}
}
/* 반응형 [e] */