@charset "utf-8";

#inc01{padding:154px 0}
#inc01 .pl{white-space:pre-line}
#inc01 .top_cont{padding-bottom:154px;font-size:45px;font-weight:300;text-align:center;line-height:1.2;color:#111}
#inc01 .top_cont span{font-weight:700}
#inc01 .cont_box .left{padding:140px 210px 0;width:100%;height:652px;color:rgba(255,255,255,0.8);background:url(./img/bg.jpg) no-repeat}
#inc01 .cont_box .left .txt_box{padding-bottom:112px}
#inc01 .cont_box .left .txt_box span{display:block;padding-bottom:37px;font-size:15px;font-weight:700;color:#fff;text-transform:uppercase}
#inc01 .cont_box .left .txt_box h3{padding-bottom:20px;font-size:38px;color:#fff}
#inc01 .cont_box .left .txt_box p{white-space:pre-line;word-break:keep-all}
#inc01 .cont_box .left a{display:flex;justify-content:center;align-items:center;gap:24px;position:absolute;width:165px;font-size:14px;font-weight:700;line-height:55px;background:#fff;transition:all 0.2s;cursor:pointer}
#inc01 .cont_box .left a svg{width:18px}
#inc01 .cont_box .right{margin:-214px -14px 0 700px}
#inc01 .cont_box .right ul{display:flex;justify-content:flex-end}
#inc01 .cont_box .right ul li{width:100%;padding:60px;max-width:610px;color:rgba(255,255,255,0.7);background:var(--primary)}
#inc01 .cont_box .right ul li .bot_txt h3{padding-bottom:30px;font-size:25px;color:#fff}
#inc01 .cont_box .right ul li .bot_txt p{font-size:16px;white-space:pre-line;word-break:keep-all}
#inc01 .cont_box .right ul li:last-child{color:#666;background:#fff;border:1px solid #e1e1e1}
#inc01 .cont_box .right ul li:last-child .bot_txt h3{color:#111}
#inc01 .cont_box .right ul li .icon{padding-bottom:70px;text-align:right}

