@charset "utf-8";

/* =========================== MAIN */
#main_banner{position:relative;width:100%}
#main_banner::before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:280px;z-index:2;background:linear-gradient(to top, #000 10%, transparent)}
#main_banner .main_slide{height:100vh}
#main_banner .main_slide li{background:center no-repeat;background-size:cover}
#main_banner .main_slide .slide01{background-image:url('../img/main/main_banner_01.jpg')}
#main_banner .main_slide .slide02{background-image:url('../img/main/main_banner_02.jpg')}
#main_banner .main_slide .slide03{background-image:url('../img/main/main_banner_03.jpg')}

/* txt */
#main_banner .txt{position:absolute;bottom:90px;left:5.4%;width:100%;z-index:2;padding-right:13.5%;color:#fff}
#main_banner .txt .main_txt h2{line-height:1.5;white-space:pre-line}
#main_banner .txt .main_txt h1{padding-top:10px;font-size:100px;font-weight:300;line-height:1;}
#main_banner .txt .info{display:flex;align-items:center;justify-content:space-between;margin-top:200px}
#main_banner .txt .info ul{display:flex;align-items:flex-start;gap:55px}
#main_banner .txt .info ul li span{font-weight:500;color:rgba(255, 255, 255, 0.4);font-family:var(--e-font)}
#main_banner .txt .info ul li b{display:block;padding:25px 0 5px;font-size:25px;font-weight:500;font-family:var(--e-font)}
#main_banner .txt .info ul li p{font-size:13px;color:rgba(255, 255, 255, 0.4)}
#main_banner .txt .info div{display:flex;align-items:center;gap:10px}
#main_banner .txt .info div a{display:flex;align-items:center;justify-content:center;width:141px;height:44px;font-size:16px;font-weight:700;color:#fff;background:rgba(255, 255, 255, 0.3);transition:all 0.2s;font-family:var(--e-font)}

#main_banner .main_slide .txt { bottom:420px; }

/* 반응형 [s] */
@media (hover:hover){
#main_banner .txt .info div a:hover{background:rgba(255, 255, 255, 0.5)}
}
@media (max-width:1380px){
#main_banner .txt .main_txt h1{font-size:90px}
}
@media (max-width:1024px){
#main_banner .txt{padding:0px;left:50%;transform:translateX(-50%);width:95%}
#main_banner .txt .main_txt h1{font-size:75px}
#main_banner .txt .info{margin-top:170px}
#main_banner .txt .info ul{gap:45px}
#main_banner .txt .info div a{width:134px}
}
@media (max-width:768px){
#main_banner .main_slide li{filter:brightness(0.7)}
#main_banner .main_txt{text-align:center}
#main_banner .txt{bottom:60px}
#main_banner .txt .main_txt h1{font-size:60px}
#main_banner .txt .main_txt h2{margin:auto;width:85%;white-space:normal}
#main_banner .txt .info{flex-direction:column;margin-top:155px}
#main_banner .txt .info ul{width:100%;gap:30px}
#main_banner .txt .info ul li{width:calc(100% / 2 - 15px);text-align:center}
#main_banner .txt .info div{margin-top:30px;width:100%;gap:30px}
#main_banner .txt .info div a{width:calc(100% / 2 - 15px)}
}
@media (max-width:480px){
#main_banner .txt .main_txt h1{padding-top:20px;font-size:42px}
#main_banner .txt .main_txt h2{width:95%;font-size:14px}
#main_banner .txt .info{margin-top:180px}
#main_banner .txt .info ul{gap:16px}
#main_banner .txt .info ul li{width:calc(100% / 2 - 8px)}
#main_banner .txt .info ul li b{padding-top:12px;font-size:23px}
#main_banner .txt .info div{margin-top:20px;gap:16px}
#main_banner .txt .info div a{width:calc(100% / 2 - 8px);font-size:15px}
}
@media (max-width:390px){
#main_banner .txt .main_txt h1{font-size:35px}
#main_banner .txt .main_txt h2{width:100%;font-size:13px}
#main_banner .txt .info{margin-top:200px}
#main_banner .txt .info ul{gap:10px}
#main_banner .txt .info ul li{width:calc(100% / 2 - 5px)}
#main_banner .txt .info ul li b{padding-top:8px;font-size:21px}
#main_banner .txt .info div{margin-top:20px;gap:10px}
#main_banner .txt .info div a{width:calc(100% / 2 - 5px);font-size:15px}
}
/* 반응형 [e] */

