@charset "utf-8";

/* ******************  메인 비주얼 ********************** */
@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-txt2 {font-size: 5.4rem;}
}
@media all and ( max-width: 800px ){
	#mainVisual{height:400px !important}
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-box {align-items: start;}
	.main-visual-txt-inner {width: 100%; padding-top: var(--header-height);}
	.main-visual-txt-box .main-visual-txt2 {font-size: 4rem; padding-top: 2rem;}
	
	.background-video iframe{ height: calc(45vw + 100px); min-height: calc(45vw + 100px); min-width: 130vh;}

	/* 메인 비주얼 :: 컨트롤박스 */
	.main-visual-control-box {bottom: 4rem;}

	.main-scroll-icon {display: none;}
}
@media all and ( max-width: 640px ){
	#mainVisual{height:400px !important}
	.background-video iframe{ height: calc(40vw + 100px); min-height: calc(40vh + 100px); min-width: 100vh;}
}

@media all and ( max-width: 480px ){
	#mainVisual{height:300px !important}
	.main-visual-txt-box .main-visual-txt2 { font-size: 3.4rem;}
	.main-visual-txt-box .main-visual-txt3 {display: none;}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit-box .main-tit{font-size:5.5rem}
	.main-tit-box .main-sub-tit{display:none}
	/* 메인 퀵메뉴 */
	.footer-quick-menu {right: var(--area-padding);}
	.footer-quick-menu a:nth-child(3) {display: none;}
	.footer-quick-menu a:nth-child(2) {display: block; width:4rem; height:4rem;}
	.footer-quick-menu a {width:4rem; height:4rem; line-height: 4rem; border-radius:4rem;}
	.footer-quick-menu a i {font-size: 1.6rem; width: 4rem;}
	.footer-quick-menu a .txt {left: 4rem;}
	.active.footer-quick-menu {bottom: 4rem;}
	.footer-quick-menu.bottom-fixed {bottom: 8rem;}
	.footer-quick-menu a:hover {width: 14rem;}
	@keyframes footerQuick {
		0% {
			width:4rem;
		}
		25% {
			width:14rem;
		}
		75% {
			width:14rem;
		}
		100%{
			width:4rem;
		}
	}
}
@media all and ( max-width: 640px ){
	.main-tit-box .main-tit{font-size:4.3rem}
}
@media all and ( max-width: 480px ){
.main-tit-box .main-tit{font-size:4.0rem}
}
/* -------- 메인 컨텐츠 :: 컨텐츠1 -------- */
@media all and ( max-width: 1280px ){
	#mainCompany{padding:7rem 0;}
}
@media all and ( max-width: 1024px ){		
	#mainCompany{padding:9rem 0;}
	#mainCompany:after{display:none}
	#mainCompany:before{position:absolute; content:""; bottom:0; left:0; width:100%; height:30%; background-color:#ebf0f3; }
	.main-cp-wrap,.main-cp-wrap > div{display:block; }
	.main-cp-wrap .main-cp-txt .cp-link-list{max-width:none; margin:2rem -2% 5rem}
	.main-cp-wrap .main-cp-txt .cp-link-list li{width:46%; margin:0 2%}
	.main-cp-wrap .main-cp-txt .cp-link-list li a i{right:0}
	.main-cp-wrap .main-cp-img{width:100%}
	.main-cp-wrap .main-cp-img span{padding-top:50%;}
}
@media all and ( max-width: 800px ){	
	.main-cp-wrap .main-cp-txt .cp-link-list{margin-top:0}
}
@media all and ( max-width: 480px ){	
	.main-cp-wrap .main-cp-txt .cp-link-list{margin:0 0 5rem}
	.main-cp-wrap .main-cp-txt .cp-link-list li{width:100%; margin:0}
	.main-cp-wrap .main-cp-txt .cp-link-list li a{font-size:1.6rem; }
}


