@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2019-02-01
******************************************************** */
@media all and ( max-width: 1024px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section {height:auto !important;}
	#fullpage .fp-section .fp-tableCell {height:0 !important;}
}
@media all and (min-width:1025px) and (max-height:850px){
	/* 공통 :: 레이아웃 */
	#fullpage .section {height:auto !important;}
	#fullpage #mainProcseeCon .fp-tableCell , #fullpage #mainPortfolioCon .fp-tableCell , .main-contact-con {padding:50px 0;}
	#fullpage #mainVideoCon .fp-tableCell , #fullpage #mainNewsCon .fp-tableCell {padding: 180px 0 100px;}
	#mainVisual {height: 850px !important;}	
	#fullpage #mainVisual .fp-tableCell {height: 850px !important;}

}
/* ******************  메인 비주얼 ********************** */
@media all and (max-width:1620px){
	.main-scroll-icon-wrap  {left:10px; margin-left:0; }
}
@media all and (max-width:1366px){
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon-wrap{display:none !important;}
}
@media all and (max-width:1024px){
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block; }
	.main-visual-m-img img{width:100%;}
	.main-visual-con, .main-visual-con .slick-list, .main-visual-con .slick-track, .main-visual-item {height:auto !important;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con .txt {font-size: 70px;}
}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con .txt {font-size: 50px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt4 {font-size:17px;}
}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con .main-visual-txt4 {font-size:14px;}
}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit-box{margin-bottom:15px;}
	.main-tit-box .main-tit{font-size:30px;}
	.main-tit-box .main-tit:before {font-size: 90px; bottom:-10px;}
	.main-tit-box .main-sub-tit{font-size:14px; margin-top:10px;}
	
}

/* -------- 메인 컨텐츠 :: 프로세스 -------- */
@media all and (max-width:1024px){
	#mainProcseeCon .fp-tableCell {padding: 70px 0 90px;}
	.main-quick-menu-list{margin:0 -1% -20px;}
	.main-quick-menu-list .quick-menu-item {width:48%; margin:0 1% 20px;}
	.main-quick-menu-list .quick-menu-item .quick-menu-item-inner {padding:30px 15px;}
	
}
@media all and (max-width:800px){
	#mainProcseeCon .fp-tableCell {padding: 35px 0 45px;}
	#mainProcseeCon .main-tit-box .main-tit {font-size: 40px;}
	.main-quick-menu-list{margin:0 0 -10px;}
	.main-quick-menu-list .quick-menu-item {float:none; width:100%; margin:0 0 10px;}
	.main-quick-menu-list .quick-menu-item .quick-menu-item-inner {padding:15px 0px 15px 36px;}
	.main-quick-menu-list .quick-menu-item .item-txt-box {position:relative; text-align:left; padding-right:127px;}
	.main-quick-menu-list .quick-menu-item .item-num {font-size:13px; padding-bottom: 5px;}
	.main-quick-menu-list .quick-menu-item .item-tit {font-size: 18px;}
	.main-quick-menu-list .quick-menu-item .item-sub-txt {font-size: 13px; margin-top:5px;}
	.main-quick-menu-list .quick-menu-item .item-icon {position:absolute; right:0; top:0; margin-top:0; width:127px;; height:100%; background-size: auto 60px; }
}
/* -------- 메인 컨텐츠 :: 동영상 -------- */
@media all and (max-width:1024px){
	#mainVideoCon .fp-tableCell {padding: 180px 0 100px;}
}
@media all and (max-width:800px){
	#mainVideoCon .fp-tableCell {padding: 100px 0 80px;}
	.main-video-box .main-video-wrap {width:100%;}
}
/* -------- 메인 컨텐츠 :: 서비스 -------- */
@media all and (max-width:1024px){
	.main-service-con .main-service-list li {float:none; width:100%; height: auto; background:none !important;}
	.main-service-con .main-service-list li .bg-m {display:block;}
	.main-service-con .main-service-list li .bg-m img {width:100%;}
	.main-service-con .main-service-list li a {position:absolute; top:0; left:0; width:100%; height:100%;}
	.main-service-con .main-service-list .inner-box dl {transform:none;}
	.main-service-con .main-service-list .inner-box .plus-icon {display:none;}
}
@media all and (max-width:800px){
	.main-service-con .main-service-list .icon {height:20px; background-size:auto 20px;}
	.main-service-con .main-service-list .sub-tit {font-size:13px; margin-top:15px;}
	.main-service-con .main-service-list .tit {font-size:20px; }

}