/* =========================== atc01 */
#inc01{overflow:hidden;position:relative;padding-top:215px;font-family:var(--e-font), var(--k-font)}

/* title */
#inc01 .tit_area{position:relative;z-index:1;text-align:center}
#inc01 .tit_area h3{font-size:15px;font-weight:700;color:#777;font-family:var(--e-font)}
#inc01 .tit_area h2{position:relative;z-index:2;padding:25px 0 50px;font-size:45px;font-weight:500;line-height:1.2;white-space:pre-line;color:#222;font-family:var(--e-font)}

/* controls */
#inc01 .controls{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:2;padding-bottom:45px}
#inc01 .controls span{display:flex;align-items:center;justify-content:center;width:60px;height:30px;border:1px solid #e1e1e1;border-radius:5px;color:#e1e1e1;cursor:pointer;transition:0.2s}
#inc01 .controls span svg{width:18px}

/* slide */
#inc01 .inc01_slide{overflow:initial;position:relative;width:100%;padding-bottom:50px}
#inc01 .inc01_slide .swiper-wrapper .swiper-slide{position:relative;width:450px;transition:all .2s;cursor:pointer}
#inc01 .inc01_slide .swiper-wrapper .swiper-slide p{position:absolute;bottom:8%;left:45px;z-index:2;font-size:19px;font-weight:700;color:#fff;opacity:0;transition:all .2s;font-family:var(--k-font)}
#inc01 .inc01_slide .swiper-wrapper .swiper-slide a{display:block;position:relative}
#inc01 .inc01_slide .swiper-wrapper .swiper-slide a::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:rgba(0, 0, 0, 0.5);opacity:0;transition:all .2s}

/* 반응형 [s] */
@media (hover:hover){
#inc01 .controls span:hover{color:#fff;background:#222}
#inc01 .inc01_slide .swiper-wrapper .swiper-slide:hover p{opacity:1}
#inc01 .inc01_slide .swiper-wrapper .swiper-slide a:hover::before{opacity:1}
}
@media (max-width:1380px){
}
@media (max-width:1024px){
#inc01{padding-top:180px}
#inc01 .tit_area h2{padding:20px 0 40px;font-size:40px}
#inc01 .inc01_slide .swiper-wrapper .swiper-slide{width:340px}
#inc01 .inc01_slide .swiper-wrapper .swiper-slide p{bottom:50%;left:50%;transform:translate(-50%, 50%);width:100%;font-size:17px}
#inc01 .inc01_slide .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit:cover}
}
@media (max-width:768px){
#inc01{padding-top:120px}
#inc01 .tit_area h2{padding:15px 0 35px;font-size:33px}
#inc01 .controls{padding-bottom:35px}
#inc01 .controls span{width:55px;height:28px}
#inc01 .inc01_slide .swiper-wrapper .swiper-slide{width:300px}
}
@media (max-width:480px){
#inc01{padding-top:90px}
#inc01 .tit_area h2{padding:12px 0 32px;font-size:26px}
#inc01 .controls{padding-bottom:25px}
#inc01 .controls span{width:52px;height:28px}
#inc01 .controls span svg{width:16px;height:16px}
#inc01 .inc01_slide{padding-bottom:20px}
#inc01 .inc01_slide .swiper-wrapper .swiper-slide p{font-size:16px} 
}
@media (max-width:390px){
#inc01{padding-top:80px}
#inc01 .tit_area h2{padding:10px 0 30px;font-size:23px}
#inc01 .controls{padding-bottom:20px}
#inc01 .controls span{width:48px;height:26px}
#inc01 .controls span svg{width:14px;height:14px}
#inc01 .inc01_slide{padding-bottom:0px}
#inc01 .inc01_slide .swiper-wrapper .swiper-slide{width:280px}
}
/* 반응형 [e] */

/* =========================== atc02 */

#inc02{position:relative}

/* gsap */
#inc02 .gsap_wrap{position:relative}
#inc02 .gsap_wrap .cont{position:relative;width:100%;height:100vh}
#inc02 .gsap_wrap .cont.mid{position:absolute;top:100%;z-index:3}
#inc02 .gsap_wrap .cont.last{position:absolute;top:200%;z-index:4}
#inc02 .gsap_wrap .cont img{width:100%;height:100%;object-fit:cover}

