@charset "UTF-8";

@import url(guide.css);
@import url(table.css);

html{
     scrollbar-gutter: stable;
}

body{font-family: 'Pretendard', sans-serif;font-weight: 400;font-size: 18px;line-height: 140%;color: #545454;}
.aos{overflow-x: hidden;}
.over-hidden {overflow:hidden;}
.font-ivyora {font-family: 'Playfair Display', serif;}
.font-roboto {font-family:'Roboto', sans-serif;}
.pc-hide {display:none;!important}

.header-wrap {position: absolute;top: 0;left: 0;width: 100%;z-index: 999;transition: all .3s;}
.header-wrap.fixed{position:fixed;}
//.header-wrap.fixed:not(.revert) {background:#fff;}

.header-wrap .header-box {padding: 34px 40px;}

.main-content-wrap01{background: url(../img/main/bg-section01.jpg) no-repeat center bottom / contain;position:relative;}
.main-content-box01{max-width: 1560px;margin: auto;min-height: 100vh;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;position: relative;}
.main-content-box01:before,
.main-content-box01:after{content:"";position:absolute;top:0;width:1px;height:100%;background:rgba(17, 17, 17, 0.08);}
.main-content-box01:before{left: 32%;}
.main-content-box01:after{right: 32%;}

.main-content-wrap02{background: url(../img/main/sec02-bg.jpg) center;position: relative;}
.main-content-wrap02:after{content: '';background: url(../img/main/sec02-logo.png) no-repeat center;width: 778px;height: 655px;position: absolute;right: 0;bottom: 0;}
.main-content-box02{min-height: 100vh;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;position: relative;padding-right:100px;}
.main-content-box02:after {content:"";width:100px;height:100%;background: rgba(0, 0, 0, 0.15);position: absolute;right: 0;top: 0;}

.main-content-wrap04 {position:relative;overflow:hidden;}
.main-content-wrap04:before {content: "";width: 1px;height: 100vh;background: rgba(17, 17, 17, 0.1);position: absolute;top: 0;left: calc(100% - 858px);top: 50%;transform: translateY(-50%);}
.main-content-box04 {height: 100vh;display: flex;flex-direction: column;justify-content: center;}
.main-content-wrap05 {background:url(../img/main/sec05-bg.jpg) no-repeat center/cover;}
.main-content-box05 {max-width:1560px;margin: 0 auto;position:relative;height: 100vh;display: flex;flex-direction: column;justify-content: center;}

.main-content-wrap06 {position:relative;}
.main-content-wrap01:before,
.main-content-wrap01:after,
.main-content-wrap06:before,
.main-content-wrap06:after {content:"";position:absolute;top:0;width:1px;height:100%;background:rgba(17, 17, 17, 0.08);z-index: -1;}
.main-content-wrap01:before ,
.main-content-wrap06:before {left:100px;}
.main-content-wrap01:after,
.main-content-wrap06:after{right:100px;}
.main-content-box06 {max-width:1721px;margin: 0 auto;position:relative;height: 100vh;display: flex;flex-direction: column;justify-content: center;}
.main-content-box06:before,
.main-content-box06:after {content:"";position:absolute;top:0;width:1px;height:100%;background:rgba(17, 17, 17, 0.08);z-index: -1;}
.main-content-box06:before{left: 33%;}
.main-content-box06:after{right: 33%;}





.main-content-wrap07 {background: url(../img/common/f-bg-info.jpg) no-repeat center right/cover;}
.main-content-box07 {padding: 0 180px;}
.top-footer-box{position:relative;width:100%;overflow:hidden;}
.top-footer-box.active{background:#102534 url(../img/common/bg-top-footer.jpg) no-repeat top center/cover;}
.top-footer-box.active:before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:#c30e2e;}
.bottom-footer-wrap {background:#000000;}
.bottom-footer-box {padding:0 90px;}

.main-title {display:flex;flex-direction:column;gap:10px;margin-bottom:50px;}
.main-title p {font-weight: 500;font-size: 18px;line-height: 150%;color:#111;}
.main-title h3 {font-weight: 500;font-size: 45px;line-height: 140%;letter-spacing: -0.03em;color:#111;}
.content-wrap {max-width: 1440px;padding: 50px 20px 180px;width: 100%;margin: 0 auto;box-sizing: border-box;}
.content-wrap .title-box {margin: 0 0 80px;}

@media (max-width: 1660px) {
	.bottom-footer-box {padding:0 40px;}

	.main-content-box02 {padding-right:70px;}
	.main-content-box02:after {width:70px;}
	.main-content-wrap04:before {left: calc(100% - 620px);}
	.main-content-box05 {padding: 0 40px;}
	.main-content-box06 {padding: 0 32px;}
	.main-content-box07 {padding: 0 40px;}
}
@media (max-width: 1024px) {
	.mobile-hide {display:none !important;} 
	.pc-hide {display:block !important;}
	.header-wrap .header-box {padding: 19px 16px;}
	.bottom-footer-box {padding:0 16px;}
	
	.main-content-box01{padding: 0 16px;}
	.main-content-box02{min-height: auto;padding-right:0;}
	.main-content-box02:after {content:none;}
	.main-content-box04,
	.main-content-box05,
	.main-content-box06 {height:unset;}
	.main-content-box07 {padding: 0 25px;}

	.main-title {margin-bottom:30px;}
	.main-title p {font-size:15px;}
	.main-title h3 {font-size:28px;}

	.main-content-wrap04:before {content:none;}
	.main-content-box01:before,
	.main-content-box06:before,
	.main-content-box01:after,
	.main-content-box06:after{opacity: 0;}

	.main-content-wrap01:before ,
	.main-content-wrap06:before {left:32px;}
	.main-content-wrap01:after,
	.main-content-wrap06:after{right:32px;}


	.content-wrap {padding: 30px 20px 80px;}
	.content-wrap .title-box {margin: 0 0 40px;}
}
@media screen and (max-width: 768px) {
	.main-content-wrap05 {background:url(../img/main/sec05-bg-sp.jpg) no-repeat center/cover;}
	.main-content-box05 {padding: 0 16px;}
	.main-content-wrap07 {background-image:url(../img/common/f-bg-info-sp.jpg);}
}

/* ===== 메인 팝업 캐러셀 (팝업 객체 cssText -> 사이트 공통 이관 2026-07-15) =====
   `.layer-popup-wrap .btn-box{display:none}` 은 이관 제외 -- page.jsp 오버라이드가 코어 btn-box 자체를 안 그린다. */
.main-popup-overlay{display: flex;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);backdrop-filter: blur(20px);z-index: 9999;align-items: center;justify-content: center;}
.main-popup-overlay.open{display: flex;}
.main-popup-wrap{width: 100%;max-height: 100vh;overflow-y: auto;padding: 40px 120px;}
.main-popup-wrap h3 {font-weight: 400;font-size: 70.96px;line-height: 100%;letter-spacing: 0.02em;text-align: center;text-transform: uppercase;color:#fff;margin-bottom:60px;}
.main-popup-title{font-family: 'ivyora-display', serif;font-size: 55px;font-weight: 500;color: #fff;text-align: center;line-height: 1.3;}
.main-popup-con.swiper{max-width: 1140px;width: 100%;margin: 30px auto 50px;}
.main-popup-con.slide-count-1{max-width: 300px;}
.main-popup-con.slide-count-2{max-width: 600px;}
.main-popup-images.swiper-wrapper{display: flex;align-items: stretch;}
.main-popup-img{max-width: 360px;border-radius: 10px;overflow: hidden;background: #333;aspect-ratio: 360 / 440;}
.main-popup-img img{width: 100%;height: 100%;object-fit: cover;}
.main-popup-buttons{display: flex;gap: 20px;justify-content: center;}
.main-popup-btn{display: flex;align-items: center;gap: 8px;padding: 10px 40px 10px 20px;border-radius: 500px;font-family: 'Pretendard', sans-serif;font-size: 16px;font-weight: 600;cursor: pointer;border: none;background-image: url(../img/main/close-w@2x.png);background-repeat: no-repeat;background-position: right 20px center;background-size: 14px;}
.main-popup-btn--close{background-color: #C10230;color: #fff;}
.main-popup-btn--today{background-color: transparent;border: 1px solid #fff;color: #fff;}
.main-pop-s-btn-box{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 1402px;width: 100%;display: flex;justify-content: space-between;padding: 0 20px;}
.main-pop-swiper-button-prev, .main-pop-swiper-button-next{width: 64px;height: 64px;cursor:pointer;}
.main-pop-swiper-button-prev{background: url(../img/common/pop-prev.png) no-repeat center / cover;}
.main-pop-swiper-button-next{background: url(../img/common/pop-next.png) no-repeat center / cover;}
.main-pop-swiper-pagination{width: 100%;bottom: initial !important;top: initial !important;left: initial !important;display: flex;align-items: center;justify-content: center;gap: 10px;margin-top: 31px;}
.main-pop-swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 500px;background: #fff;opacity: 1 !important;margin: 0 !important;}
.main-pop-swiper-pagination .swiper-pagination-bullet-active{width: 22px;height: 12px;border-radius: 500px;background: var(--brand-red, #C10230);}
@media(max-width:1024.98px){
	.main-popup-title{font-size: 38px;}
	.main-popup-img{max-width: 100%;}
	.main-popup-wrap{padding: 40px 210px;}
}
@media(max-width:768px){
	.main-pop-swiper-button-prev, .main-pop-swiper-button-next{width: 34px;height: 34px;}
	.main-popup-wrap{padding: 40px 80px;}
	.main-popup-title{font-size: 26px;}
	.main-popup-btn{font-size: 13px;background-size: 10px;}
	.main-pop-s-btn-box {width:calc(100% - 16px);}
}
@media(max-width:450px){
	.main-popup-con.swiper{margin: 30px auto;}
	.main-popup-wrap{padding: 40px;}
	.main-pop-swiper-button-prev, .main-pop-swiper-button-next{width: 24px;height: 24px;}
	.main-pop-s-btn-box{padding: 0 5px;}
	.main-popup-btn{padding: 10px 31px 7px 13px;background-position: right 12px center;}
}

/* 관리자 컨텐츠 배치 미리보기 전용 가드 - 미리보기는 가이드박스를 강제 축소하므로 655px 장식 가상요소가 위 영역을 덮어 선택을 가로챈다. 라이브 body엔 .layout-preview 미매칭이라 무영향 */
.layout-preview .main-content-wrap02:after{display: none;}


/*custom board*/
.ipsi-site .board.co-board .bn-search .b-sel-box {margin-right: 10px;}
.ipsi-site .board.co-board .bn-search .b-sel-box:nth-of-type(2){margin-right: 0;}

@media (max-width: 768px) {
	.ipsi-site .board.co-board .bn-search .b-sel-box {margin-right: 0;}
}