@charset "utf-8";

#inc01{position:relative;padding:65px 0;background:#f2f2f2}
#inc01 *{word-break:keep-all}
#inc01 .pl{white-space:pre-line}
#inc01 .ns_area{display:flex;align-items:center;justify-content:space-between;width:1465px;margin:0 auto}
#inc01 .ns_inner{display:flex;align-items:center;overflow:hidden;width:80%;height:60px;margin-right:30px;padding:0 50px;border-radius:50px;background:#0D223B}
#inc01 .ns_inner>span{margin-right:50px;font-size:13px;font-weight:700;color:#fff;}
#inc01 .ns_inner li{display:flex;align-items:center}
#inc01 .ns_inner a{display:flex;justify-content:space-between;align-items:center;width:100%;color:#fff}
#inc01 .ns_inner .txt_wrap{display:flex}
#inc01 .ns_inner .txt_wrap p{margin-right:50px;font-size:16px;font-weight:700}
#inc01 .ns_inner .txt_wrap span{font-size:14px;color:rgba(255,255,255,.5)}
#inc01 .ns_inner .data{display:flex;align-items:center;gap:5px;font-size:12px;color:rgba(255,255,255,.5)}
#inc01 .ns_area>a{display:flex;align-items:center;justify-content:space-around;width:35%;border-radius:30px;font-size:16px;font-weight:500;line-height:60px;color:#fff;background:var(--primary);transition:all .3s}

#inc01 .cont_area{position:relative;overflow:hidden;margin-top:50px;margin-left:135px;padding:100px 0 100px 100px;border-radius:30px 0 0 30px;background:#fff}
#inc01 .cont_area:after{position:absolute;content:'';bottom:0;left:0;width:100%;height:330px;background:#e8e8ea}
#inc01 .tabs_area{margin-bottom:100px}
#inc01 .tabs{position:relative;display:flex;gap:65px;font-size:15px;font-weight:700;color:rgba(0,0,0,50%);}
#inc01 .tabs:after{position:absolute;content:'';top:50%;right:0;width:65%;height:1px;background:#e1e1e1}
#inc01 .tabs li{position:relative;padding-left:15px;cursor:pointer}
#inc01 .tabs li:after{position:absolute;content:'';top:12px;left:0;width:4px;height:4px;background:rgba(0,0,0,50%)}
#inc01 .tabs li.on{color:var(--primary)}
#inc01 .tabs li.on:after{background:var(--primary)}

#inc01 .tab_cont{overflow:hidden;position:relative;z-index:10;height:0}
#inc01 .t_tit{position:relative;margin-left:100px;margin-bottom:115px;font-size:17px}
#inc01 .t_tit p{margin-bottom:35px;font-size:42px;font-weight:300;color:#111;line-height:1.3}
#inc01 .t_tit b{font-weight:700}
#inc01 .t_tit b.point{color:var(--primary)}

#inc01 .tab_cont1 .bse_slide{padding-top:50px;transform:translateX(50px)}
#inc01 .tab_cont1 .bse_slide li{transition:all .3s}
#inc01 .tab_cont1 .bse_slide li.on{transform:translateY(-30px)}
#inc01 .tab_cont1 .bse_slide li.on img{box-shadow:0px 10px 10px rgba(0,0,0,8%)}
#inc01 .tab_cont1 .bse_slide li .img_area{overflow:hidden;width:340px;height:323px;border-radius:10px}
#inc01 .tab_cont1 .bse_control{position:absolute;right:175px;bottom:0;gap:10px;display:flex}
#inc01 .tab_cont1 .bse_control span{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50px;border:1px solid #e1e1e1;cursor:pointer;transition:all .2s}
#inc01 .tab_cont1 .bse_control span:hover{margin-top:-3px}
#inc01 .tab_cont1 .bse_control svg{width:20px;color:#111}

