@charset "utf-8";

#inc01{overflow:hidden;width:100%;max-width:var(--main-size);margin:160px auto 170px;font-family:var(--point-font)}

/* tit + link */
#inc01 .top{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:50px}
#inc01 .top ul{display:flex;align-items:center;justify-content:center}
#inc01 .top ul li:nth-child(2){border-left:1px solid #e1e1e1;}
#inc01 .top ul li a{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 70px}
#inc01 .top ul li a p{padding-top:30px;font-size:16px;font-weight:700;color:#222;transition:0.2s}

/* content */
#inc01 .cont_wrap{display:flex;align-items:center;justify-content:center;gap:20px}
#inc01 .btn_link a{display:flex;align-items:center;justify-content:center;position:absolute;bottom:6px;right:7px;width:52px;height:52px;border-radius:100%;color:#fff;background:var(--primary);cursor:pointer;transition:0.2s}

/* left_slide */
#inc01 .left{position:relative;width:calc(50% - 10px)}
#inc01 .left .controls{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;right:0;z-index:2;width:256px;height:130px;background:url(./img/left_btn.png) no-repeat}
#inc01 .left .controls .time{display:flex;align-items:center;justify-content:center;position:relative;top:32px;left:-7px}
#inc01 .left .controls .pager{display:flex;align-items:center;justify-content:space-between;width:127px;color:transparent}
#inc01 .left .controls .pager span{position:relative;font-weight:700;color:#222}
#inc01 .left .controls .pager span::before{content:"0";display:inline-block;position:absolute;left:-10px;font-size:13px;font-weight:700;color:#222}
#inc01 .left .controls .btn_link a{right:0;bottom:10px}
#inc01 #left_slide{position:relative;width:100%;width:100%;height:100%;border-radius:30px}
#inc01 #left_slide ul li{width:100%;height:100%;border-radius:30px}
#inc01 #left_slide ul li img{width:100%;height:100%;object-fit:cover}
#inc01 #left_slide ul li .tit{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:absolute;top:0;left:0;width:100%;height:100%;padding:30px 50px 40px}
#inc01 #left_slide ul li .tit div{display:flex;align-items:center;justify-content:center;gap:45px}
#inc01 #left_slide ul li .tit a{display:flex;align-items:center;justify-content:center;gap:20px;width:185px;height:54px;z-index:10;border-radius:50px;border:1px solid #fff;font-size:12px;font-weight:700;color:#fff;cursor:pointer;transition:0.2s;pointer-events:auto}
#inc01 #left_slide ul li .tit h3{font-size:24px;font-weight:700;text-transform:uppercase;color:#fff}
#inc01 #left_slide ul li .tit .info{width:74%;font-size:24px;font-weight:500;color:#fff}

/* progress_bar */
.swiper-progress-bar{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:90px;height:1px;margin-right:10px}
.slide_progress-bar{opacity:0;position:absolute;left:0;right:0;width:65px;height:2px;background:rgba(0,0,0,0.1)}
.slide_progress-bar:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--primary)}
.swiper-progress-bar.active .slide_progress-bar{opacity:1} 
.swiper-progress-bar.animate .slide_progress-bar{transition:width 3.5s linear;width:100%}	
.swiper-progress-bar.animate .slide_progress-bar:after{transition:width 3.5s linear;width:100%}

/* right_cont */
#inc01 .right{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;width:calc(50% - 10px)}
#inc01 .right .box{position:relative;width:341px;height:335px;border-radius:30px;background:#f7f7f7}
#inc01 .right .box b{font-size:13px;font-weight:700;color:var(--primary)}
#inc01 .right .box p{padding:20px 0;font-size:20px;font-weight:300;line-height:1.3;color:#222}
#inc01 .right .box p strong{font-weight:500}
#inc01 .right .box span{font-size:14px;font-weight:500;color:#777;word-break:keep-all}
#inc01 .right .group{display:flex;align-items:center;justify-content:center;gap:15px;width:100%}
#inc01 .right .event{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
#inc01 .right .event a{display:block;margin-top:32px;padding:17px 35px;border-radius:50px;font-size:12px;font-weight:500;color:#fff;background:#222;transition:0.2s}
#inc01 .right .gallery{width:100%}
#inc01 .right .gallery .txt{text-align:center}

