@charset "utf-8";

/* =========================== MAIN */
#mainVisualWrap{padding-right:175px;color:#fff;background:url(../img/main/bg.jpg);font-family:'Pretendard'}
#mainVisual{overflow:hidden;display:flex;justify-content:space-between;padding-top:180px;height:850px}
#mainVisual *{word-break:keep-all}
#mainVisual .pl{white-space:pre-line}

/* mainVisual */
#mainVisual .mainSwiper{width:530px;height:520px}
#mainVisual .main_img li{width:100%;height:100%;background:center no-repeat;background-size:cover;border-radius:20px}
#mainVisual .main_img li img{display:none}
#mainVisual .main_img li.img01{background-image:url(../img/main/img01.jpg)}
#mainVisual .main_img li.img02{background-image:url(../img/main/img02.jpg)}
#mainVisual .main_img li.img03{background-image:url(../img/main/img03.jpg)}
#mainVisual .main_img li.img04{background-image:url(../img/main/img04.jpg)}

#mainVisual .slider{position:relative}
#mainVisual .swiper-pager{position:absolute;left:50%;display:flex;align-items:flex-end;justify-content:center;z-index:101;margin-top:25px;transform:translateX(-50%)}
#mainVisual .swiper-pager span{position:relative;opacity:.3;width:10px;height:10px;border-radius:50px;background:#fff;transition:all .3s}
#mainVisual .swiper-pager span+span{margin-left:10px}
#mainVisual .swiper-pager span.on{opacity:1}

#mainVisual .cont{margin-left:135px}
#mainVisual .txt span{position:relative;padding-left:65px;font-size:15px;font-weight:700;font-family:'Play'}
#mainVisual .txt span:after{position:absolute;content:'';top:8px;left:0;width:50px;height:1px;background:#fff}
#mainVisual .txt p{margin:40px 0 30px;font-size:40px;font-weight:300;line-height:1.3}
#mainVisual .txt p b{font-weight:700}
#mainVisual .txt div{font-size:16px;color:rgba(255,255,255,50%);line-height:1.5}

#mainVisual .link{margin-top:80px}
#mainVisual .link li+li{margin-top:45px}
#mainVisual .link a{position:relative;display:flex;align-items:center}
#mainVisual .link div{margin-left:40px;font-size:14px;color:rgba(255,255,255,50%)}
#mainVisual .link div p{margin-bottom:5px;font-size:17px;font-weight:700;color:#fff;text-transform:uppercase;font-family:'Play'}
#mainVisual .link .go_link{position:absolute;right:0;opacity:.3;transition:all .3s}
#mainVisual .link a:hover .go_link{opacity:1;transform:rotate(-45deg)}

#mainVisual .contact{width:330px}

#mainVisual .tel{margin-top:50px;font-weight:700;text-align:center;font-family:'Play'}
#mainVisual .tel>span{font-size:20px}
#mainVisual .tel p{margin:20px 0;font-size:40px}
#mainVisual .tel ul{line-height:1.8}
#mainVisual .tel ul li{font-size:15px;color:rgba(255,255,255,50%)}
#mainVisual .tel ul span{margin-right:10px;color:#fff}
#mainVisual .tel a{display:flex;align-items:center;justify-content:center;width:330px;height:65px;margin-top:30px;border-radius:5px;font-size:17px;font-weight:700;color:var(--primary);background:#192234;transition:all .3s;font-family:'Pretendard'}
#mainVisual .tel a:hover{background:#111}
#mainVisual .tel a i{margin-left:15px;font-size:20px}

#mainVisual .lt_area{margin-top:50px}
#mainVisual .lt_area .s_tit{display:inline-block;margin-left:20px;padding:8px 15px;border-radius:50px;font-size:13px;font-weight:700;color:var(--primary);background:#fff}
#mainVisual .lt_slide{margin-top:-15px}
#mainVisual .lt_slide li{padding:50px 30px 30px;border-radius:10px;background:rgba(255,255,255,10%)}
#mainVisual .lt_slide a{display:block;color:#fff}
#mainVisual .lt_slide .sh_notice{margin-bottom:20px;font-size:16px;font-weight:600}
#mainVisual .lt_slide .sh_contents{font-size:14px;color:rgba(255,255,255,.5);line-height:1.5}
#mainVisual .lt_slide .data{display:flex;align-items:center;gap:5px;margin-top:25px}
#mainVisual .lt_slide .data span{opacity:.5}

#mainVisual .lt_control{position:absolute;right:30px;bottom:25px;z-index:10}
#mainVisual .lt_control .prev{position:relative}
#mainVisual .lt_control .prev:after{position:absolute;content:'';top:5px;right:-2px;width:1px;height:10px;background:rgba(255,255,255,.3)}
#mainVisual .lt_control span{display:inline-block;height:20px;cursor:pointer}
#mainVisual .lt_control svg{width:30px;height:20px}

@media(hover:hover){
#mainVisual .link a:hover .go_link{opacity:1;transform:rotate(-45deg)}
#mainVisual .tel a:hover{background:#111}
}

