@charset "utf-8";

#inc03{position:relative;padding:233px 0 0}

/* 텍스트 */
#inc03 .tit_wrap{max-width:1500px;margin:0 auto}
#inc03 .tit_wrap h2{display:flex;align-items:center;gap:40px;font-size:90px;font-weight:500;line-height:1;font-family:var(--eng-font)}
#inc03 .tit_wrap h2 span{font-size:15px;line-height:1.6;font-weight:400;font-family:var(--ko-font)}
#inc03 .tit_wrap a{display:flex;align-items:center;width:max-content;margin-top:66px;font-size:16px;color:#fff}
#inc03 .tit_wrap a i{position:relative;width:60px;height:60px;border-radius:100%;border:1px solid #fff;transition:all .3s}
#inc03 .tit_wrap a span{z-index:1;margin-left:-10px;background-color:#070707;transition:all .3s}
#inc03 .tit_wrap a i:before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:'';width:5px;height:5px;border-radius:100px;background:#fff;transition:all .3s}

/* 포트폴리오 */
#inc03 .inc03_slide{margin-top:90px}
#inc03 .item{width:466px}
#inc03 .item a{display:block;color:#fff}
#inc03 .item .img{height:410px;border-radius:10px;background:center no-repeat;background-size:cover}
#inc03 .item .img.none{background:url(../../hd/top_menu/logo_m.png) center no-repeat #fff !important}
#inc03 .item p{position:relative;top:-30px;opacity:0;padding:28px 20px 0;font-size:20px;font-weight:600;transition:all .3s}
#inc03 .inc03_slide .empty{width:100%;text-align:center;line-height:150px}

/* 겟인터치 */
#inc03 .get_in{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1500px;margin:225px auto 126px}
#inc03 .get_in .l_get{position:relative;width:46%}
#inc03 .get_in .l_get a{font-size:90px;line-height:1;font-weight:500;color:#fff;font-family:var(--eng-font)}
#inc03 .get_in .l_get a p{overflow:hidden;position:absolute;right:0;top:20px;width:55px;height:55px}
#inc03 .get_in .l_get a p:before, #inc03 .get_in .l_get a p:after{position:absolute;left:0;top:0;content:'';width:100%;height:100%;transition:all .2s;background:url('./img/arrow.png') no-repeat center}
#inc03 .get_in .l_get a p:after{left:-55px;top:-55px}
#inc03 .get_in .r_get{width:48%}
#inc03 .get_in .r_get a{font-size:20px;color:#fff;transition:all .3s;font-family:var(--eng-font)}
#inc03 .get_in .r_get p{display:flex;justify-content:end;margin-top:30px;padding-top:35px;border-top:1px solid #fff;font-size:16px;white-space:pre-line}

/* 반응형 [s] */
@media (hover:hover){
#inc03 .tit_wrap a:hover i{background-color:#fff}
#inc03 .tit_wrap a:hover i:before{background:#070707}
#inc03 .tit_wrap a:hover span{margin-left:15px}
#inc03 .item:hover p{opacity:1;top:0}
#inc03 .get_in .l_get a:hover p:after{left:0;top:0}
#inc03 .get_in .l_get a:hover p:before{left:55px;top:55px}
#inc03 .get_in .r_get a:hover{color:var(--primary)}
}
@media (max-width:1340px){
#inc03 .item .img{height:330px}
}
@media (max-width:1024px){
#inc03{padding:150px 0 0}
#inc03 .tit_wrap{width:90%}
#inc03 .tit_wrap h2{font-size:60px}
#inc03 .tit_wrap a{margin-top:45px;font-size:15px}
#inc03 .tit_wrap a i{width:50px;height:50px}
#inc03 .item .img{height:280px}
#inc03 .item p{top:0px;padding:20px 10px 0;font-size:15px}
#inc03 .get_in{width:90%;margin:90px auto 126px}
#inc03 .get_in .l_get{width:calc(100% / 3)}
#inc03 .get_in .l_get a{font-size:42px}
#inc03 .get_in .l_get a p{top:0px;width:30px;height:30px}
#inc03 .get_in .l_get a p::after{background-size:cover}
#inc03 .get_in .l_get a p::before{background-size:cover}
#inc03 .get_in .r_get{width:calc(100% / 2)}
#inc03 .get_in .r_get a{font-size:18px}
#inc03 .get_in .r_get p{margin-top:20px;padding-top:20px;word-break:keep-all;font-size:14px}
}
@media (max-width:768px){
#inc03{padding:110px 0 0}
#inc03 .tit_wrap h2{gap:25px;font-size:48px}
#inc03 .tit_wrap h2 span{font-size:14px}
#inc03 .tit_wrap a{margin-top:30px;font-size:14px}
#inc03 .tit_wrap a i{width:45px;height:45px}
#inc03 .inc03_slide{margin-top:55px}
#inc03 .get_in{margin:70px auto 78px}
#inc03 .get_in{flex-direction:column-reverse}
#inc03 .get_in .l_get{width:100%}
#inc03 .get_in .l_get a{font-size:32px}
#inc03 .get_in .l_get a p{top:auto;bottom:0px;width:20px;height:20px}
#inc03 .get_in .r_get{width:100%;margin-bottom:24px}
#inc03 .get_in .r_get p{justify-content:flex-start;margin-top:10px;padding-top:10px;white-space:normal}
}
@media (max-width:480px){
#inc03{padding:80px 0 0}
#inc03 .tit_wrap{display:flex;justify-content:space-between;align-items:center}
#inc03 .tit_wrap h2{font-size:32px}
#inc03 .tit_wrap h2 span{display:none}
#inc03 .tit_wrap a{margin-top:0px;font-size:13px}
#inc03 .tit_wrap a i{width:34px;height:34px}
#inc03 .item .img{height:215px}
#inc03 .item p{padding:15px 10px 0;opacity:1;font-size:14px}
#inc03 .get_in{margin:70px auto 48px}
#inc03 .get_in .r_get a{font-size:16px}
#inc03 .get_in .r_get p{font-size:13px}
#inc03 .get_in .l_get a{font-size:26px}
#inc03 .get_in .l_get a p{width:18px;height:18px}
}
@media (max-width:380px){
#inc03 .tit_wrap h2{font-size:26px}
#inc03 .tit_wrap a i{width:28px;height:28px}
#inc03 .item .img{height:180px}
#inc03 .get_in{margin:70px auto 30px}
#inc03 .get_in .r_get a{font-size:15px}
#inc03 .get_in .l_get a{font-size:24px}
#inc03 .get_in .l_get a p{width:16px;height:16px}
}
/* 반응형 [e] */