/* staff_slide */
#inc01 .staff{padding:25px 28px 45px}
#inc01 .com_slide{width:289px;height:203px;border-radius:30px}
#inc01 .com_slide li a{pointer-events:auto;}
#inc01 .com_slide li a iframe{width: 100%; height:203px;}
#inc01 .staff_tit{display:flex;align-items:center;justify-content:flex-start;gap:35px;padding-top:15px}
#inc01 .staff_tit p{font-size:22px;font-weight:700;color:#222}
#inc01 .staff .pager{display:flex;align-items:center;justify-content:center;gap:15px;z-index:2}
#inc01 .staff .pager .swiper-pagination-bullet{width:6px;height:6px;background-color:rgba(17,17,17,0.15);border-radius:100%;opacity:1;transition:background-color 0.3s ease}
#inc01 .staff .pager .swiper-pagination-bullet-active{width:19px;border-radius:10px;background-color:rgba(17,17,17,0.7)}
#inc01 .staff .btn_link{position:absolute;bottom:0;right:0;width:98px;height:119px;background:url(./img/staff_btn.png) no-repeat}

/* .gallery_slide */
#inc01 .gallery{display:flex;align-items:center;justify-content:center;gap:45px;padding:30px}
#inc01 .gallery .com_slide{position:relative;width:269px;height:266px;margin:0;border-radius:30px}
#inc01 .gallery .pager{display:flex;align-items:center;justify-content:center;gap:6px;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:2}
#inc01 .gallery .pager .swiper-pagination-bullet{width:6px;height:6px;background-color:rgba(255, 255, 255, 0.5);border-radius:100%;opacity:1;transition:background-color 0.3s ease}
#inc01 .gallery .pager .swiper-pagination-bullet-active{background-color:#fff}

@media (hover:hover){
#inc01 .top ul li:hover a p{color:var(--primary)}
#inc01 .btn_link a:hover{background:#222}
#inc01 #left_slide ul li .tit a:hover{color:#222;background:#fff}
#inc01 .right .event a:hover{color:#fff;background:var(--primary)}
}