/* 반응형 [s] */
@media (max-width:1750px){
#mainVisualWrap{padding-right:0}
#mainVisual .pl{white-space:normal}
#mainVisual{padding:180px 100px 100px;flex-wrap:wrap;height:auto}
#mainVisual .cont{width:100%;margin-left:0;padding-bottom:80px}
#mainVisual .link{display:grid;grid-template-columns:repeat(3,1fr);gap:80px;margin-top:40px}
#mainVisual .link li+li{margin-top:0}
#mainVisual .link .go_link{opacity:1}

#mainVisual .slider{width:60%}
#mainVisual .mainSwiper{max-width:810px;width:100%;height:470px}
#mainVisual .main_img li{overflow:hidden;background:none !important}
#mainVisual .main_img li img{display:block;width:100%}

#mainVisual .tel{margin-top:0}
#mainVisual .contact{width:35%}
#mainVisual .lt_area{margin-top:30px}
#mainVisual .tel a{width:100%}
}
@media (max-width:1400px){
#mainVisual .txt p{margin:40px 0 15px;font-size:35px}
#mainVisual .link{margin-top:60px}
#mainVisual .tel p{font-size:35px}
#mainVisual .lt_slide .sh_contents{overflow:hidden;display:inline-block;height:37px}
}
@media (max-width:1200px){
#mainVisual{display:block;padding:180px 70px 100px}
#mainVisual .slider{width:100%}
#mainVisual .mainSwiper{max-width:100%;height:250px}
#mainVisual .link{gap:40px}
#mainVisual .contact{display:flex;justify-content:space-between;gap:40px;width:100%;margin-top:80px}
#mainVisual .contact>div{width:50%}
#mainVisual .lt_area{padding-bottom:16px}
}
@media (max-width:1024px){
#mainVisual{padding:150px 50px 100px}
#mainVisual .txt{text-align:center}
#mainVisual .txt p{font-size:30px}
#mainVisual .link div{margin-left:20px}
#mainVisual .cont{padding-bottom:55px}
#mainVisual .lt_area{margin-top:0}
#mainVisual .tel p{font-size:30px}
}
@media (max-width:768px){
#mainVisual{padding:150px 50px 50px}
#mainVisual .link{display:block}
#mainVisual .link a{padding:20px 25px;border:1px solid rgba(255,255,255,.2);border-radius:10px}
#mainVisual .link a>img:not(.go_link){width:25px}
#mainVisual .link .go_link{right:25px}
#mainVisual .link div p{margin-bottom:0;font-size:16px}
#mainVisual .link li+li{margin-top:10px}
#mainVisual .link div{display:flex;align-items:center;gap:25px}
#mainVisual .contact{display:block}
#mainVisual .contact>div{width:100%}
#mainVisual .lt_area{margin-top:30px}
#mainVisual .lt_control{bottom:45px}
}
@media (max-width:480px){
#mainVisual{padding:120px 30px 30px}
#mainVisual .link{margin-top:35px}
}
@media (max-width:390px){
#mainVisual{padding:120px 15px 30px}
}
/* 반응형 [e] */

/* =========================== inc01 */
#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:#111}
#inc01 .ns_inner>span{margin-right:50px;font-size:13px;font-weight:700;color:#fff;font-family:'Play'}
#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%);font-family:'Play'}
#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 .img_area{overflow:hidden;width:340px;height:323px;border-radius:10px}
#inc01 .tab_cont1 .bse_slide li.on img{box-shadow:0px 10px 10px rgba(0,0,0,8%)}
#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 .t_tit div{position:absolute;right:175px;bottom:0;font-size:16px;font-weight:700;color:#111}
#inc01 .tab_cont2 .t_tit a{position:relative;padding:0 18px}
#inc01 .tab_cont2 .t_tit div i{margin-left:30px}
#inc01 .tab_cont2 .t_tit a span{position:absolute;right:0;bottom:-15px;overflow:hidden;width:100%;height:4px}
#inc01 .tab_cont2 .t_tit a span:before, #inc01 .tab_cont2 .t_tit div span:after{position:absolute;bottom:-1px;width:100%;height:4px;content:'';background-color:#000;transition:all .2s}
#inc01 .tab_cont2 .t_tit a span:before{left:0}
#inc01 .tab_cont2 .t_tit a span:after{left:-100%;opacity:0}

#inc01 .tab_cont3 ul{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
#inc01 .tab_cont3 ul li{padding:8px 35px;border:1px solid #e1e1e1;border-radius:50px;font-size:16px;font-weight:700;color:#111;transition:all .3s}

#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(0,0,0,25%)}
#inc01 .ns_area>a:hover span{text-decoration:underline}
#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}
#inc01 .tab_cont3 ul li:hover{color:#fff;background:#111}
}


/* 반응형 [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{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{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:70px}
#inc01 .tabs:after{display:none}
#inc01 .t_tit{margin-left:0;text-align:center}
#inc01 .tab_cont1 .bse_slide{transform:none}
#inc01 .tab_cont1 .bse_control{justify-content:center}
#inc01 .tab_cont1 .bse_slide li .img_area{height:235px}
#inc01 .tab_cont3 ul{justify-content:center}
#inc01 .tab_cont3 ul li{font-size:14px}
#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] */