/* txt */
#inc02 .gsap_wrap .cont .txt{position:absolute;top:200px;left:50%;transform:translateX(-50%);max-width:1400px;width:100%;color:#fff}
#inc02 .gsap_wrap .cont .txt h3{font-size:16px;font-weight:700;font-family:var(--e-font)}
#inc02 .gsap_wrap .cont .txt .txt_wrap{display:flex;align-items:flex-start;justify-content:space-between}
#inc02 .gsap_wrap .cont .txt .txt_wrap div h2{padding:70px 0 55px;font-size:70px;font-weight:700;line-height:1;font-family:var(--e-font)}
#inc02 .gsap_wrap .cont .txt .txt_wrap div p{font-size:16px;white-space:pre-line;line-height:1.6}
#inc02 .gsap_wrap .cont .txt .txt_wrap .num{font-size:50px;font-weight:300;font-family:var(--e-font)}
#inc02 .gsap_wrap .cont .txt .txt_wrap .num span{display:inline-block;padding:0 25px;font-size:31px}
#inc02 .gsap_wrap .cont .txt .txt_wrap .more{display:block;width:120px;height:39px;margin-top:160px;font-size:16px;font-weight:500;text-align:center;line-height:39px;color:#fff;background:rgba(255, 255, 255, 0.2);transition:all .2s;font-family:var(--e-font)}

/* 반응형 [s] */
@media (hover:hover){
#inc02 .gsap_wrap .cont .txt .txt_wrap .more:hover{background:rgba(255, 255, 255, 0.5)}
}   
@media (max-width:1380px){
#inc02 .gsap_wrap .cont .txt{max-width:unset;width:95%}
}
@media (max-width:1024px){
#inc02 .gsap_wrap .cont .txt{top:150px}
#inc02 .gsap_wrap .cont .txt .txt_wrap div h2{padding:60px 0 45px;font-size:60px}
#inc02 .gsap_wrap .cont .txt .txt_wrap .num{font-size:40px}
#inc02 .gsap_wrap .cont .txt .txt_wrap .num span{padding:0 20px}
}
@media (max-width:768px){
#inc02 .gsap_wrap .cont img{filter:brightness(0.5)}
#inc02 .gsap_wrap .cont .txt{top:50%;transform:translate(-50%, -50%)}
#inc02 .gsap_wrap .cont .txt h3{text-align:center;font-size:15px}
#inc02 .gsap_wrap .cont .txt .txt_wrap{flex-direction:column;text-align:center}
#inc02 .gsap_wrap .cont .txt .txt_wrap div{width:100%}
#inc02 .gsap_wrap .cont .txt .txt_wrap div h2{padding:50px 0 40px;font-size:42px}
#inc02 .gsap_wrap .cont .txt .txt_wrap div p{margin:auto;width:85%;font-size:15px;white-space:normal}
#inc02 .gsap_wrap .cont .txt .txt_wrap .right{margin-top:35px}
#inc02 .gsap_wrap .cont .txt .txt_wrap .num{font-size:30px}
#inc02 .gsap_wrap .cont .txt .txt_wrap .num span{padding:0 15px;font-size:24px}
#inc02 .gsap_wrap .cont .txt .txt_wrap .more{margin:60px auto 0;width:150px;height:50px;line-height:50px}
}
@media (max-width:480px){
#inc02 .gsap_wrap .cont .txt .txt_wrap div h2{padding:35px 0;font-size:33px}
#inc02 .gsap_wrap .cont .txt .txt_wrap div p{width:95%;font-size:14px}
#inc02 .gsap_wrap .cont .txt .txt_wrap .right{margin-top:30px}
#inc02 .gsap_wrap .cont .txt .txt_wrap .num{font-size:25px}
#inc02 .gsap_wrap .cont .txt .txt_wrap .num span{padding:0 10px;font-size:21px}
#inc02 .gsap_wrap .cont .txt .txt_wrap .more{margin-top:50px;width:145px;height:48px;line-height:48px;font-size:15px}
}
@media (max-width:390px){
#inc02 .gsap_wrap .cont .txt .txt_wrap div h2{padding:30px 0;font-size:29px}
#inc02 .gsap_wrap .cont .txt .txt_wrap div p{width:100%;font-size:13px}
#inc02 .gsap_wrap .cont .txt .txt_wrap .right{margin-top:25px}
#inc02 .gsap_wrap .cont .txt .txt_wrap .num{font-size:21px}
#inc02 .gsap_wrap .cont .txt .txt_wrap .num span{padding:0 7px;font-size:19px}
#inc02 .gsap_wrap .cont .txt .txt_wrap .more{margin-top:35px;width:138px;height:46px;line-height:46px;font-size:14px}
}
/* 반응형 [e] */

