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

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1280px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainVisual){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{height:auto !important;}
}
@media all and ( max-width: 800px ){
	#mainVisual{height:100vh}
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-inner.top-box{margin-top: calc(var(--header-height) + var(--header-top) + 5rem);}
	.main-visual-txt-box .main-visual-txt1{font-size:2.5rem}
	.main-visual-txt-box .main-visual-txt2{font-size:9.2rem}
	.main-visual-txt-box .main-visual-txt2 svg{width:auto; height:6.5rem; margin-right:1.5rem;}
	.main-visual-txt-inner.bottom-box{margin-bottom:5rem;}
	.main-visual-txt-box .main-visual-txt3{font-size:2rem; letter-spacing:0.5em !important; line-height:2;}
	/* 메인 비주얼 :: Dots */
	.main-visual-con .slick-dots-wrapper{text-align:center; bottom:10px;}
	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow{display:none !important;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
@media all and (max-width:800px){
	.main-tit-box{}
	.main-tit-box .main-txt{font-size:4rem;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠1() -------- */
@media all and (max-width:800px){
	#mainContent1{padding-top:11rem;}
	.main-post-slide{margin:5rem -1rem 0;}
	.main-post-slide .slide-item .txt-box{margin-top:0;}
	.main-post-slide .slide-item .txt-box .tit{font-size:3rem;}

	.main-post-slide .slick-arrow{display: none !important;}

	.count-doughnut-list{margin: 4rem -1rem 0; flex-wrap:wrap;}
	.count-doughnut-list .list-item{width: calc(50% - 2rem); margin:1rem; text-align: center;}
	.count-doughnut-list .list-item .num-box{height:13rem;}
	.count-doughnut-list .list-item .num-box .num{font-size:4.2rem;}
	.count-doughnut-list .list-item .txt{font-size:1.5rem;}

	.ad-doughnut-list{flex-wrap:wrap; margin:0;}
	.ad-doughnut-list .list-item{margin:0; width:100%;}
	.ad-doughnut-list .list-item .circle-box{text-align:center; transform:scale(0.7);}
	.ad-doughnut-list .list-item .txt{margin-top:-2rem;}

	.main-slide-progress-m{display: flex;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠2 -------- */
@media all and (max-width:800px){
	#mainContent2{position: relative; padding:14rem 0 10rem; z-index:9;}

	.core-scroll-icon{display: none;}

	.main-core-wrap{display: block; }
	.main-core-wrap .main-core-left{width:100%;}
	.main-core-left .main-tit-box{padding-top:0;}

	.main-core-wrap .main-core-right{width:100%;}
	.main-core-right .main-core-list{display: block; margin:0 -1rem; max-height:50rem;}
	.main-core-right .main-core-list .list-item{width:calc(100% - 4rem); margin-bottom:0; transform:none !important; margin:0 1rem;}

	.main-core-right .main-core-list.animated .list-item .inner-item{opacity:1; transform:translateY(0);}

	.main-core-right .main-core-list .slick-list{overflow:visible;}

	.main-flow-wrap{padding-top:5rem;}
	.main-flow-wrap:before{background: linear-gradient(to right, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0) 30%, rgba(240, 240, 240, 0) 100%);}
}


/* -------- 메인 컨텐츠 :: 컨텐츠3 -------- */
@media all and (max-width:800px){
	#mainContent3{margin-bottom:10rem;}
	.main-inquiry-con{background-position:right -250px center; overflow:hidden;}
	.main-inquiry-con:before{position: absolute; content:''; width:100%; height:100%; background:rgba(0,0,0,0.6); top:0; left:0;}
	.main-inquiry-con:after{background: linear-gradient(to right, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 100%);}
	.main-inquiry-con .inquiry-item{position: relative; padding:6rem calc(4rem - var(--area-padding)); flex-direction:column;}
	
	.main-inquiry-con .inquiry-item .left-box{width:100%; transform:none;}
	.main-inquiry-con .inquiry-item .left-box .inquiry-btn{position: absolute; margin-top:0; bottom:6rem;}

	.main-inquiry-con .inquiry-item .right-box{width:100%; margin-top:1rem; margin-bottom:10rem;}
	.main-inquiry-con .inquiry-item .right-box .txt{font-size:3rem;}
}