/* -------- 메인 컨텐츠 :: 포트폴리오 -------- */
@media all and (max-width:1024px){
	#mainPortfolioCon .fp-tableCell {padding: 100px 0;  }
}
@media all and (max-width:800px){
	#mainPortfolioCon .fp-tableCell {padding: 50px 0;  } 
	#mainPortfolioCon .main-tit-box .main-tit {font-size:30px;}
	.main-portfolio-slide-wrap  {padding-right:0; padding:0; }
 	.main-portfolio-nav-box {position:static; width:100%; padding-left:0; padding-right:0;  }
	.main-portfolio-nav{margin:0 -10px;}
	.main-portfolio-nav li {margin: 0 10px; padding-left:0; float:left; }
	.main-portfolio-nav li .img-wrap .play:before {display:none;}
	.main-portfolio-slide {width:100%; margin-top:10px;}
	.main-portfolio-slide .video-wrap:before {background-size: 44px;}
	.main-portfolio-slide .info-box {padding-right:0; text-align:center;}
	.main-portfolio-slide .info-box .category {padding:5px 7px; font-size:13px;}
	.main-portfolio-slide .info-box .tit {font-size:14px;}
	.main-portfolio-slide .info-box .more-btn {position:static; margin:15px auto 0; font-size:12px; width:192px; }
}
@media all and (max-width:480px){
	.main-portfolio-nav{margin:0 -5px;}
	.main-portfolio-nav li {margin: 0 5px; }
}


/* -------- 메인 컨텐츠 :: 하이보이스 소식 -------- */
@media all and (max-width:1024px){
	#mainNewsCon .fp-tableCell {padding-top: 150px; padding-bottom: 80px; }
	.main-news-con .main-news-list .inner-box {padding:20px 25px;}
	.main-news-con .main-news-list .tit {font-size:20px;}
}
@media all and (max-width:800px){
	#mainNewsCon .fp-tableCell {padding-top: 100px; padding-bottom: 40px; }
	#mainNewsCon .main-tit-box {margin-bottom:25px;}
	.main-news-con .main-news-list li {padding-bottom:0;}
	.main-news-con .main-news-list .tit {font-size:16px;}
	.main-news-con .main-news-list .txt-box {margin-top: 10px; padding-top:10px;}
	.main-news-con .main-news-list .txt {font-size:14px;}
	.main-news-con .main-news-control {margin-top: 20px;}
	.main-news-con .main-news-control a {margin:0 17px;}
	.main-news-con .main-news-control i {font-size:20px;}
	.main-news-con .main-news-control button {height:20px; width:23px; background-size: 23px; background-position :center 6px;}
}
@media all and (max-width:480px){
	.main-news-con .main-news-list .inner-box {padding:15px;}
}

/* -------- 메인 컨텐츠 :: Contact -------- */
@media all and (max-width:1024px){
	.main-contact-con {padding:140px 0; height:auto; }
	.main-partner-con {height:auto; padding: 55px 0; }
	.main-partner-list {transform:none;}
}
@media all and (max-width:800px){
	.main-contact-con {padding:70px 0;}
	.main-contact-con .icon {width: 51px; height: 45px; background-size:100%;}
	.main-contact-con .txt {font-size:14px; margin-top:20px;}
	.main-contact-con .tit {font-size:44px; margin-top:14px;}
	.main-contact-con .more-btn {margin-top:30px; padding-bottom:12px; width:160px; font-size: 12px;}

	.main-partner-con {padding: 40px 0; }
	.main-partner-list {margin:0; padding: 0 50px;}
	.main-partner-list li {margin:0 7px;}
	.main-partner-list .slick-arrow {width:20px; height: 7px; background-size:100%;}
	.main-partner-list .slick-arrow.slick-prev {margin-left:0;}
	.main-partner-list .slick-arrow.slick-next {margin-right:0;}
}
@media all and (max-width:480px){
	
}

/* ******************  메인 오른쪽 퀵메뉴 ********************** */
@media all and (max-width:1620px){
	.main-right-btn {right:30px;}
}
@media all and ( max-width: 1366px ){
	.main-right-btn {right:15px;}
}
@media all and (max-width:800px){
	.main-right-btn {bottom:20px;}
	.main-right-btn li {width:34px; height:34px; background-size:cover;}
}

/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */

@media all and (max-width:1620px){
	#fp-nav {right:60px;}
}
@media all and (max-width:1366px){
	#fp-nav{display:none !important;}
}
@media all and (max-width:1024px){
	
}