/* =========================== atc03 */
#inc03{max-width:1400px;width:100%;margin:0 auto;padding-top:220px;background:#fff}

/* title */
#inc03 .tit_area{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #e1e1e1}
#inc03 .tit_area div{display:flex;align-items:center;gap:95px}
#inc03 .tit_area div h2{font-size:45px;font-weight:500;color:#222;font-family:var(--e-font)}
#inc03 .tit_area div h3{line-height:1}
#inc03 .tit_area a{display:flex;align-items:center;justify-content:center;width:105px;height:35px;font-size:16px;font-weight:500;color:#fff;background:rgba(0, 0, 0, 0.2);transition:all .2s;font-family:var(--e-font)}

/* latest */
#inc03 .latest{padding-bottom:190px}
#inc03 .latest .item{padding:35px 55px;border-bottom:1px solid #e1e1e1}
#inc03 .latest .item .flex{display:flex;align-items:flex-start;gap:70px;width:100%;height:100%;font-size:15px;font-weight:400;font-family:var(--k-font)}
#inc03 .latest .item .flex .date{padding-top:40px;font-weight:500;font-family:var(--e-font)}
#inc03 .latest .item .flex .lt_cont{display:flex;align-items:center;gap:65px}
#inc03 .latest .item .img{display:block;width:402px;height:257px;background-repeat:no-repeat}
#inc03 .latest .item .txt div{font-size:16px;font-weight:500;color:#222}
#inc03 .latest .item .txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:20px 0 40px;color:#777}
#inc03 .latest .item .txt  span{display:inline-block;position:relative;font-size:14px;color:#222;transition:all .2s}
#inc03 .latest .item .txt  span::before{content:"";display:inline-block;position:absolute;top:12px;left:0;width:3px;height:3px;border-radius:100%;background:#222;opacity:0;transition:all 0.2s}

/* 반응형 [s] */
@media (hover:hover){
#inc03 .latest .item :hover span{padding-left:10px}
#inc03 .latest .item :hover span::before{opacity:1}
#inc03 .tit_area a:hover{background:rgba(0, 0, 0, 1)}
}    
@media (max-width:1380px){
#inc03 .tit_area{margin:auto;width:95%}
}
@media (max-width:1024px){
#inc03{padding-top:180px;max-width:unset;width:100%}
#inc03 .tit_area{padding-bottom:25px}
#inc03 .tit_area div{gap:60px}
#inc03 .tit_area div h2{font-size:40px}
#inc03 .latest{padding-bottom:140px}
#inc03 .latest .item{padding:50px 2.5%}
#inc03 .latest .item .flex{gap:40px}
#inc03 .latest .item .flex .lt_cont{gap:40px}
#inc03 .latest .item .flex .date{padding-top:30px}
#inc03 .latest .item .flex .lt_cont .txt{width:60%}
#inc03 .latest .item .flex .lt_cont .img_wrap{width:40%}
#inc03 .latest .item .img{width:100%;height:220px}
}
@media (max-width:768px){
#inc03{padding-top:120px}
#inc03 .tit_area{align-items:end}
#inc03 .tit_area div{flex-direction:column;align-items:start;gap:15px}
#inc03 .tit_area div h2{font-size:33px}
#inc03 .tit_area a{font-size:15px}
#inc03 .latest{padding-bottom:120px}
#inc03 .latest .item{padding:40px 2.5%}
#inc03 .latest .item .flex{flex-direction:column;gap:20px}
#inc03 .latest .item .flex .date{padding-top:0px}
#inc03 .latest .item .flex .lt_cont{gap:20px}
#inc03 .latest .item .flex .lt_cont .txt{width:50%}
#inc03 .latest .item .flex .lt_cont .img_wrap{width:50%}
}
@media (max-width:480px){
#inc03{padding-top:90px}
#inc03 .tit_area{flex-direction:column;align-items:center;gap:30px}
#inc03 .tit_area div{align-items:center}
#inc03 .tit_area div h2{font-size:26px}
#inc03 .latest{padding-bottom:40px}
#inc03 .latest .item .img{height:250px;background-size:cover}
#inc03 .latest .item .flex{flex-direction:column-reverse;align-items:center}
#inc03 .latest .item .flex .lt_cont{flex-direction:column;gap:30px}
#inc03 .latest .item .flex .lt_cont .txt{width:100%;text-align:center}
#inc03 .latest .item .flex .lt_cont .img_wrap{width:100%}
#inc03 .latest .item .flex .date{font-size:18px}
#inc03 .latest .item .txt p{margin:18px 0 25px}
}
@media (max-width:390px){
#inc03{padding-top:80px}
#inc03 .tit_area div h2{font-size:23px}
#inc03 .tit_area div h3{font-size:14px}
#inc03 .latest .item{padding:30px 2.5%}
#inc03 .latest .item .img{height:230px}
#inc03 .latest .item .txt div{font-size:15px}
#inc03 .latest .item .txt p{margin:15px 0 23px;font-size:14px}
#inc03 .latest .item .flex{gap:15px}
#inc03 .latest .item .flex .date{font-size:17px}
}
/* 반응형 [e] */

