@charset "utf-8";

#inc03{overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:75px 30px;background:var(--cream)}
#inc03 .promo{position:relative;height:885px;border-radius:30px;overflow:hidden;color:#fff}
#inc03 .promo.left{background:url('./img/promo-left-bg.jpg') no-repeat center/cover}
#inc03 .promo.right{background:var(--orange) url('./img/promo-right-bg.png') no-repeat right bottom}
#inc03 .promo-copy{position:absolute;z-index:3;top:94px;left:90px}
#inc03 .promo-copy.bottom{top:auto;bottom:78px}
#inc03 .promo-copy h2{margin:0 0 30px;line-height:1.2}
#inc03 .left .promo-copy h2 em{font-style:normal;color:var(--orange)}
#inc03 .right .promo-copy h2 em{font-style:normal;color:var(--ink)}
#inc03 .promo-copy span{display:block;margin-bottom:52px;font-size:20px;font-weight:600;word-break:keep-all}

/* 반응형 [s] */
@media(max-width:1600px){
#inc03{padding-bottom:0 !important}
#inc03 .promo{height:820px}
#inc03 .promo-copy{top:70px;left:60px}
#inc03 .promo-copy h2{margin:0 0 18px}
#inc03 .promo-copy span{margin-bottom:42px}
#inc03 .promo.right{background-position:right bottom -50px}
}
@media(max-width:1400px){
#inc03{gap:20px}
#inc03 .promo{height:770px}
#inc03 .promo-copy{top:60px}
#inc03 .promo-copy h2{margin:0 0 12px}
#inc03 .promo-copy span{margin-bottom:34px;font-size:18px}
#inc03 .promo.right{background-size:cover}
}
@media (max-width:1200px){
#inc03 .promo{height:670px}
#inc03 .promo-copy{left:40px;padding-right:40px}
#inc03 .promo-copy h2{margin:0 0 8px;line-height:1.1}
#inc03 .promo-copy span{margin-bottom:28px;font-size:17px}
}
@media (max-width:1024px){
#inc03{grid-template-columns:repeat(1,1fr);padding:75px 20px}
#inc03 .promo{display:flex;align-items:center;justify-content:center;height:360px}
#inc03 .promo-copy{position:static;display:flex;flex-direction:column;align-items:center;padding-right:0;text-align:center}
#inc03 .promo.right{background-position:right bottom;background-size:45%}
#inc03 .promo-copy span{margin-bottom:22px}
#inc03 .promo-copy span{font-size:16px}
}
@media (max-width:768px){
#inc03{padding:60px 20px}
#inc03 .promo{height:320px;padding:20px}
#inc03 .promo.right{background-size:cover}
#inc03 .promo.right::before{position:absolute;content:"";inset:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4)}
#inc03 .right .promo-copy h2 em{color:var(--orange)}
#inc03 .cm-btn.dark{border-color:#fff !important;background-color:#fff !important;color:var(--ink) !important}
#inc03 .cm-btn.dark:hover{background-color:transparent !important;color:#fff !important}
#inc03 .promo-copy span{font-size:15px}
}
@media (max-width:480px){
#inc03 .promo{height:300px}
#inc03 .promo-copy span{margin-bottom:15px;font-size:14px}
}
/* 반응형 [e] */