@charset "utf-8";

/* ******************  풀페이지 레이아웃 ********************** */
@media all and ( max-width: 1024px ){
	#fullpage .fp-section:not(#mainVisual){height:auto !important}
	#fullpage .fp-section .fp-tableCell{padding-top:0; height:0 !important;}
}

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1366px ){	
	/* 메인 비주얼 :: 화살표 */
	.main-visual-arrow{left:30px}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{left:60px}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con{left:200px; width:100%; padding-right:280px}
}
@media all and ( max-width: 1024px ){	
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con{left:0; margin-top:-5%; box-sizing:border-box; padding:0 15px}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none}
	/* 메인 비주얼 :: 화살표 */
	.main-visual-arrow{left:0; top:auto; bottom:6%; text-align:center; display:block; transform:translate(0, 50px); width:100%}
	.main-visual-arrow a{display:inline-block !important}
	.main-visual-arrow a.next{margin:0 0 0 15px}
	.active-page .main-visual-arrow{transform:translate(0, 0)}
}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:18px; margin-bottom:15px}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:40px}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:17px}
	/* 메인 비주얼 :: 화살표 */
	.main-visual-arrow a{width:65px; height:65px}
	.main-visual-arrow a i{line-height:65px; font-size:12px}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-en-tit{font-size:18px}
	.main-cm-tit{font-size:35px}
	.main-cm-txt{font-size:16px; margin-top:15px}
}
@media all and ( max-width: 480px ){
	/* 공통 :: 타이틀 */
	.main-en-tit{font-size:15px}
	.main-cm-tit{font-size:30px}
	.main-cm-txt{font-size:14px; }
}


/* -------- 메인 컨텐츠 :: 컨텐츠1(PRODUCT) -------- */
@media all and ( max-width:1220px ){	
	.main-prd-con .main-prd-slide li .prd-inner .prd-txt{padding-bottom:100px}
	.main-prd-con .main-prd-conuter{bottom:0}
}
@media all and ( max-width:1024px ){	
	.main-prd-con .main-prd-slide li .prd-inner .prd-txt{float:none; width:100%; padding:0 0 150px }
	.main-prd-con .main-prd-slide li .prd-inner .prd-img{float:none; width:100%}
	.main-prd-con .main-prd-conuter{top:330px; bottom:auto; left:0; width:100%; text-align:center}
	.main-prd-con .main-prd-slide li .prd-inner .prd-img .more-btn{left:30px}
	.animated.main-prd-con .main-prd-slide li .prd-inner .prd-img:after{transform:translate(70px, 70px)}
}
@media all and ( max-width:800px ){		
	/*#mainPrdCon{padding:60px 0 220px}*/
	.main-prd-con .main-prd-slide li .prd-inner .prd-txt{margin-top:30px; padding-bottom:130px}
	.main-prd-con .main-prd-slide li .prd-inner .prd-txt h3{font-size:40px}
	.main-prd-con .main-prd-slide li .prd-inner .prd-txt p{font-size:17px; margin-top:25px}
	.main-prd-con .main-prd-slide li .prd-inner .prd-txt p br{display:none}
	.main-prd-con .main-prd-slide li .prd-inner .prd-img .img-txt{font-size:14px; bottom:-28px}
	.main-prd-con .main-prd-conuter{top:230px}
	.main-prd-con .main-prd-slide li .prd-inner .prd-img .more-btn{width:90px; height:90px; bottom:-170px; transform:translateX(-50%); left:50%}
	.main-prd-con .main-prd-slide li .prd-inner .prd-img .more-btn i{line-height:90px; font-size:22px}
	.animated.main-prd-con .main-prd-slide li .prd-inner .prd-img:after{transform:translate(70px, 45px)}

}



