
/*공용*/
.inn {width:1800px;margin:0 auto;}

/*버튼*/
.link{width:10.75rem;height:3rem;line-height:3rem;color:#fff;font-size:0.9rem;background:#be1f3b url(/images/default/main/btn-arrow.svg)no-repeat center right+1rem; background-size:0.9rem; display:inline-block;margin-top:3.5rem;text-align:left;padding:0 1rem;}
@media (max-width:1800px){
    .inn {width:100%;padding:0 1rem;}
}

/*비주얼*/
#visual{height:auto;position:relative;}
#visual video.web{ 
	display:block;
    z-index: -1;
    width: 100%;

    object-fit: cover;
	}
#visual video.mob{display:none;}
@media (max-width:767px) {
	#visual video.web{display:none}
	#visual video.mob{display:block;display:block;
    z-index: -1;
    width: 100%;} 
}


/*ctn01*/
.ctn01 {padding:5rem 0 5.5rem; position:relative;}
.ctn01:before{content:'';display:block;position:absolute;width:100%;height:calc(100% + 18rem);bottom:0;left:0;background:url(/images/default/main/ctn01-bg.jpg)no-repeat center center;z-index:-2;}

.ctn01 .inn{width:1500px;margin:0 auto; position:relative;}
.ctn01 .inn h3{font-family: 'NanumMyeongjo'; font-size:2rem; font-weight:600; color:#191919; line-height: 1;}
.ctn01-con{display: flex; justify-content: space-between; align-items: center;}
.ctn01-con .left-zone{width:38.3%;}
.ctn01-con .right-zone{width:52.4%; position: relative; background:#fff; padding:2.1rem 2.7rem 3.8rem; border-top:solid 2px #be1f3b; box-shadow: 0px 12px 59px rgb(93 76 59 / 16%); margin-right:1.35rem;}
.ctn01-con .left-zone .left-top .txt{font-size:1rem; font-weight:600; color:#555; margin-top:1rem;}
.ctn01-con .left-zone .left-bottom{padding-top:3rem;}
.ctn01-con .left-zone .left-bottom ul{display:flex; flex-wrap:wrap; margin:-0.5rem;}
.ctn01-con .left-zone .left-bottom ul li{width:calc(100%/6 - 1rem); margin:0.5rem; text-align: center; border-bottom:solid 2px #b3b3b3; padding-bottom:0.3rem; font-size:0.9rem; color:#777; font-weight: 700; cursor: pointer;}
.ctn01-con .left-zone .left-bottom ul li.on, .ctn01-con .left-zone .left-bottom ul li:hover{border-bottom:solid 2px #be1f3b; color:#be1f3b; font-weight: 800;}
.ctn01-con .left-zone .mobile_slect{display: none;}

.ctn01-con .right-zone .facility{overflow: hidden;}
.ctn01-con .right-zone .swiper-slide{display:flex; flex-direction: column;}
.ctn01-con .right-zone.no-list{display: none; text-align: center;}
.ctn01-con .right-zone.no-list img{max-width: 100%;}
.ctn01-con .right-zone .swiper-slide .img-zone{padding-top:10rem; width:16rem; position: relative;}
.ctn01-con .right-zone .img-zone .kind{position: absolute; right:0; bottom:0; display: inline-block; width:3.75rem; height:1.5rem; line-height:1.5rem; text-align: center; font-size:0.75rem; font-weight:500; color:#fff; background:#333;}
.ctn01-con .right-zone .swiper-slide.slide01 .img-zone{background: url('/images/default/main/ctn01-img01.jpg'); background-size: cover;}
.ctn01-con .right-zone .swiper-slide.slide02 .img-zone{background: url('/images/default/main/ctn01-img02.jpg'); background-size: cover;}
.ctn01-con .right-zone .txt-zone{padding-top:1.4rem;}
.ctn01-con .right-zone .txt-zone .tag{color:#c11e3b; font-size:0.8rem; font-weight: 600;}
.ctn01-con .right-zone .txt-zone .info{padding-top:0.3rem; margin-bottom:0.8rem;}
.ctn01-con .right-zone .txt-zone .info .tit{font-size:1.1rem; font-weight:700; color:#333; padding-bottom:0.8rem;}
.ctn01-con .right-zone .txt-zone .info .location{font-size:0.9rem;font-weight:500;color:#333;position:relative;padding-left:0.9rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1;height: 0.9rem;}
.ctn01-con .right-zone .txt-zone .info .location:before{content:''; display:block; position:absolute; width:11px; height:15px;background:url('/images/default/main/location.svg')no-repeat center center; background-size: cover; top:50%; transform:translateY(-50%); left:0;}
.ctn01-con .right-zone .txt-zone .detail{font-size:0.8rem; font-weight:500; color:#333; position:relative; padding-right:1.7rem; display: inline;}
.ctn01-con .right-zone .txt-zone .detail:after{content:''; display:block; position:absolute; width:1.1rem; height:1.1rem;background:url('/images/default/main/detail-arrow.svg')no-repeat center center; background-size: 6px; top:50%;transform:translateY(-50%); right:0; border:solid 1px #ddd; border-radius:50%;}
.ctn01-con .right-zone .txt-zone .detail:hover{color:#c11e3b; text-decoration: underline; text-underline-position:under;}
.ctn01-con .right-zone .txt-zone .detail:hover:after{background:#be1f3b url('/images/default/main/detail-arrow-h.svg')no-repeat center center; background-size: 6px; border:solid 1px #be1f3b;}
.ctn01-con .facility .swiper-pagination {bottom:1.35rem; left:50%;transform:translateX(-50%); position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; z-index: 10}
.ctn01-con .facility .swiper-pagination .swiper-pagination-bullet {width:8px; height:8px; background:#ccc; opacity:1; margin:0 5px;}
.ctn01-con .facility .swiper-pagination .swiper-pagination-bullet-active {background:#000; position:relative;}
.ctn01-con .facility .swiper-button-prev{width:2.65rem; height:2.65rem; background:url('/images/default/main/prev-btn.png')no-repeat center center; background-size:cover; left:-1.35rem; margin-top:0; filter: drop-shadow(0px 11px 16px rgb(165 165 165 / 20%));}
.ctn01-con .facility .swiper-button-next {width:2.65rem; height:2.65rem; background:url('/images/default/main/next-btn.png')no-repeat center center; background-size:cover; right:-1.35rem; margin-top:0; filter: drop-shadow(0px 11px 16px rgb(165 165 165 / 20%));}

@media (max-width:1500px) {
    .ctn01 .inn{width:100%; padding:0 1rem;}
    .ctn01-con .left-zone{width:40%;}
    .ctn01-con .left-zone .left-bottom ul li{width:calc(100%/5 - 1rem);}
    .ctn01-con .right-zone{padding:2rem 2.5rem 2.5rem;}
    .ctn01-con .right-zone .swiper-slide .img-zone{width:100%;}
    .ctn01-con .right-zone .swiper-slide.slide01 .img-zone, .ctn01-con .right-zone .swiper-slide.slide02 .img-zone{padding-top:50%;}
}
@media (max-width:1030px) {
    .link{width:10rem;height:2.5rem;line-height:2.5rem;margin-top:1.25rem;}
    .ctn01 {padding:3rem 1rem;}
    .ctn01-con{flex-direction: column; gap:1rem;}
    .ctn01 .inn h3{font-size:1.6rem;}
    .ctn01-con .left-zone{width:100%;}
    .ctn01-con .right-zone{width:100%; margin-right:0; padding:1.5rem;}
    .ctn01-con .left-zone .left-bottom{/*padding-top:2rem;*/ display: none;}
    .ctn01-con .left-zone .mobile_slect{display: block;}
    .ctn01-con .left-zone .mobile_slect{display:block; padding-top:2rem;;}
    .ctn01-con .left-zone .mobile_slect select{-webkit-tap-highlight-color: transparent; background: #fff url('/images/default/main/sel.svg') no-repeat right+10px center; border: solid 1px #ddd; box-sizing: border-box; cursor: pointer; display: block; font-family: inherit; font-weight: normal; outline: none; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; font-size:13px; height:40px; padding:0 0.5em;}
    .ctn01-con .left-zone .mobile_slect .nice-select .list{width:101%; left:-1px; }
}
@media (max-width:767px) {

}
@media (max-width:500px) {

}


.ctn02 .inn{width:1500px;margin:0 auto;padding:5.5rem 0;position:relative;}
.ctn02 .inn:before{content:'';display:block;position:absolute;width:calc(100% + 7.5rem);bottom:5rem;left:50%;transform:translateX(-50%);height:16.75rem;background:url(/images/default/main/ctn02-bg.jpg)no-repeat center center;background-size:cover;z-index:-2;}
.ctn02 .inn h3{font-family: 'NanumMyeongjo';font-size:2rem;font-weight:600;color:#191919;margin-bottom:2rem;}
.ctn02 ul {display:flex;margin-right:-2rem;padding-bottom:3.5rem;}
.ctn02 ul li{margin-right:2rem;width:calc(100% / 4 - 2rem);overflow:hidden;background:#fff;}
.ctn02 ul li .img-zone{padding-top:110.144%;position:relative;z-index:1;background-size: cover !important;}
.ctn02 ul li .img-zone .hover-bx {position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(81,43,50,0.7);color:#fff;padding:5rem 1rem 1rem 1rem;opacity:0;}
.ctn02 ul li .img-zone .hover-bx .txt{font-size:1rem;font-weight:600;}
.ctn02 ul li .img-zone .hover-bx .tit{font-size:1.15rem;font-weight:600;border-bottom:1px solid #fff;padding-bottom:1.6rem;}
.ctn02 ul li .img-zone .hover-bx:after{content:'';display:block;position:absolute;width:2.05rem;height:2.05rem;background:url(/images/default/main/hover-btn.png)no-repeat center center;background-size:cover;right:1rem;bottom:3rem;}
.ctn02 ul li a:hover .img-zone:hover .hover-bx{backdrop-filter: blur(5px);display:block;transition-duration: 0.2s;opacity:1;}
.ctn02 ul li:hover{box-shadow: 15px 0 30px rgb(0 0 0 / 13%);}
.ctn02 ul li .txt-zone{color:#333;text-align:center;padding:1.75rem 1rem;font-size:1rem;font-weight:600;position:relative;background:#fff;}
.ctn02 ul li .txt-zone:after{content:'';display:block;position:absolute;width:12px;height:12px;border-radius: 50%;background:#333;left:50%;top:0;transform:translate(-50%,-50%);z-index:0;}
.ctn02 a.more{position:absolute;right:0;top:5.5rem;}

@media (max-width:1500px){
    .ctn02 .inn{width:100%;padding:5rem 1rem;}
    .ctn02 ul li .txt-zone{overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
    .ctn02 ul{margin-right:-1rem;}
    .ctn02 ul li{margin-right:1rem;    width: calc(100% / 4 - 1rem);}
    .ctn02 a.more{right:1rem;}

}
@media (max-width:1030px){
    .ctn02 ul li .txt-zone{padding:1rem;}
    .ctn02 .inn h3{font-size:1.6rem;}
    .ctn02 .inn{padding:3rem 1rem; position:relative;}
    .ctn02 a.more{top:3rem;right:1rem;}
    .ctn02 ul{flex-wrap:wrap;margin:-1rem;padding-bottom:0;}
    .ctn02 ul li{margin:1rem;width: calc(100% / 2 - 2rem);}
    .ctn02 .inn:before{width:100%;background:url(/images/default/main/ctn02-bg-mob.jpg)no-repeat center center;height:100%;bottom:0;background-size:cover;left:0;transform:translateX(0);}
}

@media (max-width:767px){
    .ctn02 ul li .img-zone .hover-bx{padding:1rem;}
    .ctn02 ul li .img-zone .hover-bx .tit{font-size:1rem;}
    .ctn02 ul li .img-zone .hover-bx:after{bottom:1rem;}
    .ctn02 a.more{width:2rem;height:2rem;}
    .ctn02 a.more img{max-width:100%;}
}
@media (max-width:500px){
    .ctn02 ul{margin:-0.5rem;}
    .ctn02 ul li{margin:0.5rem;width: calc(100% / 2 - 1rem);}
}


.ctn03 {position:relative;}
.ctn03:after{content:'';display:block;position:absolute;left:0;top:0;width:49.21%;height:100%;background:url(/images/default/main/ctn03-bg.jpg)no-repeat center center;background-size:cover;z-index:-1;}
.ctn03 .inn{width:1500px;margin:0 auto;display:flex;align-items:center;}
.ctn03 .inn .left-bx{color:#fff;padding:7rem 1rem 7.75rem 0;width:50%;}
.ctn03 .inn .left-bx h3{font-family: 'NanumMyeongjo';font-size:2rem;position:relative;padding-top:2.9rem;line-height:1;}
.ctn03 .inn .left-bx h3:after{content:'';display:block;position:absolute;width:2.4rem;height:1.7rem;background:url(/images/default/main/youtube-icon.svg)no-repeat center center; background-size:2.4rem; left:0;top:0; opacity:0.88;}
.ctn03 .inn .left-bx p{font-size:1rem;font-weight:600;color:rgba(255,255,255,0.7);line-height:1;margin-top:1rem;}
.ctn03 .inn .right-bx {width:50%;padding-left:2rem;position:relative;}
.ctn03 .inn .right-bx ul.tab {display:flex;margin:0 -1rem;}
.ctn03 .inn .right-bx ul.tab li{padding:0 1rem;position:relative; font-family: 'NanumMyeongjo';font-size:1.75rem;color:#999999;font-weight:600; cursor: pointer;}
.ctn03 .inn .right-bx ul.tab li:not(:last-child):after{content:'';display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#999;right:0;top:50%;transform:translate(50%,-50%);}
.ctn03 .inn .right-bx ul.tab li.on{color:#191919;}
.ctn03 .inn .right-bx .t02{display: none;}
.ctn03 .inn .right-bx ul.list-bx {margin-top:1.25rem;}
.ctn03 .inn .right-bx ul.list-bx li a{display:flex;align-items:center;}
.ctn03 .inn .right-bx ul.list-bx li a .cate{width:5.5rem;text-align:center;color:#c11e3b;font-size:0.9rem;font-weight:600;}
.ctn03 .inn .right-bx ul.list-bx li a .notice-bx{width:calc(100% - 5.5rem);padding:1.75rem 6rem 1.75rem 1.5rem; position:relative;}
.ctn03 .inn .right-bx ul.list-bx li a .notice-bx:after{
content:''; display:block; position:absolute; width:2rem; height:2rem; background:url(/images/default/main/notice-btn.svg)no-repeat center; background-size: 7px; top:50%;transform:translateY(-50%); right:0.8rem; border:solid 1px #ddd; border-radius:50%;}
.ctn03 .inn .right-bx ul.list-bx li a:hover .notice-bx:hover:after{background:#be1f3b url(/images/default/main/notice-btn-on.svg)no-repeat center; background-size: 7px; border:solid 1px #be1f3b;}

.ctn03 .inn .right-bx ul.list-bx li a .notice-bx  .tit{font-size:1rem;font-weight:700;color:#333333;    overflow: hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.3rem;height: 1.3rem;text-decoration: underline;text-underline-position: under;text-decoration-color: #fff;display: inline-block;}
.ctn03 .inn .right-bx ul.list-bx li a:hover .notice-bx  .tit { text-decoration-color: #be1f3b;color:#be1f3b;}
.ctn03 .inn .right-bx ul.list-bx li a .notice-bx .date{font-size:0.9rem;color:#999999;}
.ctn03 .inn .right-bx ul.list-bx li:first-child{border-top:2px solid #000000;}
.ctn03 .inn .right-bx ul.list-bx li:not(:last-child){border-bottom:2px solid #efefef;}
.ctn03 .inn .right-bx a.more{position:absolute;right:0;top:0;}

@media (max-width:1500px){
    .ctn03 .inn{width:100%;}

}
@media (max-width:1300px){
    .ctn03 .inn .right-bx ul.list-bx li{padding:0.5rem;}
    .ctn03 .inn .right-bx ul.list-bx li a{display:block;}
    .ctn03 .inn .right-bx ul.list-bx li a .notice-bx{width:100%;padding:0;padding-right:5rem;}
    .ctn03 .inn .right-bx ul.list-bx li a .cate{width:100%;text-align:left;margin-bottom:0.5rem;}
    .ctn03 .inn .right-bx{padding-left:1rem;}

}
@media (max-width:1030px){
    .ctn03 .inn .left-bx{padding:6rem 0;}
    .ctn03 .inn .right-bx ul.tab li a{font-size:1.45rem;}
    .ctn03 .inn .left-bx h3{font-size:1.6rem;}
}
@media (max-width:767px){
    .ctn03 .inn {display:block;}
    .ctn03:after{display:none;}
    .ctn03 .inn .left-bx{width:calc(100% + 2rem);background:url(/images/default/main/ctn03-bg.jpg)no-repeat center center;background-size:cover;margin-left:-1rem;padding:3rem 1rem;}
    .ctn03 .inn .right-bx{width:100%;padding-left:0;padding:2rem 0;}
    .ctn03 .inn .right-bx a.more{top:2rem;width:2rem;height:2rem;}
    .ctn03 .inn .right-bx a.more img{max-width:100%;}
	.ctn03 .inn .right-bx ul.list-bx li a .notice-bx:after{right:0;}
}