/* 반응형 [s] */
@media (hover:hover){
#inc01 .cont_box .left a:hover{gap:38px}
}
@media(max-width:1600px){
#inc01 .cont_box .right{margin:-214px -14px 0 590px}
}
@media (max-width:1380px){
#inc01{padding:130px 0}
#inc01 .top_cont{padding-bottom:130px;font-size:40px}
#inc01 .cont_box .left{padding:120px 5% 0;height:630px}
#inc01 .cont_box .left .txt_box h3{font-size:33px}
#inc01 .cont_box .right{margin:-206px -14px 0 500px}
#inc01 .cont_box .right ul li{padding:45px;max-width:unset;width:50%}
#inc01 .cont_box .right ul li .icon{padding-bottom:60px}
#inc01 .cont_box .right ul li .icon img{width:51px}
#inc01 .cont_box .right ul li .bot_txt h3{padding-bottom:23px;font-size:23px}
#inc01 .cont_box .right ul li .bot_txt p{white-space:normal}
}
@media (max-width:1024px){
#inc01{padding:100px 0 130px}
#inc01 .top_cont{padding-bottom:90px;font-size:30px}
#inc01 .cont_box .left{padding:110px 2.5% 0;height:555px;background-size:cover;background-position:center}
#inc01 .cont_box .left .txt_box{padding-bottom:95px}
#inc01 .cont_box .left .txt_box span{padding-bottom:25px}
#inc01 .cont_box .left .txt_box h3{padding-bottom:20px;font-size:28px}
#inc01 .cont_box .left a{gap:20px;width:160px;line-height:55px}
#inc01 .cont_box .left a:hover{gap:30px}
#inc01 .cont_box .right{margin:-183px 0 0 300px}
#inc01 .cont_box .right ul li{padding:30px;width:45%}
#inc01 .cont_box .right ul li .icon{padding-bottom:55px}
#inc01 .cont_box .right ul li .icon img{width:41px}
#inc01 .cont_box .right ul li .bot_txt h3{padding-bottom:15px;font-size:21px}
#inc01 .cont_box .right ul li .bot_txt p{font-size:15px}
#inc01 .cont_box .right ul li:last-child{border-right:none}
}
@media (max-width:768px){
#inc01{padding:80px 0 110px}
#inc01 .top_cont{padding-bottom:70px;font-size:27px}
#inc01 .cont_box .left{display:flex;flex-direction:column;align-items:center;padding-top:70px;height:545px}
#inc01 .cont_box .left .txt_box{padding-bottom:50px;text-align:center}
#inc01 .cont_box .left .txt_box span{padding-bottom:20px}
#inc01 .cont_box .left .txt_box h3{padding-bottom:15px;font-size:25px}
#inc01 .cont_box .left .txt_box p{margin:auto;width:80%;white-space:normal}
#inc01 .cont_box .left a{position:static;gap:18px;width:155px;line-height:53px}
#inc01 .cont_box .left a:hover{gap:28px}
#inc01 .cont_box .right{margin:-145px auto 0;width:95%}
#inc01 .cont_box .right ul li{width:100%}
#inc01 .cont_box .right ul li .icon{padding-bottom:45px}
#inc01 .cont_box .right ul li .icon img{width:35px}
#inc01 .cont_box .right ul li .bot_txt h3{padding-bottom:13px;font-size:19px}
}
@media (max-width:580px){
#inc01 .cont_box .left .txt_box p{width:90%}
}
@media (max-width:480px){
#inc01{padding:60px 0 90px}
#inc01 .top_cont{padding-bottom:70px;font-size:23px}
#inc01 .cont_box{position:relative;padding:60px 0;background-image:linear-gradient(rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url(./img/bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}
#inc01 .cont_box .left{padding-top:0px;height:auto;background:none}
#inc01 .cont_box .left .txt_box{padding-bottom:40px}
#inc01 .cont_box .left .txt_box span{padding-bottom:15px;font-size:14px}
#inc01 .cont_box .left .txt_box h3{padding-bottom:12px;font-size:21px}
#inc01 .cont_box .left .txt_box p{width:95%}
#inc01 .cont_box .left a{gap:12px !important;width:142px;line-height:50px}
#inc01 .cont_box .right{margin:50px auto 0}
#inc01 .cont_box .right ul{flex-direction:column;gap:12px}
#inc01 .cont_box .right ul li{padding:24px;width:100%}
#inc01 .cont_box .right ul li .icon{padding-bottom:35px}
#inc01 .cont_box .right ul li .icon img{width:33px}
#inc01 .cont_box .right ul li .bot_txt h3{padding-bottom:10px;font-size:18px}
#inc01 .cont_box .right ul li .bot_txt p{font-size:14px}
}
@media (max-width:380px){
#inc01{padding:50px 0 80px}
#inc01 .top_cont{padding-bottom:50px;font-size:21px}
#inc01 .cont_box{padding:50px 0}
#inc01 .cont_box .left .txt_box{padding-bottom:30px}
#inc01 .cont_box .left .txt_box span{padding-bottom:12px;font-size:13px}
#inc01 .cont_box .left .txt_box h3{padding-bottom:10px;font-size:19px}
#inc01 .cont_box .left a{width:130px;line-height:48px;gap:10px !important;font-size:13px}
#inc01 .cont_box .right{margin:40px auto 0}
#inc01 .cont_box .right ul{gap:9px}
#inc01 .cont_box .right ul li{padding:20px}
#inc01 .cont_box .right ul li .icon{padding-bottom:30px}
#inc01 .cont_box .right ul li .icon img{width:31px}
#inc01 .cont_box .right ul li .bot_txt h3{padding-bottom:8px;font-size:17px}
#inc01 .cont_box .right ul li .bot_txt p{font-size:13px}
}
/* 반응형 [e] */