
#m03{position:relative;width:100%;z-index:10;padding:224px 0 104px;font-family:var(--k-font)}
#m03 .m03_bg{ position:absolute;top:0;left:0;z-index:-1;width:100%;height:331px;background:url(./img/m03_bg.jpg) center no-repeat}

#m03_wrap{position:relative;max-width:1170px;margin:0 auto;background:#fff}
#m03_wrap .left_box{position:absolute;left:50px;top:-224px;width:255px;height:675px}
#m03_wrap .left_box li{width:255px;height:225px}
#m03_wrap .left_box li a{display:block;height:100%;text-align:center}
#m03_wrap .left_box li h2{padding-top:121px;line-height:1.3;text-align:center;word-break:keep-all;font-size:20px;color:#fff;font-weight:700}
#m03_wrap .left_box li p{margin-top:5px;line-height:1.8;font-size:15px;color:#fff;font-weight:500;word-break:keep-all}
#m03_wrap .left_box .box1 h2{color:#222}
#m03_wrap .left_box .box1 p{color:#222}
#m03_wrap .left_box .box1{background:#fff url(./img/icon01.png) center 52px no-repeat}
#m03_wrap .left_box .box2{background:#d7d000 url(./img/icon02.png) center 52px no-repeat}
#m03_wrap .left_box .box3{background:#061a39 url(./img/icon03.png) center 52px no-repeat}

/* 반응형 [s] */
@media (max-width:1170px){
#m03_wrap .left_box{left:2.5%;width:200px}
#m03_wrap .left_box li{width:100%}
}
@media (max-width:1024px){
#m03{padding:200px 0 65px}
#m03_wrap{display:flex;flex-direction:column-reverse}
#m03 .m03_bg{height:200px;background-size:cover}
#m03_wrap .left_box{display:flex;position:static;margin:35px auto 0;width:95%;height:auto}
#m03_wrap .left_box .box1{background-position:center 40px;background-size:34px;background-color:#f7f7f7}
#m03_wrap .left_box .box2{background-position:center 40px;background-size:37px}
#m03_wrap .left_box .box3{background-position:center 40px;background-size:23px}
#m03_wrap .left_box li{height:180px}
#m03_wrap .left_box li h2{padding-top:83px;font-size:18px}
}
@media (max-width:768px){
#m03 .m03_bg{height:200px}
#m03_wrap .left_box .box1{background-position:center 32px;background-size:29px}
#m03_wrap .left_box .box2{background-position:center 32px;background-size:34px}
#m03_wrap .left_box .box3{background-position:center 32px;background-size:22px}
#m03_wrap .left_box li{height:160px}
#m03_wrap .left_box li h2{padding-top:73px;font-size:16px}
#m03_wrap .left_box li p{line-height:1.5}
}
@media (max-width:480px){
#m03{padding:170px 0 50px}
#m03 .m03_bg{height:170px}
#m03_wrap .left_box .box1{background-position:center 25px;background-size:26px}
#m03_wrap .left_box .box2{background-position:center 25px;background-size:31px}
#m03_wrap .left_box .box3{background-position:center 25px;background-size:19px}
#m03_wrap .left_box li{height:155px}
#m03_wrap .left_box li h2{padding-top:65px;font-size:15px}
#m03_wrap .left_box li p{font-size:13px}
}
@media (max-width:380px){
#m03{padding:150px 0 40px}
#m03 .m03_bg{height:150px}
#m03_wrap .left_box{margin:25px auto 0}
#m03_wrap .left_box .box1{background-position:center 22px;background-size:23px}
#m03_wrap .left_box .box2{background-position:center 22px;background-size:28px}
#m03_wrap .left_box .box3{background-position:center 22px;background-size:16px}
#m03_wrap .left_box li{height:135px}
#m03_wrap .left_box li h2{padding-top:53px;font-size:14px}
#m03_wrap .left_box li p{font-size:12px}
}
/* 반응형 [e] */
