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

/* ******************  메인 비주얼 ********************** */
@media all and (max-width:1880px){
	.main-page #header.hide .logo {transform:translateX(-8rem);}
}

@media all and (max-width:1660px){
	.main-page #header.hide .logo {transform:translateX(0);}
}
@media all and ( max-width: 1280px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainVisual){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{height:auto !important;}
	.main-page #header.top-fixed #headerInner {padding:0 var(--area-padding);}
}
@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 {flex-direction:column;}
	.main-visual-txt-box .main-visual-txt1{font-size:7rem}
	.main-visual-txt-box .main-visual-txt2 {margin-top:2rem; margin-bottom: 0; align-self:initial; margin-left: 0;}
	.main-visual-item:nth-of-type(2) .main-visual-txt-box .main-visual-txt2 {margin-left: 0;}
	/* 메인 비주얼 :: 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:480px){
	.main-slide-nav-container .main-nav-inner {justify-content:space-between;}
}

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

/* 메인컨텐츠 1 */
@media all and (max-width:1660px){
	.main-solution-left .main-solution-wrap {padding:0 calc(var(--area-padding) * 2); max-width:1400px;}
}

@media all and (max-width:1280px){
	#mainSolutionCon {height: auto; padding:20rem 0;}
	.main-solution-left {top:7rem;}
	/* .main-solution-left .main-solution-wrap {padding:0 var(--area-padding);} */
	.main-solution-right {margin:0 0 0 auto;}
}

@media all and (max-width:800px){
	#mainSolutionCon {padding:10rem 0 0; background-size:300%; background-position:80% 0; max-height:initial;}
	.main-solution-container {flex-wrap:wrap;}
	.main-solution-left {position:static;}
	.main-solution-left .main-solution-wrap {padding: 0 var(--area-padding);}
	.main-solution-left .main-tit-box {width: 100%;}
	.main-solution-right {width: 100%; margin:0 0 0 var(--area-padding);}
	.solution-item-swiper {margin:0; padding-right:7% !important; overflow:visible !important; padding-left:initial !important;}
	.solution-item-slide {margin:4rem 0 5.5rem;}
	.solution-item-slide .solution-item {margin:0;}
	.solution-item-slide .solution-item .inner-box-bottom {opacity:1 !important;}
	.solution-item-slide .swiper-slide-prev a {box-shadow: 7px 11px 40px 0px rgba(0, 0, 0, 0.25);}
}

@media all and (max-width:480px){
	.solution-item-swiper {padding-right:10% !important;}
}

/* 메인컨텐츠 2 */
@media all and (max-width:1660px){
	.main-news-con {padding:6rem calc(var(--area-padding)*2); max-width:1400px;}
}

@media all and (max-width:1460px){
	.main-news-con.area {padding:11.5rem var(--area-padding) 0 !important;}
	/* .main-news-left .area {padding:0;} */
	/* .main-news-left.fixed .area {padding:0 var(--area-padding);}
	.main-news-left.absolute {padding-left:var(--area-padding);} */
}

@media all and (max-width:800px){
	#mainNewsCon {height: auto !important;}
	.main-news-con {flex-wrap:wrap; padding:0 var(--area-padding);}
	.main-news-con.area {padding:0 var(--area-padding) !important;}
	.main-news-left {margin-top:5rem; width: 100%;}
	.main-news-left-inner{padding-top: 0rem;}
	.main-news-right {width: 100%;}
	.news-con-arrow-container {margin-bottom: 4rem; display:none;}
	.sub-tab-list-style .main-news-type {flex-direction:row;}
	.sub-tab-list-style .main-news-type li {margin-top: 0;}
	.sub-tab-list-style .main-news-type li.selected {border-left:1px solid var(--main-color);}
	.sub-tab-list-style .main-news-type li:first-child {margin-right: 1rem;}

	/* 모바일에서의 슬라이드 */
	.m-news-con-arrow-container {display: block;}
	.main-news-container , .main-notice-container {display:block;}
	.main-news-slideCon.pc-ver {display:none;}
	.main-notice-slideCon.pc-ver {display:none;}
	.main-news-list {flex-direction:row; width: 100%;}
	.main-news-list:first-of-type {margin-top: 3rem;}
	.main-news-list .news-label {margin-bottom:2rem;}
	.main-news-list .main-news-item {margin-bottom: 0;}
	.main-news-list .main-news-item > a {/* min-height:auto; */ box-shadow:none; min-height:66.8rem;}
	.main-news-list .main-news-item .news-top {padding:3rem;}
	.main-news-list .main-news-item .news-bottom {height: auto;}
	.main-news-list .date {padding:2.5rem 3rem; width: calc(100% - 70px); line-height:1.1; display:flex; align-items:center;}
	.main-news-list .main-news-item .news-link {width: 70px; height: 70px;}
	.main-news-list .center .front .news-title {margin-bottom: 0;}
	.main-news-list .center .front .img-box .img-center {width: 100%; height: 100%;}
	
	/* 이미지 없는 경우의 공지사항 */
	.main-news-list .main-news-item.no-img:hover .news-label {margin-bottom: 2rem;}
	.main-news-list .main-news-item.no-img .news-title {margin-top: 0;}
	.main-news-list .main-news-item.no-img .news-txt {margin-top: 2rem;}
}

@media all and (max-width:480px){
	.main-news-list .main-news-item > a {min-height:52rem;}
}

/* 메인컨텐츠 3 */
@media all and (max-width:1660px){
	.main-partner-con .main-tit-box {padding:0 calc(var(--area-padding)*2);}
}

@media all and (max-width:800px){
	#mainPartnershipCon {padding:10rem 0;}
	.main-partner-con .main-tit-box {padding:0 var(--area-padding);}
}
/* 메인컨텐츠 4 */
@media all and (max-width:1660px){
	.main-inquiry-con {padding:0 calc(var(--area-padding)*2); max-width:1400px;}
}
@media all and (max-width:800px){
	.main-inquiry-con {flex-wrap:wrap; padding:0 var(--area-padding);}
	.main-inquiry-con .main-tit-box {width: 100%; padding-right:0;}
	.main-inquiry-wrapper {width: 100%;}
}

@media all and (max-width:480px){
	.main-inquiry-list {flex-wrap:wrap;}
	.main-inquiry-list .main-inquiry-item {width: 100%; margin-right: 0; height: auto; margin-top: 1rem; border:1px solid rgba(255,255,255,0.3); padding-top:0;}
	.main-inquiry-list .main-inquiry-item a {flex-direction:row; align-items:center; position:static;}
}