/* =========================== MAIN */
/* slide */
#main_banner{position:relative;width:100%}
#main_banner .b_tit{position:absolute;left:50%;z-index:10;top:200px;width:100%;max-width:var(--main-size);padding:0 50px;color:#fff;transform:translateX(-50%)}
#main_banner .b_tit h1{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:70px;text-transform:uppercase;font-family:var(--e-font);white-space:nowrap}
#main_banner .b_tit h1 .bar{max-width:450px;width:100%;height:1.5px;opacity:.5;background:#fff}
#main_banner .main_bnr{height:950px;color:#fff;background:#111}
#main_banner .main_bnr li{position:relative;display:flex;justify-content:center;align-items:flex-end;padding-bottom:150px;background-size:cover;background-position:center}
#main_banner .main_bnr li:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}
#main_banner .main_bnr .img01{background-image:url('../../img/main/main_banner_01.jpg')}
#main_banner .main_bnr .img02{background-image:url('../../img/main/main_banner_02.jpg')}
#main_banner .main_bnr .img03{background-image:url('../../img/main/main_banner_03.jpg')}
#main_banner .main_bnr .img04{background-image:url('../../img/main/main_banner_04.jpg')}


#main_banner .main_bnr .txt_box{position:relative;z-index:10;text-align:center}
#main_banner .main_bnr .txt_box p{font-size:30px;font-family:var(--e-font)}
#main_banner .main_bnr .txt_box div{margin-bottom:15px;font-size:20px;font-weight:500}
#main_banner .main_bnr .txt_box a{color:#fff}
#main_banner .main_bnr .txt_box a span{border:1px solid #fff}
#main_banner .main_bnr .txt_box a:hover span{color:var(--primary);background:#fff}


#main_banner .lt_area{padding:0 30px;border-bottom:1px solid #e1e1e1}
#main_banner .lt_area .inner{display:flex;justify-content:space-between;max-width:var(--main-size);margin:0 auto;padding:20px 0;color:#111}
#main_banner .lt_area .fix span{display:flex}
#main_banner .lt_area svg{width:18px}
#main_banner .lt_area .name{font-size:16px;font-weight:600}
#main_banner .lt_area .fix{display:inline-flex;align-items:center;gap:25px}
#main_banner .lt_area .roll{display:flex;align-items:center;overflow:hidden;flex:1;width:100%;padding:0 25px;height:30px}
#main_banner .lt_area .roll:before{display:inline-block;content:'';width:1px;height:10px;margin-right:25px;background:#e1e1e1}
#main_banner .lt_area .roll:after{display:inline-block;content:'';width:1px;height:10px;margin-left:25px;background:#e1e1e1}


#main_banner .lt_area .roll a{display:flex;justify-content:space-between;font-size:16px}
#main_banner .lt_area .roll a span{font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#main_banner .lt_area .arrow{display:flex;align-items:center;gap:15px}
#main_banner .lt_area .arrow span{display:flex;cursor:pointer}


/* ¹ÝÀÀÇü [s] */
@media (max-width:1400px){
#main_banner .b_tit h1{font-size:60px}
#main_banner .main_bnr{height:800px}
#main_banner .main_bnr .txt_box p{font-size:28px}
#main_banner .main_bnr .txt_box div{margin-bottom:10px;font-size:17px}
}
@media (max-width:1200px){
#main_banner .b_tit{padding:0 30px}
#main_banner .b_tit h1{font-size:55px}
#main_banner .main_bnr{height:680px}
#main_banner .main_bnr li{padding-bottom:120px}
#main_banner .main_bnr .txt_box p{font-size:26px}
#main_banner .main_bnr .txt_box div{font-size:16px}
}
@media (max-width:1024px){
#main_banner .b_tit{top:160px;padding:0 15px}
#main_banner .b_tit h1{font-size:46px}
#main_banner .main_bnr{height:560px}
#main_banner .main_bnr li{padding-bottom:70px}
#main_banner .main_bnr .txt_box p{font-size:22px}
#main_banner .main_bnr .txt_box div{margin-bottom:6px;font-size:15px;line-height:1.6}
#main_banner .lt_area{padding:0 15px}
#main_banner .lt_area .name{font-size:15px}
#main_banner .lt_area .fix{gap:15px}
#main_banner .lt_area .roll{padding:0 15px}
#main_banner .lt_area .roll a{font-size:15px}
#main_banner .lt_area .roll:before{margin-right:15px}
#main_banner .lt_area .roll:after{margin-left:15px}
#main_banner .lt_area svg{width:16px}
}
@media (max-width:768px){
#main_banner .main_bnr{height:550px}
#main_banner .main_bnr .txt_box div{font-size:14px}
#main_banner .main_bnr .txt_box p{font-size:20px}
#main_banner .b_tit{top:145px}
#main_banner .b_tit h1{flex-direction:column;font-size:34px}
#main_banner .b_tit h1 .bar{max-width:35px}
#main_banner .lt_area .name{font-size:14px}
#main_banner .lt_area .roll a{font-size:14px}
}
@media (max-width:480px){
#main_banner .b_tit h1{font-size:28px}
#main_banner .main_bnr{height:480px}
#main_banner .main_bnr .txt_box p{font-size:18px}
#main_banner .main_bnr li{padding-bottom:50px}
#main_banner .lt_area .name{display:none}
#main_banner .lt_area .roll{padding:0 10px}
#main_banner .lt_area .roll a p{display:none}
#main_banner .lt_area .roll:before{margin-right:10px}
#main_banner .lt_area .roll:after{margin-left:10px}
#main_banner .lt_area .arrow{gap:10px}
}
/* ¹ÝÀÀÇü [e] */