#inc01 .tab_cont2 .bse_slide2 {padding-top:50px;transform:translateX(50px)}
#inc01 .tab_cont2 .bse_slide2 li{transition:all .3s}
#inc01 .tab_cont2 .bse_slide2 li.on{transform:translateY(-30px)}
#inc01 .tab_cont2 .bse_slide2 li.on img{box-shadow:0px 10px 10px rgba(0,0,0,8%)}
#inc01 .tab_cont2 .bse_slide2 li .img_area{overflow:hidden;width:340px;height:323px;border-radius:10px}
#inc01 .tab_cont2 .bse_control{position:absolute;right:175px;bottom:0;gap:10px;display:flex}
#inc01 .tab_cont2 .bse_control span{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50px;border:1px solid #e1e1e1;cursor:pointer;transition:all .2s}
#inc01 .tab_cont2 .bse_control span:hover{margin-top:-3px}
#inc01 .tab_cont2 .bse_control svg{width:20px;color:#111}

#inc01 .tab_cont3 .bse_slide3 {padding-top:50px;transform:translateX(50px)}
#inc01 .tab_cont3 .bse_slide3 li{transition:all .3s}
#inc01 .tab_cont3 .bse_slide3 li.on{transform:translateY(-30px)}
#inc01 .tab_cont3 .bse_slide3 li.on img{box-shadow:0px 10px 10px rgba(0,0,0,8%)}
#inc01 .tab_cont3 .bse_slide3 li .img_area{overflow:hidden;width:340px;height:323px;border-radius:10px}
#inc01 .tab_cont3 .bse_control{position:absolute;right:175px;bottom:0;gap:10px;display:flex}
#inc01 .tab_cont3 .bse_control span{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50px;border:1px solid #e1e1e1;cursor:pointer;transition:all .2s}
#inc01 .tab_cont3 .bse_control span:hover{margin-top:-3px}
#inc01 .tab_cont3 .bse_control svg{width:20px;color:#111}

