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

/* ******************  메인 인트로 ********************** */
@media all and ( min-width: 1921px ) , (min-height:960px){
	.main-intro-top-cover .punch-svg {min-height: 1600px;}
}
@media all and ( min-width: 1920px ) and (min-height:960px){
	.main-intro-top-cover .punch-svg  {transform: scale(1.5) , translate(-50%, -50%);}
}
@media all and (max-width:1366px){
	.main-intro-top-cover .pc-svg {width:auto; min-width:auto; min-height:110vh;}
}
@media all and (max-width:800px){
	.main-intro-top-cover, #mainIntroCover{height: 100vh; max-height: none; min-height: auto;}
	.main-intro-top-cover .punch-svg.pc-svg{display: none !important;}
	.main-intro-top-cover .punch-svg.m-svg{display: block; min-width:100vw; min-height:1582px; /* min-width:120vw; min-height:200vw; */}
	.main-intro-top-cover .punch-svg .symbol-group  {-webkit-transform-origin: 50% 45%; transform-origin: 50% 45%;}
}
@media all and (max-width:480px){
	.main-intro-top-cover .punch-svg.m-svg{min-width:120vw;}
}
@media all and (max-width:359px){
	#mainIntroCover {display:none;}
}
/* ******************  메인 비주얼 ********************** */
@media all and (min-width:801px){
	.active #mainVisual{height: calc(80vh - var(--header-height));}
}
@media all and (max-width:1700px){
	#mainVisual .main-visual-arrow{top:85%;}
	#mainVisual .slick-arrow.slick-prev{left:0;}
	#mainVisual .slick-arrow.slick-next{right:auto; left:0; margin-left:10rem;}
}
@media all and (max-width:1540px){
	#mainVisual .main-visual-arrow{width:calc(100% - (var(--area-padding) * 2));}
	#mainVisual .slick-arrow.slick-prev,
	#mainVisual .slick-arrow.slick-next{left:var(--area-padding);}
}
@media all and ( max-width: 1280px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainVisual){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{height:auto !important;}
	/* 메인 비주얼 :: 화살표 */
	.main-visual-arrow{display:none !important;}
}
@media all and ( max-width: 800px ){
	#mainVisual{height:calc(100vh - var(--header-height));}

	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-box .main-visual-txt2{font-size:4rem}
	.main-visual-con .slick-dots-wrapper{margin-top:20rem;}
	/* 모바일 텍스트 */
	/* .main-visual-txt-box .main-visual-txt2.pc-txt,
	.main-visual-txt-box .main-visual-txt3.pc-txt{display: none;}
	.main-visual-txt-box .main-visual-txt2.m-txt,
	.main-visual-txt-box .main-visual-txt3.m-txt{display: block;} */

	/* 메인 비주얼 :: 버튼 */
	.cm-button-style06{width:17rem;}
}
@media all and ( max-width: 480px ){
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 컨텐츠1(뉴스) -------- */
@media all and (max-width:800px){
	.main-news-tit-box a {justify-content: space-between;}
}
/* -------- 메인 컨텐츠 :: 컨텐츠2(뉴스) -------- */
@media all and (max-width:1280px){
	.main-notice-con a .img-box{width:31.05rem;}
	.main-notice-con a .txt-box{width:calc(100% - 31.05rem); padding:0 3.5rem;}
	.main-notice-con a .txt-box .tit{font-size:2.3rem}
}
@media all and (max-width:800px){
	.main-con-wrap{flex-wrap:wrap;}
	#mainContent2 .main-con-wrap:first-of-type {margin-bottom: 3rem;}
	/* 활동소식 */
	.main-notice-item{width:100%; /* margin-bottom:12rem; */ }
	.main-notice-con a{display: block;}
	.main-notice-con a .img-box{width:100%;}
	.main-notice-con a .img-box img{width:100%;}
	.main-notice-con a .txt-box{width:100%; padding:3.5rem 3rem 6rem;}
	.main-notice-con a .txt-box .tit{height:7rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.main-notice-slide {padding-bottom:0;}
	/* 소개영상 */
	.main-intro-item{width:100%;}
	/* 공지사항 */
	.main-board-wrap{width:100%; margin-bottom:4rem;}
	/* 소상공인채널 */
	.main-channel-item{width:100%;}
}
/* -------- 메인 컨텐츠 :: 컨텐츠3(공지사항 / 언론 / 원고 / 연구소) -------- */


/* -------- 메인 컨텐츠 :: 컨텐츠4(구독신청) -------- */
@media all and (max-width:800px){
	.main-newsletter-con {padding: 4rem 5rem; height: 45rem;}
	.main-newsletter-con h4 {font-size: 2.6rem;}
	.main-newsletter-con h4 br {display: block;}
	.main-newsletter-con .newsletter-form-wrapper {flex-wrap: wrap; padding-top: 4rem;}
	.newsletter-form-wrapper .form-list-input {width: 100%;}
	.newsletter-form-wrapper .form-list-input li .newsletter-input {font-size: 1.5rem;}

	.newsletter-form-wrapper .agree-con {width: 100%; text-align: center; padding-top: 3rem;}
	.newsletter-form-wrapper .agree-check-box label {font-size: 1.5rem;}
}
@media all and (max-width:640px){ 
	.main-newsletter-con {height: 49rem;}
}