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

******************************************************** */

/* **************************************** *
 * Main Visual
 * **************************************** */
/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1536px ){
	.main-visual-wrapper{margin-left:175px}
	/* -------- 사이드 -------- */
	/* 메인 비주얼 :: 사이드 :: 텍스트 */
	.main-visual-side-con{width:175px; top:133px;}

	/* 메인비주얼 :: 텍스트 */
	.main-visual-item .visual-txt-con{left:30px; font-size:16px;}

	/* 메인 비주얼 :: Custom Bullet */
	.main-visual-pagination{bottom:33px;}
	.main-visual-pagination .main-visual-paging-item{margin-left:15px;}
	.main-visual-pagination span{width:100px; height:57px;}
}
@media all and ( max-width: 1024px ){
	.main-visual-wrapper{margin-left:0}
	/* -------- 사이드 -------- */
	.main-visual-side-con{display:none;}
	/* 메인 비주얼 :: Custom Bullet */
	.main-visual-pagination{display:none;}
}
@media all and ( max-width: 800px ){
	#mainVisual{min-height:auto}
	/* 메인비주얼 :: 텍스트 */
	.main-visual-item .visual-txt-con{font-size:14px; left:15px; right:15px; text-align:center;}
	.main-visual-item .visual-txt-con .main-visual-tit{letter-spacing:-0.25px;}
	.main-visual-item .visual-txt-con .main-visual-btn em{font-size:13px}
	/* 메인 비주얼 :: 버튼, 카운터, 로딩바 */
	.main-visual-controls{height:80px;  padding:0 25px; }
	.main-visual-control-btns{margin:25px 0 20px;}
}
@media all and ( max-width: 480px ){
	/* 메인비주얼 :: 텍스트 */
	.main-visual-item .visual-txt-con{font-size:13px;}
	/* 메인 비주얼 :: 버튼, 카운터, 로딩바 */
	.main-visual-controls{width:120px; padding:0 20px; height:60px;  }
	.main-visual-control-btns{margin:20px 0 10px;}
	.main-visual-control-btns button{width:22px; height:6px;}
	.main-visual-control-btns .slide-prev-btn,
	.main-visual-control-btns .slide-next-btn{background-size:auto 6px;}
	.main-visual-control-btns .main-visual-conuter{top:-4px;}
}

/* **************************************** *
 * Main Content
 * **************************************** */

/* ******************  메인 제품영역 ********************** */
@media all and ( max-width: 1366px ){
	#mainProductContent{padding:11% 0}
	/* 제품영역 :: 우측정보 */
	.main-prd-item .main-prd-info-con{padding-left:35px; font-size:14px}
	/* 제품영역 :: Deco :: 라인 */
	.main-prd-deco-line-box,.main-prd-deco-circle-box{display:none;}
}

@media all and ( max-width: 800px ){
	#mainProductContent{padding-bottom:0}
	/* 제품영역 :: 왼쪽 */
	.main-prd-item .main-prd-photo-con{width:auto; }
	.main-prd-wrapper .main-visual-controls{right:0; left:auto; top:0; bottom:auto; margin-top:75%; transform:none;}
	/* 제품영역 :: 우측정보 */
	.main-prd-item .main-prd-info-con{width:auto; position:static;  padding-left:0; text-align:center; padding:11% 15px}
}
@media all and ( max-width: 480px ){
	/* 제품영역 :: 우측정보 */
	.main-prd-item .main-prd-info-con .main-prd-cate{margin-bottom:10px}
	.main-prd-item .main-prd-info-con .main-prd-name{font-size:30px;}
	.main-prd-item .main-prd-info-con .main-prd-txt{display:none;}
	.main-prd-item .main-prd-info-con .main-prd-more-btn{width:150px; height:45px; line-height:45px;}
}

/* ******************  메인 CompanyInfo/News ********************** */
@media all and ( max-width: 1320px ){
	#mainNewsContent .main-news-inner{padding:70px 30px;}
	.main-news-list-con{margin:0 -14px;}
	.main-news-list-con .bbs-basic-gallery-con li{margin:0 15px;}
}
@media all and ( max-width: 1024px ){
	.main-news-list-con .bbs-basic-gallery-con li a .gallery-txt-con .gal-tit{font-size:18px}
}
@media all and ( max-width: 800px ){
	#mainInfoNewsContent{padding:0; background:url(../_images/main/main_company_news_bg_m.jpg) no-repeat 50% 50%; background-size:cover;}
	.main-bottom-bg-con{display:none;}
	/* -------- Company Info -------- */
	#mainCompanyContent{text-align:center; padding:11% 0;}
	.main-company-top-box{font-size:13px;}
	.main-company-top-box .main-company-txt2{display:none;}
	.main-company-top-box .main-company-txt{font-size:2em; margin-bottom:0;}
	/* 우측 more 버튼 */
	.main-company-more-btn{position:static; display:block; margin:0 auto; transform:scale(0.7)}
	.main-company-more-btn .arrow-icon{}
	/* Circle 데코 */
	.main-company-deco-circle-box{display:none;}
	/* -------- 뉴스 -------- */
	#mainNewsContent .main-news-inner{padding:10% 15px;}
	/* 뉴스 :: 타이틀박스 */
	.main-news-tit-box{margin-bottom:5%}
	.main-news-tit-box .main-news-controls{float:right; margin-left:0; margin-top:3px}
	.main-news-tit-box h3{font-size:30px;}
	.main-news-tit-box .main-news-controls i{font-size:25px;}
	.main-news-tit-box .main-news-controls a{margin:0 20px;}
	/* 뉴스 :: 리스트 */
	.main-news-list-con .bbs-basic-gallery-con li {width:260px;}
	.main-news-list-con .bbs-basic-gallery-con li a .gallery-txt-con{padding:15px 0;}

}
@media all and ( max-width: 640px ){
	/* 우측 more 버튼 */
	.main-company-more-btn{transform:scale(0.5)}
	/* 뉴스 :: 리스트 */
	.main-news-list-con{margin:0 -5px; margin-right:-15px}
	.main-news-list-con .bbs-basic-gallery-con li {width:260px; margin:0 5px;}
	.main-news-list-con .bbs-basic-gallery-con li a .gallery-txt-con .gal-txt{display:none;}
}