@charset "utf-8";

#inc01{position:relative;padding:160px 0;width:100%;max-width:1400px;margin:0 auto;word-break:keep-all}
#inc01 .sticky_area{display:flex;justify-content:space-between}
#inc01 .pl{white-space:pre-line}

/* 왼쪽 */
#inc01 .left{padding-top:100px;position:sticky;top:100px;height:100vh}
#inc01 .left .en_tit{margin-bottom:120px;line-height:1;color:#eee;font-size:100px;font-weight:bold;font-family:var(--enfont)}
#inc01 .left .ko_tit p{margin-bottom:50px;line-height:1.3;font-size:55px;font-weight:bold}
#inc01 .left .ko_tit a{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-evenly;width:250px;height:68px;font-size:17px;font-weight:600;background:#fff;border:1px solid #e1e1e1;border-radius:50px;color:#111;transition:all .3s;z-index:1}
#inc01 .left .ko_tit a:before{display:block;content:'';position:absolute;top:0;left:0;z-index:-1;width:0;height:100%;background:#700808;transition:all .3s}

/* 오른쪽 */
#inc01 .right .box .img{overflow:hidden;border-radius:20px}
#inc01 .right .box .img img{transition:all .3s}
#inc01 .right .box .tit{padding:40px 36px 60px 36px}
#inc01 .right .box .tit p{margin-bottom:16px;display:flex;align-items:flex-start;column-gap:20px;color:#111;font-size:25px;font-weight:bold}
#inc01 .right .box .tit p span{font-size:15px;letter-spacing:0;color:var(--primary);font-family:var(--enfont)}
#inc01 .right .box .tit .txt{padding: 0 20px;font-size:18px;font-weight:400;white-space:pre-line}

/* 모바일 호버 X */
@media (hover: hover) {
#inc01 .left .ko_tit a:hover{color:#fff}
#inc01 .left .ko_tit a:hover:before{width:100%}
#inc01 .right .box:hover img{transform:scale(1.05)}
}
@media (max-width:1400px){
#inc01{padding:120px 0}    
#inc01 .sticky_area{justify-content:space-around}
#inc01 .left .en_tit{margin-bottom:100px;font-size:92px}
#inc01 .left .ko_tit p{font-size:50px}
}
@media (max-width:1230px){
#inc01 .sticky_area .right{width:50%;overflow:hidden}
#inc01 .left .en_tit{font-size:80px}
#inc01 .left .ko_tit p{font-size:50px}
#inc01 .right .box .tit{padding:40px 30px 60px 30px}
}
@media (max-width:1024px){
#inc01{padding:80px 50px 0} 
#inc01 .sticky_area{justify-content:space-between}   
#inc01 .left .en_tit{margin-bottom:50px;font-size:70px}
#inc01 .left .ko_tit p{font-size:40px}
#inc01 .right .box .img img{height:240px}
#inc01 .right .box .tit{padding:40px 20px 60px 20px}
#inc01 .right .box .tit p{font-size:23px}
#inc01 .right .box .tit .txt{padding:0 20px;font-size:16px}
}
@media (max-width:900px){
#inc01 .left .en_tit{font-size:60px}
#inc01 .left .en_tit{margin-bottom:50px;white-space:pre-line}
#inc01 .left .ko_tit p{font-size:32px}
#inc01 .right .box .tit{padding:30px 20px 30px 20px}    
#inc01 .right .box .tit p{font-size:20px}
#inc01 .right .box .tit .txt{padding:0 10px;white-space:normal}
}
@media (max-width:768px){
#inc01{padding:80px 20px}
#inc01 .left .ko_tit a{width:210px;height:60px;font-size:15px}
#inc01 .right .box .img img{height:200px}
#inc01 .right .box .tit{padding:30px 0px 30px 0}
#inc01 .right .box .tit p{column-gap:10px}
}
@media (max-width:680px){
#inc01{padding:40px 20px}
#inc01 .sticky_area{flex-direction:column;row-gap:50px}
#inc01 .left{padding-top:0;position:static;top:100px;height:auto;text-align:center}
#inc01 .left .en_tit{margin-bottom:34px;font-size:44px;white-space:normal}
#inc01 .left .ko_tit p{margin-bottom:30px;font-size:30px}
#inc01 .left .ko_tit a{margin:0 auto}
#inc01 .sticky_area .right{width:100%}
#inc01 .right .box .img img{width:100%;height:auto}
#inc01 .right .box .tit{text-align:center}
#inc01 .right .box .tit p{align-items:center;justify-content:center}
#inc01 .right .box .tit .txt{padding:0;white-space:pre-line}
}
@media (max-width:480px){
#inc01 .sticky_area{row-gap:40px}
#inc01 .left .en_tit{margin-bottom:20px;font-size:36px}
#inc01 .left .ko_tit p{margin-bottom:30px;font-size:24px}
#inc01 .right .box .tit .txt{white-space:normal;font-size:15px}
}
@media (max-width:380px){  
#inc01 .sticky_area{row-gap:34px}   
#inc01 .left .ko_tit p{font-size:22px}
}