/* -------- 메인 컨텐츠 :: 컨텐츠2(GROWTH) -------- */
@media all and ( max-width:1024px ){	
	/* 상단 */
	.main-growth-top{height:auto}
	.main-growth-top .growth-top-slide li .bg{height:580px}
	/* 하단 */
	.main-growth-bt{height:auto}
	.main-growth-bt .lf-con .main-growth-bt-lf li .bg{height:400px}
    
    #mainFooter {display: none}
}
@media all and ( max-width:800px ){	
	/* 상단 */
	.main-growth-top .growth-top-slide li .bg{height:500px}
	.main-growth-top .growth-top-slide li .txt-con{top:auto; transform:translateY(0); top:10%; margin-top:0;}
	.main-growth-top .growth-top-slide li .txt-con > div{padding-right:15px}
	.main-growth-top .growth-top-slide li .txt-con .txt{font-size:32px}
	.main-growth-top .growth-visual-arrow{bottom:9%; top:auto; left:0; transform:translate(0); width:100%; text-align:center}
	.main-growth-top .growth-visual-arrow .arrow-wrap{display:block}
	.main-growth-top .growth-visual-arrow a{display:inline-block !important; width:65px; height:65px}
	.main-growth-top .growth-visual-arrow a.next{margin:0 0 0 15px;}
	.main-growth-top .growth-visual-arrow a i{line-height:65px; font-size:12px}
	/* 하단 */
	.main-growth-bt{display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
	.main-growth-bt > div{display:block; width:100%}
	.main-growth-bt .lf-con .main-growth-bt-lf li .bg{height:0; padding-top:50%}
	.main-growth-bt .rt-con .txt-con{padding:10% 15px}
	.main-growth-bt .rt-con .txt-con dt{font-size:32px}
	.main-growth-bt .rt-con .txt-con dd{margin-top:15px; font-size:17px}
    
    
}


/* -------- 메인 컨텐츠 :: 컨텐츠3(Global Network) -------- */
@media all and ( max-width: 1580px ){	
	.nation-circle.nation-01{margin-top:-60px !important}
	.nation-circle i{margin-top:70px}
}
@media all and ( max-width: 1366px ){	
	.global-con-txt{left:30px; bottom:30px}
}
@media all and ( max-width: 1024px ){	
	.global-map-con{margin-bottom:200px}	
	.nation-circle p{font-size:11px; padding:6px 12px; position:relative; top:-2px}
	.nation-circle .gray{width:18px; height:18px; margin-left:5px}
	.nation-circle .gray:after{width:4px; height:4px}
	.nation-circle.lf-dot .gray{margin-right:5px}
	.nation-circle.logo p{padding:8px 15px}
	.nation-circle.logo p img{height:22px}
	.nation-circle i{margin:48px 0 0 50px; width:4px; height:4px}
	.nation-circle.nation-01{margin-top:-50px !important; margin-left:-9.4% !important}
	.nation-circle.nation-04{margin-top:-2% !important; margin-left:-30% !important}
	.nation-circle.nation-05{margin-left:21% !important}
	.nation-circle.nation-06{margin-left:34% !important}
	.nation-circle .spread{width:200px; height:200px; left:-50px}
}
@media all and ( max-width: 800px ){		
	.global-con-txt{left:15px; }
	.global-map-con .map-img{transform:scale(1.28); position:relative; left:-4.5%; top:20px}
	.nation-circle.nation-bk p{display:none}
	.nation-circle.nation-01{margin-top:-16px !important; margin-left:-16% !important; z-index:9}
	.nation-circle.nation-02{margin-top:-15% !important; margin-left:-19% !important}
	.nation-circle.nation-03{margin-left:-47% !important}
	.nation-circle.nation-04{margin-left:-35% !important}
	.nation-circle.nation-05{margin-left:33% !important}
	.nation-circle.nation-06{margin-top:20% !important; margin-left:48% !important}
	.nation-circle .spread{width:110px; height:110px; top:-20px; left:-20px}
	.nation-circle.logo p{padding:6px 10px}
	.nation-circle.logo p img{height:17px}
	.nation-circle i{margin:35px 0 0 35px}
}


/* -------- 메인 컨텐츠 :: 컨텐츠4(Inquiry/customer) -------- */
@media all and ( max-width: 1366px ){	
	/* 좌측컨텐츠 */
	.main-system-con .lf-con{width:65%}
	.main-system-con .lf-con .txt-con{left:30px; bottom:30px}
	/* 우측컨텐츠 :: Inquiry, Customer */
	.main-system-con .rt-con{width:35%}
}
@media all and ( max-width: 1220px ){	
	/* 우측컨텐츠 :: Inquiry, Customer */
	
}
@media all and ( max-width: 1024px ){	
	/* 좌측컨텐츠 */
	.main-system-con .lf-con{float:none; width:100%; height:600px}
	.main-system-con .lf-con .txt-con{bottom:auto; top:8%}
	/* 우측컨텐츠 :: Inquiry, Customer */
	.main-system-con .rt-con{float:none; width:100%}
    .main-system-con .rt-con .rt-item{height:auto;}
	.main-system-con .rt-con .rt-item .rt-item-inner .inner-wrap{max-width:none; padding:0 15px}
	/* inquiry */
	.main-system-con .rt-con .main-inquiry-con .inquiry-menu-list{margin-top:20px}
	/* customer */
	.main-system-con .rt-con .main-customer-con .main-customer-slide{margin-top:30px}
	.main-system-con .rt-con .main-customer-con .main-customer-slide .cate-date{margin-bottom:30px}
	.main-system-con .rt-con .main-customer-con .main-customer-conuter{margin-top:30px}
}
@media all and ( max-width: 800px ){	
	/* 좌측컨텐츠 */
	.main-system-con .lf-con{height:400px}
	.main-system-con .lf-con .txt-con{left:15px; top:30px}
	/* 우측컨텐츠 :: Inquiry, Customer */
	.main-system-con .rt-con .rt-item .rt-item-inner .rt-item-tit{font-size:30px}
	/* inquiry */
	.main-system-con .rt-con .main-inquiry-con .inquiry-menu-list li a{font-size:15px; height:40px}
	.main-system-con .rt-con .main-inquiry-con .inquiry-menu-list li a span .icon{width:27px}
	.main-system-con .rt-con .main-inquiry-con .inquiry-menu-list li a span .arrow{margin-top:-2px}
	/* customer */
	.main-system-con .rt-con .main-customer-con .main-customer-slide .cate-date b{font-size:16px}
	.main-system-con .rt-con .main-customer-con .main-customer-slide .cate-date span{font-size:11px; margin-left:10px}
	.main-system-con .rt-con .main-customer-con .main-customer-slide .tit{font-size:16px}
}