@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2020-09-14
******************************************************** */
/* ******************  메인 레이아웃 ********************** */
@media all and ( max-width: 1220px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section{height:auto !important;}
	#fullpage .fp-section .fp-tableCell{padding-top:0; height:0 !important;}
}

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1536px ){
	.main-visual-txt-con{left:30px; right:30px; font-size:18px;}
}
@media all and ( max-width: 1220px ){
	#fullpage #mainVisual{height:100vh !important; padding-top:80px}
	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow{width:80px; height:80px; }
	.main-visual-con .slick-arrow.slick-prev{margin-right:80px;}
	/* 메인 비주얼 :: 다운로드 */
	.main-visual-download-con{width:400px}
	.main-visual-download-con dl dt,
	.main-visual-download-con dl dd{height:80px; line-height:80px;}
}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 이미지 */
	/* .main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block; width:100%; height:100%;} */
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-con{left:15px; right:15px; font-size:13px;}
	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow{width:60px; height:60px; }
	.main-visual-con .slick-arrow.slick-prev{margin-right:60px;}
	.main-visual-con .slick-arrow:after{background-size:auto 10px !important;}
	/* 메인 비주얼 :: 다운로드 */
	.main-visual-download-con{width:300px}
	.main-visual-download-con dl dt,
	.main-visual-download-con dl dd{height:60px; line-height:60px; font-size:14px;}
}
@media all and ( max-width: 480px ){
	#fullpage #mainVisual{height:100vh !important; padding-top:60px}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-con{font-size:12px;}
	.main-visual-txt-con .main-visual-txt1 strong{font-size:2.83em; white-space:nowrap;}
	/* 메인 비주얼 :: 다운로드 */
	.main-visual-download-con{width:calc(100% - 120px)}
	.main-visual-download-con dl dt{line-height:62px}
	.main-visual-download-con dl dd a i{margin-left:10px;}
}
@media all and ( max-width: 359px ){
	.main-visual-txt-con .main-visual-txt1 strong{font-size:2.5em;}
}

/* ******************  메인 컨텐츠 :: 공통 ********************** */
@media all and ( max-width: 1366px ){
	.main-cm-tit-box{font-size:18px}
}
@media all and ( max-width: 1220px ){
	.main-cm-tit-box{font-size:15px}
}
@media all and ( max-width: 800px ){
	.main-cm-tit-box{font-size:13px}
	.main-cm-tit-box .main-cm-tit{font-size:2.7em}
}

/* ****************** 메인 컨텐츠 :: CLIENT ********************** */
@media all and ( max-width: 1919px ){
	/* Client :: 리스트 */
	.client-list-con .client-item .client-logo-inner img{width:100%}
}
@media all and ( max-width: 1366px ){
	#mainClientCon .fp-tableCell{background-position:calc(100% + 120px ) 0}
	/* Client :: 리스트 */
	.client-list-wrapper{right:0px;}
}
@media all and ( max-width: 1220px ){
	#mainClientCon{padding:10% 0;}
	/* Client :: 타이틀 */
	.client-tit-wrapper{position:static; padding-bottom:0; margin-bottom:6.8%;}
	.client-tit-wrapper .client-tit-box .main-cm-txt{margin-top:10px}
	.client-tit-wrapper .client-tit-box .main-cm-txt br{display:none;}
	/* Client :: 리스트 */
	.client-list-wrapper{position:static;}
}
@media all and ( max-width: 1024px ){
	#mainClientCon{background:url(/images/main/main_client_bg_m.jpg) no-repeat 100% 0; background-size:contain;}
	#mainClientCon .fp-tableCell{background-image:none;}
	/* Client :: 리스트 */
	.client-list-wrapper{position:static;}
	.client-list-con .client-item{width:33.33%}
	.client-list-con .client-item .client-logo-thumb{display:block; height:0; padding-top:66.29%; position:relative; }
	.client-list-con .client-item .client-logo-thumb img{position:absolute; top:0px; left:0px; bottom:0px; right:0px; max-height:100%; margin:auto;}
	.client-list-con .last-item{display:none;}
}