/* =========================== roomlist */
#roomList{padding:200px 0}
#roomList .wrap{display:flex;align-items:flex-start;justify-content:space-between}
#roomList .bg{height:915px;margin-top:100px;padding:100px 0;background:url('../../img/main/inc_room/bg.jpg') no-repeat;background-size:cover}
#roomList .bg .arrow{position:relative;z-index:20;top:-50%}
#roomList .bg .arrow span{position:absolute;width:50px;height:50px;cursor:pointer;transform:rotate(45deg)}
#roomList .bg .arrow .prev{right:80px;border-right:1px solid #fff;border-top:1px solid #fff}
#roomList .bg .arrow .next{left:80px;border-left:1px solid #fff;border-bottom:1px solid #fff}
#roomList .roomview{padding-top:50px}
#roomList ul li a{display:flex;flex-direction:column;justify-content:space-between;height:650px;padding:30px;background:#fff;transition:all .3s}
#roomList ul li dt{font-size:25px;font-weight:700}
#roomList ul li dd{font-weight:500}
#roomList ul li a:hover{transform:translateY(-30px)}
#roomList ul li .info{padding:10px 0 20px;border-top:1px solid #111}
#roomList ul li img{width:100%;height:300px;object-fit:cover}
#roomList ul li span:before{display:inline-block;content:'';width:1px;height:10px;margin:0 18px;border:1px solid #e1e1e1}
#roomList .swiper-control{display:none}


/* ¹ÝÀÀÇü [s] */
@media (max-width:1400px){
#roomList{padding:100px 0}
#roomList .inner{padding:0 15px}
#roomList .bg{position:relative;display:flex;flex-direction:column;align-items:center;height:auto;margin-top:70px;padding:70px 0}
#roomList .bg .arrow{position:absolute;top:50%;width:100%;transform:translateY(-50%)}
#roomList .bg .arrow span{width:40px;height:40px}
#roomList .bg .arrow .prev{right:30px}
#roomList .bg .arrow .next{left:30px}
#roomList ul li a{height:550px;padding:24px}
#roomList ul li img{height:260px}
#roomList ul li dt{font-size:23px}
#roomList ul li a:hover{transform:translateY(-20px)}


#roomList .arrow{display:none}
#roomList .swiper-control{display:flex;justify-content:center;align-items:center;gap:10px;width:170px;min-width: 270px;height:40px;margin-top:40px;background-color:rgba(255, 255, 255, 0.8);border-radius:100px}
#roomList .swiper-control button{all:unset;display:flex;align-items:center;justify-content:center;width:30px;height:30px;cursor:pointer}
#roomList .swiper-control button span{font-size:18px;color:var(--primary);opacity:0.7;transition:opacity 0.2s}
#roomList .swiper-control button:hover span{opacity:1}
#roomList .swiper-control button.prev{transform:rotate(180deg)}
#roomList .swiper-control .pager{display:flex;gap:7px}
#roomList .swiper-control .pager .swiper-pagination-bullet-active{background-color:var(--primary)}
}
@media (max-width:1024px){
#roomList .inner{flex-direction:column;align-items:center;text-align:center}
#roomList .bg{margin-top:50px;padding:50px 0}
#roomList .cm_btn{margin-top:25px}
#roomList ul li a{height:500px}
#roomList ul li img{height:230px}
#roomList ul li dt{font-size:20px}
#roomList ul li dd{font-size:14px;line-height:1.6}
#roomList ul li .info{padding:10px 0 14px;font-size:14px; margin-top: 20px;}
}
@media (max-width:768px){
#roomList{padding:60px 0}
#roomList .cm_btn{margin-top:20px}
#roomList .bg{margin-top:40px;padding:40px 0}
#roomList ul li a{min-height:430px;height:auto}
#roomList ul li img{height:200px}
#roomList ul li dt{font-size:18px}
#roomList .swiper-control{margin-top:25px;width:155px;height:35px;}
}
@media (max-width:600px){
#roomList ul li a{min-height:490px}
#roomList ul li img{height:260px}
}
@media (max-width:480px){
#roomList .cm_btn{margin-top:15px}
#roomList ul li dt{font-size:16px}
}
/* ¹ÝÀÀÇü [e] */