.main-slide li {background: #fff; padding:50px 40px; border-radius: 10px; min-height:300px; border: 1px solid #e5e5e5}
.main-slide li a {display: block}
.main-slide li:hover {border:1px solid var(--primary)}
.main-slide li span.sh-tit {font-size: 14px; display: inline-block; border: 1px solid #6F6558; color:#6F6558; border-radius: 30px; margin-bottom:20px; padding:5px 15px;}
.main-slide li .sh_notice {font-size:20px; letter-spacing: -.7pt; padding-bottom:85px;}
.main-slide li .data {font-family:'Play'; color:#888;}


#inc01 .ptn{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:1465px;margin:0 auto;padding-top:50px}
#inc01 .ptn li{padding:15px 0;border:1px solid #e1e1e1;border-radius:10px;text-align:center;background:#fff}

@media(hover:hover){
#inc01 .ns_area>a:hover{box-shadow:0px 6px 11px rgba(164,133,80,25%)}
#inc01 .tab_cont2 .t_tit a:hover span:before{left:100%;opacity:0;transition-delay:0s}
#inc01 .tab_cont2 .t_tit a:hover span:after{left:0;opacity:1;transition-delay:.2s}

}


/* 반응형 [s] */
@media (max-width:1750px){
#inc01 .ns_area{width:100%;padding:0 100px}
#inc01 .ns_inner .txt_wrap p{overflow:hidden;width:135px;white-space:nowrap;text-overflow:ellipsis}
#inc01 .ns_inner .txt_wrap span{overflow:hidden;width:300px;white-space:nowrap;text-overflow:ellipsis}
#inc01 .cont_area{margin-left:100px}
#inc01 .tabs{gap:45px}
#inc01 .t_tit{margin-left:65px;margin-bottom:60px}
#inc01 .t_tit p{font-size:35px}
#inc01 .tab_cont1 .bse_slide li .img_area, #inc01 .tab_cont2 .bse_slide2 li .img_area, #inc01 .tab_cont3 .bse_slide3 li .img_area{width:100%}
#inc01 .ptn{width:100%;margin-top:50px;padding:0 100px}
}
@media (max-width:1500px){
#inc01 .ns_inner{width:63%}
#inc01 .ns_inner .txt_wrap p{margin-right:20px}
#inc01 .ns_inner .txt_wrap span{width:230px}
#inc01 .ns_inner .data{display:none}
#inc01 .tabs:after{width:50%}
#inc01 .t_tit{font-size:15px}
#inc01 .t_tit p{font-size:30px}
#inc01 .tab_cont1 .bse_control, #inc01 .tab_cont2 .bse_control, #inc01 .tab_cont3 .bse_control{position:unset;margin-top:30px}
#inc01 .tab_cont2 .t_tit div{position:unset;margin-top:30px}
}
@media (max-width:1200px){
#inc01 .ns_area{display:block;padding:0 70px}
#inc01 .ns_inner{width:100%}
#inc01 .ns_area>a{width:100%;justify-content:space-between;margin-top:10px;padding:0 35px}
#inc01 .ns_inner .data{display:flex}
#inc01 .cont_area{margin-left:70px;padding:70px 0 70px 70px}
#inc01 .t_tit p{margin-bottom:20px;font-size:25px}
#inc01 .ptn{padding:0 70px}
}
@media (max-width:1024px){
#inc01 .ns_area{padding:0 50px}
#inc01 .tabs{justify-content:center}
#inc01 .tabs_area{margin-bottom:20px}
#inc01 .tabs:after{display:none}
#inc01 .t_tit{margin-left:0;text-align:center; margin-bottom:20px;}
#inc01 .tab_cont1 .bse_slide, #inc01 .tab_cont2 .bse_slide2, #inc01 .tab_cont3 .bse_slide3 {padding-top:0;}
#inc01 .tab_cont1 .bse_slide, #inc01 .tab_cont2 .bse_slide2, #inc01 .tab_cont3 .bse_slide3{transform:none}
#inc01 .tab_cont1 .bse_control, #inc01 .tab_cont2 .bse_control, #inc01 .tab_cont3 .bse_control{justify-content:center} {justify-content:center}{justify-content:center}
#inc01 .tab_cont1 .bse_slide li .img_area{height:235px}
#inc01 .cont_area{margin:50px;padding:50px;border-radius:30px}
#inc01 .cont_area:after{height:190px}
}
@media (max-width:768px){
#inc01 .ns_inner .txt_wrap p{width:100%}
#inc01 .ns_inner .txt_wrap span{display:none}
#inc01 .ns_inner .data{display:none}
#inc01 .tabs{gap:25px}
#inc01 .cont_area{padding:50px 20px}
#inc01 .ptn{margin:0;padding:0 50px;grid-template-columns:repeat(3,1fr)}
}
@media (max-width:480px){
#inc01{padding:40px 0}
#inc01 .pl{white-space:normal}
#inc01 .ns_area{padding:0 30px}
#inc01 .ns_area>a{font-size:15px}
#inc01 .cont_area{margin:30px;padding:30px;border-radius:10px}
#inc01 .tabs{justify-content:space-between;width:100%;gap:10px;font-size:14px;text-align:center}
#inc01 .tabs li{padding-left:0;line-height:1.3}
#inc01 .tabs li:after{display:none}
#inc01 .tabs li.on{border-bottom:2px solid }
#inc01 .tabs_area{margin-bottom:45px}
#inc01 .tab_cont1 .t_tit{margin-bottom:20px}
#inc01 .tab_cont1 .bse_control{margin-top:20px}
#inc01 .tab_cont1 .bse_slide li .img_area img{width:100%}
#inc01 .t_tit p{font-size:22px}
#inc01 .ptn{padding:0 30px}
#inc01 .ptn{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:390px){
#inc01 .ns_area{padding:0 15px}
#inc01 .ns_area>a{justify-content:center;padding:0}
#inc01 .ns_area>a svg{display:none}
#inc01 .ns_inner{padding:0 40px}
#inc01 .ns_inner .txt_wrap p{width:210px}
#inc01 .ns_inner>span{margin-right:15px}
#inc01 .cont_area{margin:30px 15px}
#inc01 .ptn{padding:0 15px}
}
/* 반응형 [e] */