/* ****************** 메인 컨텐츠 :: Product ********************** */
@media all and ( max-width: 1366px ){
	/* Product :: 리스트 */
	.main-prd-list-con .main-prd-item .main-prd-info-box{font-size:15px;}
	.main-prd-list-con .main-prd-item .main-prd-info-box dd br{display:none;}
}
@media all and ( max-width: 1220px ){
	#mainProductCon {padding-bottom:10%}
	#mainProductCon .fp-tableCell:before{top:25%;}
	/* Product :: 타이틀 */
	.main-prd-tit-box{margin-bottom:6%;}
	.main-prd-tit-box .main-cm-tit,
	.main-prd-tit-box .main-cm-txt{float:none}
	.main-prd-tit-box .main-cm-txt br{display:none;}
	/* Product :: 리스트 */
	.main-prd-list-con .main-prd-item .main-prd-info-box{font-size:13px}
}
@media all and ( max-width: 800px ){
	/* Product :: 리스트 */
	.main-prd-list-con .main-prd-item{width:48.2%; margin-bottom:7%}
	.main-prd-list-con .main-prd-item .main-prd-info-box{font-size:12px}
}

/* ****************** 메인 컨텐츠 :: Global ********************** */
@media all and ( max-width: 1366px ){
	/* -------- Global :: map -------- */
	#mainGlobalCon{background:url(/images/main/global_bg_line.jpg) no-repeat 50% 40%}
	#myCanvas{display:none;}
	.main-global-numbers .main-global-num-item{float:left; width:31.33%; margin:0 1%;}
	.main-global-numbers .main-global-num-item .icon{margin-right:15px}
	.main-global-numbers .main-global-num-item .icon img{height:50px;}
	.main-global-numbers .main-global-num-item .global-num-info{font-size:24px;}
	/* -------- Global :: Partners -------- */
	.main-partners-wrapper{right:0px; height:150px; padding-left:300px;}
	.main-partners-tit-box{width:300px;}
	.main-partners-tit-box .main-partners-tit{font-size:35px; margin-bottom:10px;} 
	.main-partners-tit-box .main-partners-more-btn{font-size:15px;;}
	.main-partners-list-box{padding:35px 30px}
}
@media all and ( max-width: 1220px ){
	#mainGlobalCon{padding-top:10%;}
	#mainGlobalCon:not(.canvas) .main-global-container:before{display:none;}
	/* -------- Global :: number -------- */
	.main-global-wrapper{position:relative; top:auto; left:auto; right:auto;}
	.main-global-wrapper .global-logo{margin-bottom:35px;}
	.main-global-wrapper .global-logo img{height:50px;}
	.main-global-numbers .main-global-num-item .global-num-info{font-size:18px;}
	/* -------- Global :: map -------- */
	.main-global-inner-box{
		height:510px;
		position:relative;
		transform: scale(0.7); 
		margin-top:-100px;
	}
	/* -------- Global :: Partners -------- */
	.main-partners-list-box{padding:48px 30px; padding-right:0}
	.main-partners-wrapper img{height:55px;}
}
@media all and ( max-width: 800px ){
	#mainGlobalCon{background:url(/images/main/main_global_bg_m.jpg) no-repeat 50% 50%; background-size:cover;}
	/* -------- Global :: number -------- */
	.main-global-numbers{margin:0 15px;}
	.main-global-wrapper .global-logo{margin-bottom:25px;}
	.main-global-wrapper .global-logo img{height:30px;}
	.main-global-numbers .main-global-num-item .icon{display:block; margin-right:0; margin-bottom:10px; }
	.main-global-numbers .main-global-num-item .icon img{height:40px;}
	.main-global-numbers .main-global-num-item .global-num-info{font-size:15px; text-align:center;}
}
@media all and ( max-width: 640px ){
	/* -------- Global :: number -------- */
	.main-global-numbers .main-global-num-item .global-num-info dt{height:30px;}
	/* -------- Global :: map -------- */
	.main-global-inner-box{
		height:328px;
		position:relative;
		transform: scale(0.45); 
		margin-top:-40px;
	}
	/* -------- Global :: Partners -------- */
	.main-partners-wrapper{height:90px; padding-left:50%}
	.main-partners-tit-box{width:50%;}
	.main-partners-tit-box .main-partners-tit{font-size:22px; margin-bottom:5px;}
	.main-partners-tit-box .main-partners-more-btn{font-size:12px;}
	.main-partners-list-box{padding:18px 15px; text-align:center;}
	.main-partners-list-box .partners-slide img{max-width:100%; max-height:100%;}
}

