@charset "utf-8";

#inc01{position:relative}
#inc01 .inner{position:relative;background:url(./img01.jpg) no-repeat 0 70% / cover;height:600px;color:#fff/*#040255;*/}
#inc01 .tit_box{width:100%;position:absolute;top:0;padding:132px 160px;font-size:20px}
#inc01 .tit_box h1{padding-bottom:20px;font-size:42px;font-family:'LotteMartDreamBold'}
#inc01 .center_box{padding:70px 0;background:#f7f7f7}
#inc01 .center_box ul{display:grid;grid-template-columns:repeat(3, 1fr);max-width:1700px;margin:0 auto;gap:30px}
#inc01 .center_box ul li{display:flex;justify-content:space-between;padding:40px;border-radius: 15px;box-shadow: 0px 0px 20px 10px rgb(0 0 0 / 5%)}
#inc01 .center_box ul li p{padding-bottom:10px;font-size:22px;color: #111;font-family:'LotteMartDreamBold'}
#inc01 .center_box ul li a{padding:8px 36px;margin-top:auto;color: #fff;background:#feea00;background: #0f0043;border-radius:50px;font-weight: 700;transition:all 0.2s}
#inc01 .center_box ul li a:hover{background:#f4cc1d;color:#fff}
#inc01 .bot_box{color:#040255}
#inc01 .bot_box .bot_inner{display:grid;grid-template-columns: repeat(2, 1fr);gap:80px;padding: 150px 0;max-width:1700px;margin:0 auto}
#inc01 .bot_box .bot_inner .txt_box{padding:60px;position:relative;font-size:20px;line-height:1.5;border-top:4px solid #0f0043}
#inc01 .bot_box .bot_inner .txt_box:after{position:absolute;content:'';left:0;top:0;width:4px;height: 80px;background:#0f0043}
#inc01 .bot_box .bot_inner h3{padding-bottom:30px;font-size:40px;font-family:'LotteMartDreamBold'}
#inc01 .bot_box .bot_inner .right{position:relative;padding:60px;border-bottom:4px solid #0f0043;font-weight:500;text-align:right}
#inc01 .bot_box .bot_inner .right:after{position:absolute;content:'';right: 0;bottom: 0;width:4px;height: 80px;background:#0f0043}
#inc01 .bot_box .bot_inner .right p{padding:10px 0 20px;font-size:24px}
#inc01 .bot_box .bot_inner .right a{display:flex;align-items:center;justify-content:center;width:max-content;padding:7px 20px;margin-left:auto;background:#0f0043;color:#fff;border-radius:50px;transition:all 0.2s}
#inc01 .bot_box .bot_inner .right a:hover{background:#f4cc1d}

/* 반응형 */
@media (max-width:1590px){
    #inc01 .bot_box .bot_inner h3{font-size:35px}
}
@media (max-width:1400px){
#inc01 .bot_box .bot_inner h3{font-size:30px}
}