/* =========================== atc01 */
#inc01{position:relative;padding-top:200px}
#inc01 .merit:before,#inc01 .merit:after{position:absolute;content:'';z-index:-10;width:600px;aspect-ratio:1;top:50%;border-radius:50%;border:1px solid #666;transform:translate(-50%, -50%)}
#inc01 .merit:before{left:48%}
#inc01 .merit:after{left:50%}
#inc01 .inc_tit{text-align:center}
#inc01 .inc_tit span{display:inline-block;margin-top:0 !important;margin-bottom:15px;font-weight:500;color:#777;}
#inc01 .inc_tit h2{color:#000 !important}
#inc01 .inner.merit{position:relative;height:655px;margin-top:70px;padding-top:50px}
#inc01 .merit .num{position:absolute}
#inc01 .merit .num01{left:50%}
#inc01 .merit .num02{top:150px;left:5%}
#inc01 .merit .num03{bottom:0;left:45%}
#inc01 .num{position:relative;display:flex;gap:20px;padding-top:30px}
#inc01 .num span{position:absolute;top:0;left:0;font-size:15px;font-family:var(--e-font)}
#inc01 .num dt{font-size:22px;color:#000;font-family:var(--e-font)}
#inc01 .num dd{margin-top:5px;font-weight:500;color:#111;white-space:pre-line}


/* ¹ÝÀÀÇü [s] */
@media (max-width:1500px){
#inc01 .inner.merit{height:800px}
#inc01 .merit:before, #inc01 .merit:after{width:550px}
#inc01 .merit .num01{left:56%;top:66px}
#inc01 .merit .num02{top:225px}
#inc01 .merit .num03{bottom:0;left:50%}
#inc01 .num{flex-direction:column;gap:5px}
#inc01 .num dt{font-size:20px}
#inc01 .num dd{margin-top:0;white-space:normal}
}
@media(max-width:1400px){
#inc01{padding-top:100px}
#inc01 .inner.merit{margin-top:30px}
#inc01 .merit:before, #inc01 .merit:after{width:495px}
}
@media (max-width:1200px){
#inc01 .inner.merit{height:700px}
#inc01 .merit .num01{top:50px;left:55%}
#inc01 .merit .num02{top:200px}
#inc01 .merit .num03{bottom:0;left:48%}
#inc01 .num img{max-width:400px}
#inc01 .num dt{font-size:18px}
}
@media (max-width:1024px){
#inc01 .inner.merit{height:clamp(665px,73.7vw,755px);margin-top:0;padding-top:40px}
#inc01 .merit:before, #inc01 .merit:after{width:420px}
#inc01 .merit .num01{top:80px;left:55%;text-align:right}
#inc01 .merit .num02{top:160px}
#inc01 .merit .num03{left:41%}
#inc01 .num img{max-width:clamp(320px, 39.06vw, 400px)}
#inc01 .num dt{font-size:16px}
#inc01 .num dd{font-size:14px;white-space:pre-line}
}
@media (max-width:768px){
#inc01{padding:60px 15px 0}
#inc01 .inner.merit{display:flex;flex-direction:column;gap:30px;height:auto;width:85%}
#inc01 .merit:before, #inc01 .merit:after{display:none}
#inc01 .inc_tit span{margin-bottom:10px}
#inc01 .merit .num{position:relative}
#inc01 .merit .num01, #inc01 .merit .num02, #inc01 .merit .num03{inset:unset;text-align:center}
#inc01 .num{padding-top:0;gap:14px}
#inc01 .num span{display:none}
#inc01 .num img{max-width:none;width:100%}
#inc01 .num dd{white-space:normal;font-size:15px}
}
@media (max-width:480px){
#inc01 .inner.merit{gap:20px;width:100%}
#inc01 .num dt{font-size:15px}
#inc01 .num dd{font-size:14px}
}
/* ¹ÝÀÀÇü [e] */