/* -------- 메인 컨텐츠 :: 컨텐츠2( -------- */
@media all and ( max-width: 1280px ){
	#fullpage #mainContent1 .fp-tableCell{height:600px!important}
	.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb{top:15%; }
	.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .txt br{display: none;}
	.main-bs-con .main-bs-wrap .main-bs-item.active .bs-thumb .default-txt{padding:100px 0 70px}
	.main-bs-con .main-bs-wrap .main-bs-item.active .bs-thumb .txt{padding-top:0}
}
@media all and ( max-width: 1220px ){	
	/* 타이틀 */
	.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb{padding:0 10%}
	.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .txt br{display:none}
}
@media all and ( max-width: 1024px ){	
	/* 슬라이드 */
	.main-bs-control .main-bs-arrow{display:inline-block; position:absolute; bottom:0; backface-visibility:hidden;}
	.main-bs-control .main-bs-arrow.main-bs-prev{transform:rotate(-180deg); -webkit-transform: rotate(-180deg); left:15px}
	.main-bs-control .main-bs-arrow.main-bs-next{right:15px}
	.main-bs-control .main-bs-arrow.slick-disabled{opacity:0.5; cursor:default}
	#fullpage #mainContent1 .fp-tableCell{height:500px!important}
}
@media all and ( max-width: 800px ){	
	#mainContent1{background-color:#fff; }
	#fullpage #mainContent1 .fp-tableCell{height:400px!important}
	.main-bs-con .main-bs-bg{display:none}
	.main-bs-con .main-bs-slide-wrap{position:relative; height:100%; z-index:1}
	.main-bs-con .main-bs-wrap{position:absolute; top:0; left:0;}
	.main-bs-con .main-bs-wrap .main-bs-slide{position:relative; }
	.main-bs-con .main-bs-wrap .main-bs-item{border-right:0; transition:none; }	
	.main-bs-con .main-bs-wrap .main-bs-item .mb-img{position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; background-size:cover !important; }
	/* 타이틀 */
	.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb{padding:0 15px; top:15%}	
	.main-bs-con .main-bs-wrap .main-bs-item.active .bs-thumb .default-txt{padding:0 0 70px}
	.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .bs-on-icon{display:none}
	.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .view-detail{position:relative; margin-top:30px}
	.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .txt{padding-top:0; font-size:15px}
	.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .txt:before{display:none}
	/* 슬라이드 */
	.main-bs-control .main-bs-conuter{display:block !important;}
	.main-bs-control .main-bs-conuter span{font-weight:600; color:#fff; display:inline-block; vertical-align:middle; margin:0 8px; font-size:15px}
	.main-bs-control .main-bs-conuter em{display:inline-block; vertical-align:middle; width:3px; height:3px; background-color:#fff; border-radius:50%}
}
@media all and ( max-width: 480px ){	
	/* 타이틀 */
	.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .tit-kr{font-size:14px}
	.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .tit-en{font-size:28px}
	.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .txt{display:none}
	/* 슬라이드 */
	.main-bs-control .main-bs-arrow img{height:15px}
}


@media all and ( max-width: 800px ){	
	.main-story-con .main-story-list li a .thumb span{opacity:0; transition:opacity 0.2s 0.2s}
	#mainContent2.active .main-story-con .main-story-list li a .thumb span{opacity:1; transition:opacity 0.2s 0s}
}

@media all and (min-height: 561px) and (max-width: 800px){	
	#mainContent1,
	#mainContent1.active01{background:url("../images/main/main_bs_bg01.jpg") no-repeat 36% 50%; background-size:cover !important;}
	#mainContent1.active02{background:url("../images/main/main_bs_bg02.jpg") no-repeat 55% 50%;}
	#mainContent1.active03{background:url("../images/main/main_bs_bg03.jpg") no-repeat 18% 50%;}
	#mainContent1.active04{background:url("../images/main/main_bs_bg04.jpg") no-repeat 73% 50%;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠3-------- */
@media all and (max-width:1280px){
	.con-tit {font-size:5rem;}
	.con-sub-tit {font-size:2.8rem; }
	#mainContent3 .inner-con .inner-box {padding-left:0; padding-top:0;}
	#mainContent3 .inner-con { padding: 7rem 5rem;}
}

@media all and (max-width:800px){
	#mainContent3 .inner-con { padding: 7rem 4rem;}
	.con-tit {font-size:3.8rem;}
	.con-sub-tit {font-size:2.2rem; }	
	#mainContent3 .main-bg {background-image: url(../images/main/information_m_bg.jpg); }
	#mainContent3 .con-tit {margin-bottom: 1rem;}
	#mainContent3 .tit-box {margin-top: 0; margin-bottom: 3rem; width: 100%;}	
	#mainContent3 .info-list { width: 100%; }
	#mainContent3 .info-list .item-inner {align-items:baseline; flex-direction:column-reverse; padding:2.5rem;}
	#mainContent3 .info-list .icon-box {width:5rem; height:5rem; padding:0; margin-bottom: 2rem;}
	#mainContent3 .inner-con .inner-box {width: 100%; padding-top:0;}
	#mainContent3 .info-list .list-item:first-child {margin-bottom:0;}
	#mainContent3 .info-list .list-item .txt02 br {display: none;}
	#mainContent3 .info-list .list-item .txt01 { font-size:2.0rem;}
	#mainContent3 .info-list .list-item .txt02 {font-size:1.6rem;}
}
@media all and (max-width:480px){
	#mainContent3 .inner-con { padding: 5rem 3rem;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠4 -------- */
@media all and (max-width:1466px){
	.main-notice-con{width: 48%;}
}
@media all and ( max-height: 1280px ){
	#mainContent4{padding:9rem 0;}
}

@media all and (max-width:1024px){
	#mainContent4{padding:8rem 0;}
	#mainContent4 .main-notice-wrapper{position:static; height:auto; }
	#mainContent4 .main-notice-wrapper .area-box{height:auto;}
	.main-notice-con{width: 100%;}
	.main-notice-con.notify{margin-top: 60px;}
	.main-notice-list{ }
	.main-notice-list .list-item .tit{-webkit-line-clamp: 1; font-size:1.6rem}
	/* Footer */
	.index-wrapper #footer{position:static;}
	.main-notice-con.notify{margin-top: 40px;}
	.main-notice-con:before{top: -14px; left: 35px; width: 12px; height: 28px;}
	.main-notice-con .inner{padding: 30px;}

	.main-notice-tit{position: relative; padding-right: 110px;}
	.main-notice-tit .tit{font-size: 2.8rem;}

	.main-notice-list{margin-top: 10px;}
	.main-notice-list .list-item{padding: 7px 0;}
	.main-notice-list .list-item .tit .new{margin-left: 5px; font-size: 1.4rem;}
	.main-notice-list .list-item .date{margin-top: 7px; font-size: 1.5rem;}

	.main-notice-con .move-more-btn{bottom: 20px; right: 25px;}
	.main-notice-con .move-more-btn i{font-size: 1.8rem;}
}
@media all and (max-width:700px){
	.main-notice-list .list-item:last-child{display:none;}
}
@media all and (max-width:480px){
	#mainContent4{padding:5rem 0;}
	.main-notice-tit .tit{font-size: 2.5rem;}
	.main-notice-list .list-item .tit{ font-size:1.5rem}
	.main-notice-list .list-item .date{ font-size: 1.4rem;}
}

/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
@media all and (max-width:1366px){
	#fp-nav{left:10px;}
}
@media all and (max-width:1024px){
	#fp-nav{display:none;}
}