@charset "utf-8";

#inc03{margin:180px 0;font-family:var(--k-font)}
#inc03 .t_txt{display:table;position:relative;max-width:1294px;margin:0 auto 160px;font-weight:500;font-family:'mulish'}
#inc03 .t_txt .ltxt{display:inline-block;position:absolute;left:0;top:0;padding:0 13px;border:solid 1px #000;border-radius:30px;font-size:17px;line-height:1.5;white-space:pre-line}
#inc03 .t_txt p{font-size:66px;font-weight:500;line-height:1.2;word-break:keep-all;text-transform:uppercase}
#inc03 .t_txt p .f_txt{padding-left:369px}
#inc03 .t_txt p a{display:inline-block;position:relative}
#inc03 .t_txt p a span{position:absolute;left:0;bottom:0;width:100%;height:4px;overflow:hidden}
#inc03 .t_txt p a span:before,#inc02 .t_txt p a span:after{position:absolute;bottom:-1px;width:100%;height:4px;content:'';background-color:#000;transition:all .2s}
#inc03 .t_txt p a span:before{left:0}
#inc03 .t_txt p a span:after{left:-100%;opacity:0} 
#inc03 .t_txt p a:hover span:before{left:100%;opacity:0;transition-delay:0s}
#inc03 .t_txt p a:hover span:after{left:0;opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}  
#inc03 .t_txt .b_scroll{display:table;position:relative;width:80px;height:80px;margin:35px auto 0;cursor:pointer}
#inc03 .t_txt .b_scroll img{position:absolute;left:18px;top:0;transition:linear all .2s}

/* img */

#inc03 .img_area ul{display:flex;align-items:center;justify-content:space-between;gap:30px}
#inc03 .img_area ul li{width:100%;height:433px;background:url(/sh_img/include/inc03/img/img01.jpg) no-repeat;background-size:cover}
#inc03 .img_area ul li a{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}
#inc03 .img_area ul li:nth-child(2){background:url(/sh_img/include/inc03/img/img02.jpg) no-repeat;background-size:cover}
#inc03 .img_area ul li a p{display:flex;align-items:center;justify-content:center;width:250px;height:70px;border:1px solid #fff;z-index:2;font-size:16px;font-weight:700;color:#fff;opacity:0;transition:0.2s}
#inc03 .img_area ul li a::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);opacity:0;transition:0.2s}
#inc03 .img_area ul li:hover a p{opacity:1}
#inc03 .img_area ul li:hover a::before{opacity:1}
#inc03 .img_area .bnr{display:flex;align-items:flex-end;justify-content:center;gap:100px;width:100%;height:561px;padding:10px 10px 0;margin-top:30px;background:#fee500}
#inc03 .img_area .bnr .txt{padding-bottom:100px}
#inc03 .img_area .bnr .txt p{font-size:35px;font-weight:700;white-space:pre-line;line-height:1.4;word-break:keep-all;color:#222}
#inc03 .img_area .bnr .txt > span{display:block;padding:20px 0 40px;font-size:18px;font-weight:500;white-space:pre-line;line-height:1.5;word-break:keep-all;color:rgba(0, 0, 0, 0.5)}
#inc03 .img_area .bnr .txt a{display:flex;align-items:center;justify-content:center;gap:15px;width:250px;height:70px;font-size:16px;font-weight:700;color:#222;background:#fff;transition:0.2s}

/* 반응형 [s] */
@media (hover:hover) {
#inc03 .t_txt .b_scroll:hover img{top:20px}
#inc03 .img_area .bnr .txt a:hover{background:#3C1E1E;color:#fff}
#inc03 .img_area ul li a p:hover{background:#fff;color:#222}
}
@media (max-width:1400px){
#inc03 .t_txt .ltxt{position:relative;left:auto;top:auto;margin-bottom:20px}
#inc03 .t_txt p{font-size:52px}
#inc03 .img_area .bnr{gap:35px}
}
@media (max-width:1150px){
#inc03 .t_txt p .f_txt{padding-left:0}
#inc03 .t_txt .ltxt{display:none}
#inc03 .t_txt p{text-align:center}
}
@media (max-width:1024px){
#inc03{margin:120px 0}
#inc03 .t_txt{margin-bottom:70px}
#inc03 .img_area ul li a::before{opacity:1}
#inc03 .img_area ul li a p{opacity:1}
#inc03 .img_area ul li{background-position:center}
#inc03 .img_area .bnr{flex-direction:column-reverse;align-items:center;height:auto}
#inc03 .img_area .bnr .txt{padding-top:50px;padding-bottom:0;text-align:center}
#inc03 .img_area .bnr .txt a{margin:0 auto}
#inc03 .img_area .bnr > img{width:50%}
}
@media (max-width:768px){
#inc03 .t_txt p{font-size:42px}
#inc03 .t_txt p a span:before,#inc02 .t_txt p a span:after{display:none}
#inc03 .t_txt p a{display:inline}
#inc03 .img_area ul{gap:15px}
}
@media (max-width:630px){
#inc03 .t_txt p{font-size:35px;white-space:normal}
#inc03 .img_area ul{flex-direction:column}
#inc03 .img_area ul li{height:280px}
#inc03 .img_area .bnr .txt p{font-size:28px}
#inc03 .img_area .bnr .txt > span{white-space:normal}
}
@media (max-width:480px){
#inc03{margin:60px 0}
#inc03 .t_txt{margin-bottom:30px}
#inc03 .t_txt p{font-size:28px}
#inc03 .img_area .bnr > img{width:85%}
#inc03 .img_area .bnr .txt > span{padding-bottom:30px}
}
@media (max-width:380px){
#inc03 .t_txt p{font-size:27px}
#inc03 .img_area ul li a p{width:180px;height:50px;font-size:15px}
#inc03 .img_area .bnr .txt p{font-size:25px}
#inc03 .img_area .bnr .txt a{width:220px;height:59px}

}
/* 반응형 [e] */