@charset "utf-8";

#inc01{position:relative;padding:174px 0 210px 0;font-family:var(--k-font)}
#inc01 .pl{white-space:pre-line}
#inc01:after{position:absolute;content:'';left:50%;top:0;width:1px;height:100%;background:#e1e1e1}
#inc01:before{position:absolute;content:'';left:0;bottom:52%;width:100%;height:1px;background:#e1e1e1}
#inc01 .inc01_inr{position:relative}
#inc01 .inc01_inr:after{position:absolute;content:'';width:100%;height:1px;top:250px;left:50%;background:#e1e1e1}
#inc01 .inc01_inr:before{position:absolute;content:'';width:1px;height:100%;top:250px;right:110px;background:#e1e1e1}
#inc01 .inner{max-width:var(--mainsize);margin:0 auto}
#inc01 .inner .top_area{display:flex;gap:274px}
#inc01 .inner .top_area .left .en_tit{font-size:66px;font-family:var(--e-font);color:#111;line-height:1.1}
#inc01 .inner .top_area .left .en_tit b{padding-left:90px;font-weight:normal}
#inc01 .inner .top_area .left .en_tit span{font-size:17px;border-bottom:1px solid #111}
#inc01 .inner .top_area .left .ko_box .tit{padding:0 0 50px 0;font-size:30px;font-weight:300;line-height:1.4;color:#111}
#inc01 .inner .top_area .left .ko_box .tit span{font-weight:700}
#inc01 .inner .more{display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin:60px 0 0 506px;border:1px solid #111;border-radius:50%}
#inc01 .inner .top_area .right .top_txt{position:relative;padding-bottom:240px}
#inc01 .inner .top_area .right .top_txt:after{position:absolute;content:'';left:-60px;top:4px;width:11px;height:11px;background:#000;border-radius:50%}
#inc01 .inner .bot_area{display:flex;justify-content:space-between}
#inc01 .inner .bot_area .left .img_box{position:relative;max-width:max-content;margin:-120px 0 0 -50px}
#inc01 .inner .bot_area .left .img_box a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;width:160px;height:160px;line-height:1.4;position:absolute;bottom:-60px;right:-80px;color:#fff;font-size:15px;background:#111;text-align:center;border-radius:50%;font-family:var(--e-font);transition:all 0.2s}
#inc01 .inner .bot_area .left .img_box a i{width:5px;height:5px;background:#fff;border-radius:50%}
#inc01 .inner .bot_area .left .en_tit{padding:160px 0 64px 0;font-size:30px;font-weight: 400;font-family: var(--e-font),'Pretendard';line-height: 1.3;color:#111}
#inc01 .inner .bot_area .left .en_tit b{font-weight:700}
#inc01 .inner .bot_area .left .ko_box{padding-left:70px;font-size:15px}
#inc01 .inner .bot_area .left .ko_box .tit{padding-bottom:16px;font-size:25px;font-weight:300;color:#111}
#inc01 .inner .bot_area .left .ko_box .tit span{font-weight:700}
#inc01 .inner .bot_area .right .txt_inr{padding-right:50px}
#inc01 .inner .bot_area .right .en_tit{padding: 250px 0 0;font-size: 28px;font-weight: 700;font-family: var(--e-font),'Pretendard';line-height: 1.3;color:#111}
#inc01 .inner .bot_area .right .en_tit b{padding-left:65px;font-weight:normal}
#inc01 .inner .bot_area .right .ko_box{padding-right:50px;font-size:15px}
#inc01 .inner .bot_area .right .ko_box .tit{padding-bottom:16px;font-size:25px;font-weight:300;color:#111}
#inc01 .inner .bot_area .right .ko_box .tit span{font-weight:700}
#inc01 .inner .bot_area .right .img_r{display:block;margin-top: 110px;text-align:right;width: 422px;margin-left: auto;}
#inc01 .inner .h_img{overflow:hidden;width: 100%;}
#inc01 .inner .h_img img{ transition:all .3s cubic-bezier(0.5, 1, 0.89, 1)}

