@charset "utf-8";

#inc02{overflow:hidden;padding:192px 0 0}
#inc02 .inner{padding:0 80px}
#inc02 .brac_ket{margin:0 0 5px 50px}
#inc02 .big_e_txt{font-size:150px;line-height:1;font-family:var(--eng-font)}
#inc02 .big_e_txt.l_txt{position:relative;margin:0 0 80px 50px;white-space:nowrap;z-index:1}
#inc02 .big_e_txt.r_txt{position:relative;margin:68px 50px 0 0;text-align:right}

#inc02 .about_cont{display:flex;align-items:center;justify-content:space-between;position:relative;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
#inc02 .about_cont .l_about{width:27%;padding-left:160px;word-break:keep-all}
#inc02 .about_cont .l_about h2{display:block;position:relative;margin-bottom:30px;font-size:16px;font-family:var(--eng-font);font-weight:400}
#inc02 .about_cont .l_about h2:before{position:absolute;left:-30px;top:9px;content:'';width:10px;height:10px;background:url('./img/point_deco.png');animation:rotate_ani 2s linear infinite;transform-origin:50% 50%}
#inc02 .about_cont .r_about{width:37%}
#inc02 .about_cont .r_about a{display:flex;align-items:center;justify-content:space-between;height:300px;padding:0 130px 0 80px;font-size:30px;font-weight:700;color:#fff;background-color:var(--primary)}
#inc02 .about_cont .r_about a+a{border-top:1px solid rgba(255,255,255,.2)}
#inc02 .about_cont .r_about a span{display:block;position:relative;opacity:.2;width:45px;height:1px;background-color:#fff;transition:all .3s}
#inc02 .about_cont .r_about a span:before{position:absolute;left:0;top:0;content:'';width:100%;height:1px;background-color:#fff;transition:all .3s}

#inc02 .about_cont .ct_img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:27%;height:583px;border-radius:10px;background:url('./img/img.jpg') no-repeat center;background-size:cover}

/* 롤링 텍스트 */
#inc02 .txt_bar{overflow:hidden;height:70px;margin-top:228px;background:linear-gradient(90deg, #a84c0b, #ba1212, #086f9e)}
#inc02 .txt_bar .loop_txt{display:flex;flex:0 0 auto;align-items:center;width:100%;height:70px;margin:0 auto;white-space:nowrap;overflow:hidden;transition:0.3s;font-size:20px;font-family:var(--eng-font)}
#inc02 .txt_bar .loop_txt li{animation:textLoop 4s linear infinite}
#inc02 .txt_bar .loop_txt li span{display:inline-block;width:5px;height:5px;margin:0 20px;border-radius:100%;background-color:#fff}

@keyframes textLoop {0% {transform:translate3d(0, 0, 0)}100% {transform:translate3d(-100%, 0, 0)}}

/* 반응형 [s] */
@media (hover:hover){
#inc02 .about_cont .r_about a:hover span{opacity:1}
#inc02 .about_cont .r_about a:hover span:before{transform:rotate(-90deg)}
}
@media (max-width:1340px){
#inc02{padding: 150px 0 0}
#inc02 .big_e_txt{margin:0px 0px 80px 32px;font-size:90px}
#inc02 .about_cont .l_about{padding-left:90px}
#inc02 .about_cont .r_about a{padding:0px;justify-content:space-around}
#inc02 .txt_bar{margin-top:190px}
}
@media (max-width:1024px){
#inc02{padding:120px 0 0}
#inc02 .brac_ket{margin:0 0 5px 32px}
#inc02 .big_e_txt{font-size:60px}
#inc02 .big_e_txt.l_txt{margin:0px 0px 30px 30px}
#inc02 .big_e_txt.r_txt{margin:30px 30px 0px 0px}
#inc02 .about_cont .l_about{padding-left:15px;width:50%}
#inc02 .about_cont .l_about h2{position:relative;padding-left:20px}
#inc02 .about_cont .l_about h2:before{left:0px}
#inc02 .about_cont .r_about{width:50%}
#inc02 .about_cont .ct_img{display:none}
#inc02 .txt_bar{margin-top:150px;height:55px}
#inc02 .txt_bar .loop_txt{height:100%;font-size:18px}
}
@media (max-width:768px){
#inc02{padding:90px 0 0}
#inc02 .inner{padding:0 28px}
#inc02 .about_cont{flex-direction:column}
#inc02 .brac_ket{margin:0 0 5px 15px}
#inc02 .big_e_txt{font-size:50px}
#inc02 .big_e_txt.l_txt{margin:0 0 15px 15px}
#inc02 .big_e_txt.r_txt{margin:15px 15px 0 0}
#inc02 .about_cont .l_about{padding:35px 15px;width:100%}
#inc02 .about_cont .l_about h2{margin-bottom:15px}
#inc02 .about_cont .r_about{display:flex;flex-direction:column;width:100%}
#inc02 .about_cont .r_about a{justify-content:space-between;position:relative;border-top:1px solid rgb(255, 255, 255, 0.2);padding:35px 15px;width:100%;height:auto;font-size:15px}
#inc02 .about_cont .r_about a span{width:40px}
#inc02 .txt_bar{margin-top:100px}
#inc02 .txt_bar .loop_txt{font-size:16px}
}
@media (max-width:480px){
#inc02 {padding:60px 0 0}
#inc02 .brac_ket{margin:0px;text-align:center}
#inc02 .big_e_txt{font-size:32px}
#inc02 .big_e_txt.l_txt{margin:5px 0 22px 0;text-align:center}
#inc02 .big_e_txt.r_txt{margin:22px 0 0 0;text-align:center}
#inc02 .about_cont .l_about{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 15px;font-size:14px}
#inc02 .about_cont .l_about h2{margin-bottom:10px;font-size:14px}
#inc02 .about_cont .l_about h2:before{top:6px;width:8px;height:8px;background-position:center;background-size:cover}
#inc02 .about_cont .r_about{flex-direction:row}
#inc02 .about_cont .r_about a{justify-content:center;padding:20px 0;font-size:13px}
#inc02 .about_cont .r_about a:first-child:after{position:absolute;right:0px;width:1px;height:50%;background-color:rgb(255, 255, 255, 0.2);content:""}
#inc02 .about_cont .r_about a span{display:none}
#inc02 .txt_bar{margin-top:70px;height:52px}
#inc02 .txt_bar .loop_txt{font-size:14px}
}
@media (max-width:380px){
#inc02 .big_e_txt{font-size:26px}
#inc02 .big_e_txt.l_txt{margin:5px 0 15px 0}
#inc02 .about_cont .l_about{font-size:13px}
#inc02 .about_cont .l_about h2{font-size:13px}
#inc02 .txt_bar{margin-top:60px;height:48px}
}
/* 반응형 [e] */