/* =========================== atc02 */
#inc02 .wrap{display:flex;align-items:flex-start;justify-content:space-between}
#inc02 .fac_area{position:relative;display:flex;margin-top:100px;height:725px;overflow:hidden}


/* À̹ÌÁö ¿µ¿ª */
#inc02 .fl-l{position:relative;max-width:727px;width:100%}
#inc02 .fl-l .tab-con{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:all .3s}
#inc02 .fl-l .tab-con img{width:100%;height:100%;object-fit:cover}
#inc02 .fl-l .tab-con .text-box{display:none}


/* ÅؽºÆ® ¿µ¿ª */
#inc02 .fl-r{position:relative;display:flex;align-items:flex-end;width:100%;max-width:530px;padding:150px 50px 50px 150px;box-sizing:content-box}
#inc02 .fl-r .text-list{position:absolute;width:100%;top:130px;left:150px}
#inc02 .fl-r .text-list .tab-con{position:absolute;top:0;left:0;width:calc(100% - 200px);opacity:0;visibility:hidden;transition:all .3s}
#inc02 .fl-l .text-box span, #inc02 .fl-r .text-list .tab-con span{font-weight:600;color:var(--primary)}
#inc02 .fl-l .text-box p, #inc02 .fl-r .text-list .tab-con p{font-size:35px;color:#222;font-family:var(--e-font)}


/* ÅǸ޴º ¿µ¿ª */
#inc02 .fl-r .tab-list{width:100%;position:absolute;top:180px;}
#inc02 .fl-r .tab-list li{padding:10px 20px;border-top:1px solid #111;font-size:16px;font-weight:500;color:#222;cursor:pointer;transition:all .3s}
#inc02 .fl-r .tab-list li:last-child{border-bottom:1px solid #111}
#inc02 .fl-r .tab-list li:hover{background:#f5f5f5}
#inc02 .fl-r .tab-list li span{display:inline-block;margin-right:20px}


#inc02 .tab-con.view{visibility:visible !important;opacity:1 !important}


/* ¹ÝÀÀÇü [s] */
@media (max-width:1400px){
#inc02{padding:0 15px}
#inc02 .fac_area {height:680px;margin-top:70px}
#inc02 .fl-r{padding:50px 0 50px 50px}
#inc02 .fl-r .text-list{top:100px;left:50px}
#inc02 .fl-r .text-list .tab-con{width:calc(100% - 50px)}
#inc02 .fl-l .text-box p, #inc02 .fl-r .text-list .tab-con p{font-size:32px}
}
@media (max-width:1200px){
#inc02 .fac_area{height:640px}
#inc02 .fac_area > *{flex:1;width:50%}
#inc02 .fl-l{max-width:none}
#inc02 .fl-r{max-width:none}
#inc02 .fl-r .text-list{top:50px}
#inc02 .fl-l .text-box p, #inc02 .fl-r .text-list .tab-con p{padding-bottom:2px;font-size:28px}
}
@media (max-width:1024px){
#inc02 .wrap{flex-direction:column;align-items:center;text-align:center}
#inc02 .cm_btn{margin-top:25px}
#inc02 .fac_area{flex-direction:column;gap:40px;height:auto;width:85%;margin:50px auto 0}
#inc02 .fac_area > *{width:100%}
#inc02 .fl-l{flex:none;min-height:calc(520px + 130px + 30px)}
#inc02 .fl-l .tab-con{display:flex;flex-direction:column;gap:30px}
#inc02 .fl-l .tab-con img{height:520px}
#inc02 .fl-l .tab-con .text-box{display:block;min-height:130px}
#inc02 .fl-r{flex-direction:column;align-items:flex-start;padding:0;order:-1}
#inc02 .fl-r .text-list{display:none}
#inc02 .fl-l .text-box p, #inc02 .fl-r .text-list .tab-con p{font-size:26px}
#inc02 .fl-r .tab-list li{font-size:15px}
}
@media (max-width:768px){
#inc02 .cm_btn{margin-top:20px}
#inc02 .fac_area{gap:30px;margin-top:40px}
#inc02 .fl-l{min-height:calc(460px + 130px + 20px)}
#inc02 .fl-l .tab-con{gap:20px}
#inc02 .fl-l .tab-con img{height:460px}
#inc02 .fl-l .tab-con .text-box{font-size:14px;line-height:1.6}
#inc02 .fl-l .text-box p, #inc02 .fl-r .text-list .tab-con p{font-size:24px}
}
@media (max-width:480px){
#inc02 .cm_btn{margin-top:15px}
#inc02 .fac_area{width:100%}
#inc02 .fl-l{min-height:calc(390px + 130px + 20px)}
#inc02 .fl-l .tab-con .text-box br{display:none}
#inc02 .fl-l .tab-con img{height:390px}
#inc02 .fl-l .tab-con .text-box{min-height:auto}
#inc02 .fl-l .text-box p, #inc02 .fl-r .text-list .tab-con p{font-size:20px}
#inc02 .fl-r .tab-list li p{word-break:keep-all}
}
/* ¹ÝÀÀÇü [e] */


