@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2025-11-24
******************************************************** */

/* ******************  메인 레이아웃(Fullpage) ********************** */
@media all and ( max-width: 1279px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainVisual){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{height:auto !important;}
}


/* ******************  메인 비주얼 ********************** */
@media all and (max-width:1560px){
	.main-scroll-icon{left: auto; margin-left: 0; right: var(--area-padding);}
}
@media all and ( max-width: 800px ){
	.main-visual-txt-box{padding-top: calc(var(--header-height) + 8rem) !important; padding-bottom: 0 !important; flex-direction: column; justify-content: flex-start; height:100%;}
	.main-visual-txt-inner{width: 100%;}
	.main-visual-txt-box .main-visual-txt1{font-size:1.6rem;}
	.main-visual-txt-box .main-visual-txt2{margin-top: 1.5rem; font-size:3.8rem; line-height: 1.26;}

	.main-visual-search-inner{margin-top: 4rem; max-width: none; width: 100%; display: flex; flex-direction: column-reverse;}
	.main-visual-search-inner .main-search-box {margin-top: 2.5rem; height: 6rem; border: 0.6rem solid #e4b894;}
	.main-visual-search-inner .main-search-form {padding: 0 2.5rem;}
	.main-visual-search-inner .main-search-word {padding-right: 4rem;	text-indent: 0; font-size: 1.6rem;}
	.main-visual-search-inner .main-search-btn {right: 1rem; top: -0.6rem; width: 5rem; height: 6rem;}
	.main-visual-search-inner .main-search-btn i {font-size: 2rem;}

	.main-visual-search-inner .search-keywords-box{margin-top: 4.5rem; justify-content: flex-start;}
	.main-visual-search-inner .search-keywords-box .tit{margin-bottom: 1rem; margin-right: 0; font-size: 1.8rem; line-height: 1.3; width: 100%;}
	.main-visual-search-inner .search-keywords-box button{margin-right: 0.8rem; margin-bottom: 0.8rem; padding: 0 1.5rem; font-size: 1.3rem; line-height: 3rem; letter-spacing: -0.025em; font-weight: 500; color: #fff; border: 1px solid rgba(255,255,255,0.7); border-radius: 1.6rem;}
	.main-visual-search-inner .search-keywords-box button:last-child{margin-right: 0;}
	.main-visual-search-inner .search-keywords-box button.selected{background-color: var(--main-color); border-color: var(--main-color);}

	/* 메인 비주얼 :: 화살표 */
	.main-visual-controls{bottom: 2%;}
	.main-visual-controls .arrow-prev,
	.main-visual-controls .arrow-next{width: 8.6rem; height: 8.6rem; font-size: 2.5rem;}
	.main-visual-controls .arrow-next{margin-left: 1rem;}


	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display: none;}

	.index-active .main-visual-controls,
	.index-active .main-scroll-icon {bottom: 8.74%;}
}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 1279px ){
	.main-tit-box .main-tit{font-size: 6.5rem;}
}
@media all and ( max-width: 800px ){
	.main-tit-box .main-tit{font-size: 4rem; line-height: 1.1;}
	.main-tit-box .main-sub-tit{margin-top:1rem; font-size:1.6rem; line-height: 1.57;}
	.cm-button-style{margin-top: 2rem; padding: 0 2rem; height:4rem; line-height:4rem; font-size:1.4rem;}
	.cm-button-style i{margin-left:1rem; margin-top: -0.2rem; font-size: 1.8rem;}
	.cm-button-style:hover span{left:1.5rem;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠1(퀵메뉴) -------- */
@media all and (max-width:1560px){
	.main-data-con{margin-left: 0; left: calc(var(--area-padding) + 41.5rem);}
}
@media all and (max-width:1279px){
	#fullpage #mainDataCon:not(#mainVisual){height: 750px !important;}
}
@media all and (max-width:800px){
	#fullpage #mainDataCon:not(#mainVisual){padding-top: 8rem !important; padding-bottom: 5rem !important; height: auto !important;}

	#mainDataCon .area{}
	#mainDataCon .main-tit-box{width: 100%;}

	/* 메인 갤러리 :: Swiper Controls */
	.main-data-controls {margin-top: 5rem; display:flex; align-items:center;}
	.main-data-controls .arrow-prev,
	.main-data-controls .arrow-next{width: 8.6rem; height: 8.6rem; font-size: 2.5rem; color: #fff; border: 2px solid rgba(255,255,255,0.92); border-radius: 100%; box-sizing: border-box;}
	.main-data-controls .arrow-next{margin-left: 1rem;}
	.main-data-controls .arrow-prev i,
	.main-data-controls .arrow-next i{transition:var(--transition-custom); transition-property: transform;}
	.main-data-controls .arrow-prev{border-color: rgba(255,255,255,0.6);}
	.main-data-controls .arrow-prev i{transform: rotate(180deg);}
	.main-data-controls .arrow-prev:hover i{transform: translateX(-5px) rotate(180deg);}
	.main-data-controls .arrow-next:hover i{transform: translateX(5px);}

	.main-data-con{margin-top: 3rem; position: relative; top: 0; left: var(--area-padding); transform: none; width: calc(100% - var(--area-padding));}
	.main-data-container{padding: 3rem 0 !important;}
	.main-data-item{width: 33.33%;}
	.swiper-slide-active.main-data-item a{box-shadow: 1.6rem 1.6rem 1.8rem -0.8rem rgba(0,0,0,0.44);}
	.main-data-txt{padding: 3.5rem 2.5rem 6.5rem;}
	.main-data-txt .category{top: -2.4rem; right: 1.5rem; font-size: 1.55rem; width: 4.8rem; height: 4.8rem;}
	.main-data-txt .tit{font-size: 2rem; line-height: 1.3;}
	.main-data-txt .txt{margin-top: 2rem; font-size: 1.6rem; line-height: 1.3;}
}