/* ****************** 메인 컨텐츠 :: Cross Solution ********************** */
@media all and ( max-width: 1366px ){
	.cross-tit-wrapper .main-cm-tit .stroke img{height:55px}
	/* Solution 리스트 */
	.main-solution-list-wrapper{left:500px; right:0px;}
	.main-solution-item .main-solution-icon{display:block; width:50px; margin:0px auto;}
	.main-solution-item .main-solution-icon img{width:100%}
	.main-solution-item .main-solution-info .main-solution-tit{padding-top:20px;}
}
@media all and ( max-width: 1220px ){
	#mainCrossCon {padding:10% 0 0 0}
	.main-cross-solution-wrapper{height:auto;}
	/* Solution 타이틀 */
	.cross-tit-wrapper{padding-bottom:120px;}
	.cross-tit-wrapper .main-cm-tit .stroke img{height:42px}
	.cross-tit-wrapper .main-cm-txt{margin-top:4%}
	/* Solution 리스트 */
	.main-solution-list-wrapper{top:-120px; }
}
@media all and ( max-width: 1024px ){
	#mainCrossCon .fp-tableCell{background-size:auto 100%}
	/* Solution 타이틀 */
	.cross-tit-wrapper{margin-bottom:6.5%; padding-bottom:0;}
	/* Solution 리스트 */
	.main-solution-list-wrapper{top:0px; }
}
@media all and ( max-width: 800px ){
	/* Solution 타이틀 */
	.cross-tit-wrapper .main-cm-tit .stroke{top:-5px;}
	.cross-tit-wrapper .main-cm-tit .stroke img{height:29px}
	/* Solution 리스트 */
	.main-solution-list-wrapper{position:static;}
	.main-solution-list-wrapper > ul{height:auto;}
	.main-solution-item a{display:block; position:relative; padding-top:110%; height:0;}
	.main-solution-item .main-solution-txt-con{display:none;}
	.main-solution-item .main-solution-info{position:absolute; left:0; right:0; text-align:center;}
	.main-solution-item .main-solution-info .main-solution-tit{font-size:17px}
}
@media all and ( max-width: 480px ){
	.main-solution-item .main-solution-icon{width:38px;}
	.main-solution-item .main-solution-info .main-solution-tit{font-size:14px}
}
/* ****************** 메인 컨텐츠 :: News ********************** */
@media all and (max-width:1420px){
	/* News :: 컨트롤바 */
	.main-news-controls .main-news-prev-btn{left:30px;}
	.main-news-controls .main-news-next-btn{right:30px;}
}
@media all and ( max-width: 1366px ){
	#mainNewsCon:before{right:0px;}
	/* News :: 컨트롤바 */
	.main-news-controls button{width:55px; height:55px;}
	.main-news-controls button i{font-size:24px;}
	/* News :: 리스트 */
	.main-news-item a .main-news-thumb{width:150px; height:120px;}
	.main-news-item a .main-news-info-box{padding:0 20px; width:calc(100% - 200px); font-size:15px;}
}
@media all and ( max-width: 1220px ){
	#mainNewsCon{padding:12% 0;}
}
@media all and ( max-width: 800px ){
	#mainNewsCon:before{top:0px; background-image:url(/images/main/main_news_bg_m.jpg); background-size:cover}
	/* News :: 타이틀 */
	.main-news-wrapper .main-cm-tit{padding-top:5px}
	/* News :: 컨트롤바 */
	.main-news-controls button{width:40px; height:40px;}
	.main-news-controls .main-news-prev-btn{left:15px;}
	.main-news-controls .main-news-next-btn{right:15px;}
	/* News :: 리스트 */
	.main-news-item a{padding:15px;}
	.main-news-item a .main-news-info-box{font-size:12px;}
	.main-news-item a .main-news-info-box .main-news-tit-box{padding-bottom:0; border:0;}
}
@media all and ( max-width: 480px ){
	/* News :: 리스트 */
	.main-news-item{margin-top:10px;}
	.main-news-item a .main-news-thumb{width:100px; height:80px;}
	.main-news-item a .main-news-info-box{width:calc(100% - 140px);}
	.main-news-item a .main-news-info-box .main-news-tit{-webkit-line-clamp:2}
}

/* ****************** 메인 컨텐츠 ::  다운로드 ********************** */
@media all and ( max-width: 1220px ){
	#mainDownloadCon{padding:14% 0 11%}	
}
@media all and ( max-width: 800px ){
	.main-download-wrapper .line{transform:scale(0.7); margin:3% auto}
	.main-download-wrapper .main-down-btn{width:155px; height:60px; line-height:58px; padding:0 15px;}
	.main-download-wrapper .main-down-btn i{line-height:54px; font-size:16px; position:relative; top:-1px;}
	.main-download-wrapper .main-down-btn span{font-size:15px;}
}

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