/* =========================== atc03 */
#inc03{padding:200px 0;text-align:center}
#inc03 .inc_tit{margin-bottom:50px}
#inc03 .bnr{margin-top:100px}
#inc03 li a{display:block}
#inc03 li .img{overflow:hidden;width:100%;height:500px}
#inc03 li img{width:100% !important;height:500px !important;object-fit:cover;transition:all .3s}
#inc03 li a:hover img{transform:scale(1.1)}


#inc03 .swiper-wrapper{height:inherit;}


/* ¹ÝÀÀÇü [s] */
@media (max-width:1400px){
#inc03{padding:100px 0}
#inc03 .bnr{margin-top:70px}
#inc03 .inc_tit{margin-bottom:34px}
}
@media (max-width:1024px){
#inc03 .bnr{margin-top:50px}
#inc03 .inc_tit{margin-bottom:25px}
}
@media (max-width:768px){
#inc03{padding:60px 0}
#inc03 .bnr{margin-top:40px}
#inc03 .inc_tit{margin-bottom:20px}
}
@media (max-width:480px){
#inc03 .inc_tit{margin-bottom:15px}
}
/* ¹ÝÀÀÇü [e] */


/* =========================== atc04 */
#inc04{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;height:980px;text-align:center;background:url('../../img/main/inc04/bg.jpg')}
#inc04 .l_cont{font-size:45px;color:#fff;text-transform:uppercase;white-space:pre-line;font-family:var(--e-font)}
#inc04 .r_cont{color:#fff}
#inc04 .r_cont p{margin-top:15px;word-break:keep-all}
#inc04 .r_cont .info{display:flex;justify-content:center;gap:50px;margin-top:70px}
#inc04 .r_cont dt{margin-bottom:5px;font-size:17px;text-transform:uppercase;font-weight:700}
#inc04 .r_cont dd{opacity:.5}


/* ¹ÝÀÀÇü [s] */
@media (max-width:1400px){
#inc04{height:650px}
}
@media (max-width:1200px){
#inc04{grid-template-columns:repeat(1,1fr);gap:50px;height:auto;padding:80px 15px}
#inc04 .l_cont{font-size:36px;line-height:1.6}
#inc04 .r_cont .info{gap:100px;margin-top:20px}
#inc04 .r_cont img{width:88px}
}
@media (max-width:1024px){
#inc04 .l_cont{font-size:30px}
}
@media (max-width:768px){
#inc04{gap:40px;padding:50px 15px}
#inc04 .l_cont{font-size:28px}
#inc04 .r_cont .info{flex-direction:column;align-items:center;gap:10px;margin-top:10px}
}
@media (max-width:480px){
#inc04{gap:30px}
#inc04 .l_cont{font-size:25px}
#inc04 .r_cont img{width:80px}
#inc04 .r_cont dt{margin-bottom:0;font-size:15px}
#inc04 .r_cont .info{gap:5px}
}
/* ¹ÝÀÀÇü [e] */