/* =========================== roomList */
#roomList{position:relative;padding:260px 0 0;max-width:1400px;width:100%;margin:0 auto;padding-bottom:250px}

/* tit */
#roomList .tit_area{display:flex;align-items:flex-start;gap:390px}
#roomList .tit_area h3{font-weight:700;font-family:var(--e-font)}
#roomList .tit_area h2{font-size:45px;font-weight:500;white-space:pre-line;line-height:1.3;color:#222;font-family:var(--e-font)}

/* latest */
#roomList .wrap{display:flex;align-items:center;justify-content:space-between;padding:100px 30px 0}
#roomList .wrap li .img{overflow:hidden;display:block;width:100%;height:100%}
#roomList .wrap li .img img{width:100%;transition:all .5s}
#roomList .wrap li .info{text-align:center}
#roomList .wrap li .info p{padding:35px 0 5px;font-size:20px;font-weight:600;color:#222;font-family:var(--e-font)}

/* 반응형 [s] */
@media (hover:hover){
#roomList .wrap li .img:hover img{transform:scale(1.05)}
}
@media (max-width:1380px){
#roomList .tit_area{margin:auto;width:95%;gap:250px}
#roomList .tit_area h3{min-width:75px}
#roomList .wrap{width:100%;gap:30px}
#roomList .wrap li{width:calc(100% / 3 - 15px)}
#roomList .wrap li .img img{height:450px;object-fit:cover}
}
@media (max-width:1024px){
#roomList{padding:180px 0 0}
#roomList .tit_area{gap:70px}
#roomList .tit_area h2{font-size:40px}
#roomList .wrap{align-items:start;padding:80px 2.5%;gap:16px}
#roomList .wrap li{width:calc(100% / 3 - 8px)}
#roomList .wrap li .img img{height:400px}
}
@media (max-width:768px){
#roomList{padding:120px 0 0}
#roomList .tit_area{flex-direction:column;align-items:center;gap:30px;text-align:center}
#roomList .tit_area h2{white-space:normal;margin:auto;width:80%;font-size:33px}
#roomList .wrap{padding:70px 2.5%;gap:12px}
#roomList .wrap li{width:calc(100% / 3 - 6px)}
#roomList .wrap li .img img{height:350px}
#roomList .wrap li .info p{padding:30px 0 5px;font-size:18px}
}
@media (max-width:560px){
#roomList .wrap{flex-direction:column}
#roomList .wrap li{width:100%}
#roomList .wrap li .info{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:95%}
#roomList .wrap li .info p{padding:0px;font-size:27px;color:#fff}
#roomList .wrap li .info span{margin-top:10px;font-size:16px;color:rgb(255, 255, 255, 0.6)}
#roomList .wrap li .img img{filter:brightness(0.5)}
}
@media (max-width:480px){
#roomList{padding:90px 0 0}
#roomList .tit_area{gap:20px}
#roomList .tit_area h2{width:95%;font-size:26px}
#roomList .wrap{padding:60px 2.5%}
#roomList .wrap li .info p{font-size:24px}
#roomList .wrap li .info span{font-size:15px}
#roomList .wrap li .img img{height:310px}
}
@media (max-width:390px){
#roomList{padding:80px 0 0}
#roomList .tit_area{gap:15px}
#roomList .tit_area h2{width:100%;font-size:23px}
#roomList .wrap{padding:50px 2.5%;gap:9px}
#roomList .wrap li .info p{font-size:21px}
#roomList .wrap li .info span{font-size:14px}
#roomList .wrap li .img img{height:270px}
}
/* 반응형 [e] */