/* 반응형 [s] */
@media (hover:hover){
#inc01 .inner .h_img img:hover{transform:scale(1.05,1.05)}
#inc01 .inner .bot_area .left .img_box a:hover{gap:28px;bottom:-30px}
#inc01 .inner .more:hover{transform:rotate(45deg);transition:all .2s}
}
@media (max-width:1380px){
#inc01 .inner{max-width:unset;width:95%}
#inc01 .inner .top_area{gap:100px}
#inc01 .inner .top_area .left{width:calc(50% - 50px)}
#inc01 .inner .top_area .left .en_tit{font-size:52px}
#inc01 .inner .top_area .left .en_tit b{padding-left:50px}
#inc01 .inner .top_area .left .en_tit span{font-size:16px}
#inc01 .inner .top_area .left .ko_box .tit{font-size:28px}
#inc01 .inner .more{margin:60px 0 0 auto}
#inc01 .inner .top_area .right{width:calc(50% - 50px)}
#inc01 .inner .top_area .right .top_txt{padding:0 0 240px 60px}
#inc01 .inner .top_area .right .top_txt:after{left:0px}
#inc01 .inner .bot_area .right .en_tit{font-size: 25px;}
#inc01 .inner .bot_area .right .en_tit b{padding-left:50px;}
#inc01 .inner .bot_area{justify-content:unset;gap:100px}
#inc01 .inner .bot_area .left{width:calc(50% - 50px)}
#inc01 .inner .bot_area .left .img_box{margin:0px}
#inc01 .inner .bot_area .left .img_box a{right:-10%;width:150px;height:150px}
#inc01 .inner .bot_area .left .en_tit{font-size:32px}
#inc01 .inner .bot_area .left .en_tit b{padding-left:50px}
#inc01 .inner .bot_area .left .ko_box{padding-left:50px}
#inc01 .inner .bot_area .right{width:calc(50% - 50px)}
}
@media (max-width:1024px){
#inc01{padding:160px 0 200px}
#inc01 .inc01_inr:before{right:5%}
#inc01 .inner .top_area{gap:50px}
#inc01 .inner .top_area .left{width:calc(50% - 25px)}
#inc01 .inner .top_area .left .en_tit{font-size:38px}
#inc01 .inner .top_area .left .en_tit b{padding-left:30px}
#inc01 .inner .top_area .left .en_tit span{font-size:15px}
#inc01 .inner .top_area .left .ko_box .tit{padding:80px 0 40px;font-size:26px}
#inc01 .inner .top_area .right{width:calc(50% - 25px)}
#inc01 .inner .top_area .right .top_txt{padding:0 0 150px 40px}
#inc01 .inner .top_area .right .top_txt:after{width:9px;height:9px}
#inc01 .inner .more{width:85px;height:85px}
#inc01 .inner .more img{width:17px;height:19px}
#inc01 .inner .bot_area{gap:50px}
#inc01 .inner .bot_area .left{width:calc(50% - 25px)}
#inc01 .inner .bot_area .left .img_box a{right:2.5%;gap:15px;width:130px;height:130px;font-size:13px}
#inc01 .inner .bot_area .left .img_box a:hover{gap:20px}
#inc01 .inner .bot_area .left .en_tit{padding:140px 0 50px;font-size:28px}
#inc01 .inner .bot_area .left .en_tit b{padding-left:30px}
#inc01 .inner .bot_area .left .ko_box{padding-left:30px}
#inc01 .inner .bot_area .left .ko_box .tit{padding-bottom:10px;font-size:22px}
#inc01 .inner .bot_area .right{width:calc(50% - 25px)}
#inc01 .inner .bot_area .right .txt_inr{padding:0px}
#inc01 .inner .bot_area .right .en_tit{padding:200px 0 50px;font-size:24px}
#inc01 .inner .bot_area .right .en_tit b{padding-left:30px}
#inc01 .inner .bot_area .right .ko_box .tit{padding-bottom:10px;font-size:22px}
}
@media (max-width:768px){
#inc01{padding:120px 0}
#inc01:after{display:none}
#inc01:before{display:none}
#inc01 .inc01_inr:after{display:none}
#inc01 .inc01_inr:before{display:none}
#inc01 .inner .top_area{flex-direction:column}
#inc01 .inner .top_area .left{width:100%}
#inc01 .inner .top_area .left .en_tit{display:flex;align-items:center;justify-content:center;font-size:32px}
#inc01 .inner .top_area .left .en_tit b{padding-left:5px}
#inc01 .inner .top_area .left .en_tit span{display:none}
#inc01 .inner .top_area .left .ko_box{display:flex;flex-direction:column;align-items:center;text-align:center}
#inc01 .inner .top_area .left .ko_box .tit{padding:40px 0;font-size:25px}
#inc01 .inner .top_area .left .ko_box p{white-space:normal}
#inc01 .inner .more{margin:40px 0 0;width:70px;height:70px}
#inc01 .inner .more img{width:15px;height:17px}
#inc01 .inner .top_area .right{position:relative;width:100%}
#inc01 .inner .top_area .right .top_txt{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;padding:0px;width:80%;line-height:2;color:#fff;text-align:center;white-space:normal}
#inc01 .inner .top_area .right .top_txt:after{display:none}
#inc01 .inner .top_area .right img{width:100%;height:400px;object-fit:cover;filter:brightness(0.5)}
#inc01 .inner .bot_area{gap:10px}
#inc01 .inner .bot_area .left{display:flex;flex-direction:column;width:100%}
#inc01 .inner .bot_area .left .en_tit{order:1;text-align:center;padding:110px 0 30px;font-size:22px}
#inc01 .inner .bot_area .left .en_tit b{padding-left:0px}
#inc01 .inner .bot_area .left .ko_box{order:2;padding-left:0px;text-align:center}
#inc01 .inner .bot_area .left .ko_box .tit{padding-bottom:25px;font-size:20px}
#inc01 .inner .bot_area .left .ko_box .txt{white-space:normal;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
#inc01 .inner .bot_area .left .img_box{order:3;margin-top:50px;max-width:unset;width:100%}
#inc01 .inner .bot_area .left .img_box a{right:unset;left:2.5%;width:122px;height:122px}
#inc01 .inner .bot_area .left .img_box a:hover{gap:15px;bottom:-40px}
#inc01 .inner .bot_area .right{width:100%;}
#inc01 .inner .bot_area .right .en_tit{padding:110px 0 30px;text-align:center;font-size:22px}
#inc01 .inner .bot_area .right .en_tit b{padding-left:0px}
#inc01 .inner .bot_area .right .ko_box{padding-right:0px;text-align:center}
#inc01 .inner .bot_area .right .ko_box .txt{white-space:normal;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
#inc01 .inner .bot_area .right .ko_box .tit{padding-bottom:25px;font-size:20px}
#inc01 .inner .bot_area .right .img_r{padding-top:0px;margin-top:50px}
#inc01 .inner .h_img img{width:100%;height:400px;object-fit:cover}
}
@media (max-width:580px){
#inc01{padding:110px 0 90px}
#inc01 .inner .top_area .left .en_tit{font-size:28px}
#inc01 .inner .top_area .left .ko_box .tit{padding:30px 0;font-size:23px}
#inc01 .inner .more{margin-top:35px;width:65px;height:65px}
#inc01 .inner .more img{width:13px;height:15px}
#inc01 .inner .top_area{gap:40px}
#inc01 .inner .top_area .right .top_txt{width:95%}
#inc01 .inner .top_area .right img{height:360px}
#inc01 .inner .bot_area{flex-direction:column;gap:30px}
#inc01 .inner .bot_area .left .en_tit{padding:0 20px}
#inc01 .inner .bot_area .left .ko_box .tit{padding-bottom:20px}
#inc01 .inner .bot_area .left .img_box{margin-top:40px}
#inc01 .inner .bot_area .left .img_box a{gap:10px;width:115px;height:115px;font-size:12px}
#inc01 .inner .h_img img{height:310px}
#inc01 .inner .bot_area .right .en_tit{padding:100px 0 20px}
#inc01 .inner .bot_area .right .ko_box .tit{padding-bottom:20px}
#inc01 .inner .bot_area .right .img_r{margin-top:40px;100%:w;width: 100%;}
}
@media (max-width:480px){
#inc01 .inner .top_area .left .en_tit{font-size:25px}
#inc01 .inner .more{width:60px;height:60px;margin: 35px auto;}
#inc01 .inner .bot_area .left .img_box a{width:110px;height:110px}
}
@media (max-width:390px){
#inc01{padding:100px 0 80px}
#inc01 .inner .top_area .left .en_tit{font-size:23px}
#inc01 .inner .top_area .left .ko_box .tit{padding:22px 0;font-size:20px}
#inc01 .inner .more{margin-top:30px;width:55px;height:55px}
#inc01 .inner .more img{width:11px;height:13px}
#inc01 .inner .top_area .right img{height:320px}
#inc01 .inner .top_area .right .top_txt{font-size:13px}
#inc01 .inner .bot_area .left .en_tit{padding:80px 0 20px;font-size:19px}
#inc01 .inner .bot_area .left .ko_box .tit{padding-bottom:15px;font-size:18px}
#inc01 .inner .bot_area .left .ko_box .txt{font-size:13px}
#inc01 .inner .bot_area .left .img_box{margin-top:35px}
#inc01 .inner .bot_area .left .img_box a{gap:8px;width:102px;height:102px;font-size:11px}
#inc01 .inner .h_img img{height:280px}
#inc01 .inner .bot_area .right .en_tit{padding:80px 0 20px;font-size:19px}
#inc01 .inner .bot_area .right .ko_box .tit{padding-bottom:15px;font-size:18px}
#inc01 .inner .bot_area .right .ko_box .txt{font-size:13px}
#inc01 .inner .bot_area .right .img_r{margin-top:35px}
}
/* 반응형 [e] */