@charset "utf-8";

#inc03{position:relative;padding:156px 0 130px 70px;width:100%;overflow-x:hidden}
#inc03:after{position:absolute;content:'';left:50%;transform:translateX(-50%);top:0;width:100%;max-width:1760px;height:1px;background:#e1e1e1}
#inc03 .top_tit{margin:0 auto;padding-bottom:110px;display:flex;gap:80px;width:100%;max-width:1550px;line-height:1.4;font-size:15px}
#inc03 .top_tit p{padding-bottom:40px;color:var(--primary);font-size:18px;font-weight:700;font-family:var(--e-font);text-transform:uppercase}
#inc03 .top_tit .left{color:#111;font-size:40px;font-family:'NanumSquareNeoExtraBold'}
#inc03 .top_tit .right{padding-top:160px;letter-spacing:-.3px;line-height:1.7}
#inc03 .bot_img{position:relative}
#inc03 .bot_img a{position:absolute;top:-190px;right:10%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;width:276px;height:276px;color:#fff;background:var(--primary);font-family:var(--e-font);font-weight:600;text-transform:uppercase}
#inc03 .bot_img a .view{display:flex;justify-content:center;align-items:center;width:60px;height:60px;text-align:center;background:rgba(255, 255, 255, 0.15);border-radius:50px}
#inc03 .bot_img a .view svg{width:20px}
#inc03 .bot_img a:hover .view{background:#fff}
#inc03 .bot_img a:hover .view svg{color:#111;transform:rotate(45deg);transition:all 0.2s}

/* 반응형 [s] */
@media (max-width:1530px){
#inc03 .top_tit{gap:50px}
#inc03 .bot_img a{right:2.5%}
}
@media (max-width:1380px){
#inc03{padding:130px 0 130px 2.5%}
#inc03 .top_tit{align-items:end;margin:0 auto 0 0;max-width:unset;width:75%}
#inc03 .top_tit .left{font-size:35px}
#inc03 .top_tit .right{padding-top:0px}
#inc03 .bot_img img{height:500px;object-fit:cover}
#inc03 .bot_img a{width:230px;height:230px}
#inc03 .bot_img a .view{width:55px;height:55px}
}
@media (max-width:1024px){
#inc03{padding:70px 2.5% 0;margin-top:100px}
#inc03 .top_tit{align-items:start;flex-direction:column;padding-bottom:70px;gap:0px;width:100%}
#inc03 .top_tit p{padding-bottom:20px;font-size:16px}
#inc03 .top_tit .left{font-size:30px}
#inc03 .top_tit .right{padding-top:0px;margin-top:30px}
#inc03 .bot_img img{height:420px}
#inc03 .bot_img a{top:-250px;right:0px;width:180px;height:180px}
#inc03 .bot_img a .view{width:50px;height:50px}
#inc03 .bot_img a .view svg{font-size:18px}
}
@media (max-width:768px){
#inc03{margin-top:0px;padding:90px 2.5% 0}
#inc03:after{display:none}
#inc03 .top_tit{padding-bottom:50px;text-align:center;font-size:14px}
#inc03 .top_tit p{padding-bottom:20px;font-size:15px}
#inc03 .top_tit .left{font-size:24px}
#inc03 .top_tit .left .pl{white-space:normal;margin:auto;width:80%}
#inc03 .top_tit .right{white-space:normal;margin:30px auto 0;width:90%}
#inc03 .bot_img img{height:380px}
#inc03 .bot_img a{bottom:0px;top:unset;gap:10px;width:140px;height:140px;background-color:rgb(16,107,253, 0.8)}
#inc03 .bot_img a .view{width:48px;height:48px}
}
@media (max-width:480px){
#inc03{padding:80px 2.5% 0}
#inc03 .top_tit{padding-bottom:45px;font-size:13px}
#inc03 .top_tit p{padding-bottom:15px;font-size:14px}
#inc03 .top_tit .left{font-size:21px}
#inc03 .top_tit .left .pl{width:95%}
#inc03 .top_tit .right{margin:20px auto 0;width:95%}
#inc03 .bot_img img{height:330px}
#inc03 .bot_img a{width:120px;height:120px}
#inc03 .bot_img a .view{width:45px;height:45px}
#inc03 .bot_img a .view svg{font-size:18px}
}
@media (max-width:380px){
#inc03{padding:70px 2.5% 0}
#inc03 .top_tit{padding-bottom:35px}
#inc03 .top_tit p{padding-bottom:12px;font-size:13px}
#inc03 .top_tit .left{font-size:19px}
#inc03 .top_tit .right{margin:15px auto 0}
#inc03 .bot_img img{height:290px}
#inc03 .bot_img a{width:100px;height:100px}
#inc03 .bot_img a .view{width:42px;height:42px}
#inc03 .bot_img a .view svg{width:16px}
}
/* 반응형 [e] */