/* 반응형 [s] */
@media (max-width:1380px){
#inc01{max-width:unset;width:80%}
#inc01 .top ul li a{padding:0 40px}
#inc01 .top ul li a p{word-break:keep-all}
#inc01 .cont_wrap{position:relative;padding-bottom:335px;align-items:start}
#inc01 .left{width:calc(70% - 10px);height:560px}
#inc01 #left_slide ul li .tit{padding:30px 30px 40px}
#inc01 #left_slide ul li .tit a{gap:15px;width:175px;height:52px}
#inc01 #left_slide ul li .tit div{justify-content:space-between;width:100%}
#inc01 #left_slide ul li .tit h3{font-size:22px;text-align:end}
#inc01 #left_slide ul li .tit .info{font-size:21px}
#inc01 .left .controls{width:228px;height:116px;background-size:contain}
#inc01 .left .controls .time{top:25px}
#inc01 .left .controls .pager{width:110px}
.swiper-progress-bar{left:47%;width:70px}
#inc01 .btn_link a{width:48px;height:48px}
#inc01 .btn_link a svg{width:20px;height:20px}
#inc01 .right{width:calc(30% - 10px)}
#inc01 .right .group{flex-direction:column}
#inc01 .right .box{padding:25px;width:100%;height:auto}
#inc01 .right .box p{padding:17px 0;font-size:20px}
#inc01 .right .event a{padding:15px 26px;font-size:11px}
#inc01 .right .gallery{position:absolute;bottom:0px;left:0px;justify-content:start}
#inc01 .right .gallery .txt{width:calc(100% - (100% / 3))}
#inc01 .gallery .com_slide{width:50%}
#inc01 .staff_tit{flex-direction:column;gap:0px;padding-top:8px}
#inc01 .staff_tit p{padding:10px 0}
#inc01 .com_slide{width:100%;height:170px}
#inc01 .com_slide img{width:100%;height:100%;object-fit:cover}
}
@media (max-width:1024px){
#inc01{margin:120px auto;width:95%}
#inc01 .top ul li a{padding:0 30px}
#inc01 .top ul li a p{padding-top:20px;font-size:15px}
#inc01 .cont_wrap{padding-bottom:300px}
#inc01 .left{height:530px}
#inc01 #left_slide{border-radius:20px}
#inc01 #left_slide ul li .tit a{gap:8px;width:155px;height:50px}
#inc01 #left_slide ul li .tit a svg{width:20px;height:20px}
#inc01 #left_slide ul li .tit h3{font-size:19px}
#inc01 #left_slide ul li .tit h3{font-size:19px}
#inc01 .right .box{border-radius:20px}
#inc01 .right .box p{font-size:17px}
#inc01 .right .box span{font-size:13px}
#inc01 .right .event a{padding:15px 22px;line-height:1;border-radius:20px}
#inc01 .com_slide{height:156px;border-radius:20px}
#inc01 .staff .btn_link{width:85px;height:103px;background-size:contain}
#inc01 .btn_link a{width:46px;height:46px}
#inc01 .gallery .com_slide{height:230px;border-radius:20px}
#inc01 .staff .pager{gap:10px}
#inc01 .right .gallery p{font-size:21px}
#inc01 .right .gallery span{font-size:14px}
}
@media (max-width:768px){
#inc01{margin:110px auto}
#inc01 .top{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:40px}
#inc01 .top ul{width:100%}
#inc01 .top ul li{width:calc(100% / 3)}
#inc01 .top ul li a{padding:0px}
#inc01 .cont_wrap{flex-direction:column;padding-bottom:0px}
#inc01 .left{width:100%;height:400px}
#inc01 .left .controls{width:215px;height:109px}
#inc01 .right{flex-direction:row;align-items:unset;width:100%}
#inc01 .right .box{padding:20px 5%}
#inc01 .right .box p{font-size:18px}
#inc01 .right .box span{font-size:14px}
#inc01 .right .group{width:calc(50% - 10px)}
#inc01 .right .gallery{position:static;width:calc(50% - 10px);flex-direction:column;padding:20px 2.5%}
#inc01 .right .gallery .txt{display:flex;flex-direction:column;justify-content:center;width:100%;height:calc(100% - 230px)}
#inc01 .gallery{gap:0px}
#inc01 .gallery .com_slide{width:100%;height:230px}
#inc01 .com_slide{height:195px}
#inc01 .btn_link a{width:42px;height:42px}
}
@media (max-width:480px){
#inc01{margin:100px auto}
#inc01 .top{padding-bottom:40px}
#inc01 .top ul li:nth-child(1) img{width:24px}
#inc01 .top ul li:nth-child(2) img{width:17px}
#inc01 .top ul li a p{padding-top:15px;font-size:14px}
#inc01 .left{height:340px}
#inc01 #left_slide ul li .tit{z-index:2;justify-content:center;align-items:center;text-align:center;gap:20px;padding:5% 5% 60px}
#inc01 #left_slide ul li .tit div{justify-content:center}
#inc01 #left_slide ul li .tit a{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);gap:5px;width:150px;height:44px;line-height:1;font-size:11px}
#inc01 #left_slide ul li .tit a svg{width:19px;height:19px}
#inc01 #left_slide ul li .tit h3{font-size:16px}
#inc01 #left_slide ul li .tit .info{width:100%;font-size:19px}
#inc01 #left_slide ul li img{filter:brightness(0.6)}
#inc01 .left .controls{display:none}
#inc01 .staff .btn_link{display:none}
#inc01 .right{gap:10px}
#inc01 .right .box p{padding:15px 0;font-size:16px}
#inc01 .right .box span{font-size:13px}
#inc01 .right .group{gap:10px;width:calc(50% - 5px)}
#inc01 .right .gallery{width:calc(50% - 5px)}
#inc01 .right .event a{margin-top:20px}
#inc01 .com_slide{height:160px}
#inc01 .gallery .com_slide{height:200px}
#inc01 .right .gallery .txt{height:calc(100% - 200px)}
#inc01 .right .gallery span{font-size:13px}
}
@media (max-width:390px){
#inc01{margin:90px auto}
#inc01 .top{gap:35px;padding-bottom:35px}
#inc01 .top ul li:nth-child(1) img{width:22px}
#inc01 .top ul li:nth-child(2) img{width:16px}
#inc01 .top ul li a p{padding-top:12px;font-size:13px}
#inc01 .left{height:310px}
#inc01 #left_slide ul li .tit{padding:5% 5% 50px}
#inc01 #left_slide ul li .tit h3{font-size:14px}
#inc01 #left_slide ul li .tit .info{font-size:17px}
#inc01 #left_slide ul li .tit a{width:145px}
#inc01 .right{flex-direction:column}
#inc01 .right .box{padding:20px 3%}
#inc01 .right .group{width:100%}
#inc01 .right .gallery{width:100%}
#inc01 .gallery .com_slide{height:195px}
#inc01 .right .gallery{padding:20px 3% 45px}
#inc01 .right .gallery .txt{margin-top:30px;height:auto}
#inc01 .com_slide{height:195px}
#inc01 .staff{padding:20px 3% 25px !important}
#inc01 .staff_tit{padding-top:10px}
}
/* 반응형 [e] */