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

@media all and (min-width:801px){
	.cm-fill-btn .cm-fill {position: absolute; display: block; width: 0px; height: 0px; transform: translate(-50%, -50%); border-radius: 50%; background-color: var(--sub-color); transition: width 0.5s ease-out, height 0.5s ease-out, background-color 0.4s ease-in-out;}
	
	.cm-fill-btn:hover .cm-fill{
		width: 70vw;
		height: 70vw;
		transition: width 0.5s ease-in 0.1s, height 0.5s ease-in 0.1s;
	}
}
/* ******************  메인 비주얼 ********************** */
@media all and (max-width:1740px){
	.main-visual-news-con {margin-right: 5rem;}
}
@media all and ( max-width: 1280px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainVisual){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{height:auto !important;}
	
	.main-visual-txt-box .main-visual-logo{width:10rem; margin-bottom:3rem;}
	.main-visual-txt-box .main-visual-txt1{font-size:3.8rem;}
	.main-visual-txt-box .main-visual-txt1 br{display: none;}
	.main-visual-txt-inner{margin-bottom:5.5rem; max-width: calc(100% - 30rem);}
	.main-visual-news-con{margin-right:0; max-width:30rem; padding:3rem;}
	.main-visual-news {bottom: 5.5rem;}
}

@media all and (max-width:800px){
	.main-tit-box .main-tit.splitting .char {line-height:1.16;}
	.news-visual-con {max-width: initial; width: 100%; box-sizing: border-box;}
	.news-visual-con .img-box {display:none;}
	.news-visual-con .txt-box {width: 100%; margin-right: 0;}
	.main-visual-news-con {margin-right: 0; width: 100%;}
	.news-visual-con .news-tit {margin: 1rem 0 1.3rem;}
	
}

@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-inner{margin-bottom:26rem; max-width:none;}
	.main-visual-txt-box .main-visual-logo{width:5rem;}
	.main-visual-txt-box .main-visual-txt1{font-size:2.4rem;}
	
	.main-visual-news {bottom: 7rem;}
	.main-visual-news-con{max-width:none; padding:2rem;}
	.visual-news-category{font-size:1.4rem; margin-bottom:2rem;}
	.main-visual-news-appends{margin-bottom:1.5rem;}
	.main-visual-news-con .news-tit{font-size:1.8rem; margin-bottom:1rem; -webkit-line-clamp:1;}
	
	.visual-plus-txt{font-size:1.2rem; bottom:2rem;}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit-box{margin-bottom:3rem;}
	.main-tit-box .main-tit{font-size:4rem;}
	.main-tit-box .main-sub-tit{font-size:2rem;}
	.main-tit-box .main-sub-tit span{display:block;}
}