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

/* ========================================================
 * Main Visual
======================================================== */
@media all and (max-width:1024px){
	#mainVisual{height:calc(100vh - 80px)}
	/* -------- 메인비주얼 :: 텍스트영역 -------- */
	.main-visual-txt-con {text-align:center;}
	.main-visual-txt-con .visual-tit{font-size:2.8em;}
	/* -------- 메인비주얼 :: 화살표 및 로딩 -------- */
	.main-visual-control-box{text-align:center; margin-top:10%; transform:scale(0.8)}
}
@media all and (max-width:800px){
	/* -------- 메인비주얼 :: 텍스트영역 -------- */
	.main-visual-txt-con{font-size:13px;}
}
@media all and (max-width:800px){
	#mainVisual{height:0; padding-top:95%;}
	#mainVisualSlider{position:absolute; top:0px; left:0px; width:100%; height:100%;}
	/* -------- 메인비주얼 :: 텍스트영역 -------- */
	.main-visual-txt-con{margin-bottom:-5%}
}

/* ========================================================
 * Main Content
======================================================== */
/* ******************  메인 컨텐츠 :: 공통 ********************** */
 @media all and (max-width:1366px){
	.main-tit-con .main-tit,
	.main-tit-con .main-sub-txt{display:block; }
	.main-tit-con .main-sub-txt{margin-left:0; top:auto; margin-top:1.46em;}
}
@media all and (max-width:1024px){
	.main-tit-con{font-size:14px; text-align:center;}
}
@media all and (max-width:480px){
	.main-tit-con{font-size:13px;}
	.main-tit-con .main-tit{font-size:2.69em}
}

/* ******************  메인 컨텐츠 :: 제품 ********************** */
@media all and (max-width:1536px){
	.main-prd-list .slick-arrow.slick-prev{left:-100px;}
	.main-prd-list .slick-arrow.slick-next{right:-100px;}
}
@media all and (max-width:1366px){
	.main-prd-list{margin:0 60px}
	/* 메인제품 :: 탭 */
	.main-prd-tab-con{right:30px;}
	/* 메인 제품 :: 화살표 */
	.main-prd-list .slick-arrow{width:50px; height:50px; margin-top:-25px; font-size:50px;}
	.main-prd-list .slick-arrow.slick-prev{left:-50px;}
	.main-prd-list .slick-arrow.slick-next{right:-50px;}
}
@media all and (max-width:1024px){
	#mainProductContent{padding:11% 0;}
	/* 메인제품 :: 타이틀 */
	.main-prd-list-container .main-tit-con{margin-bottom:26px;}
	/* 메인제품 :: 탭*/
	.main-prd-tab-con{position:static; text-align:center; margin-bottom:18px;}
	.main-prd-tab-con > ul{display:inline-block;}
}
@media all and (max-width: 800px){
	#mainProductListCon{margin:0 -15px;}
	/* 메인제품 :: 탭*/
	.main-prd-tab-con ul li{min-width:80px; width:auto;}
	.main-prd-tab-con ul li a{font-size:13px; padding:14px 0;}
	/* 메인제품 :: 제품리스트*/
	.main-prd-list{margin:0 40px}
	/* 메인 제품 :: 화살표 */
	.main-prd-list .slick-arrow{width:40px; height:40px; margin-top:-20px; font-size:40px;}
	.main-prd-list .slick-arrow.slick-prev{left:-40px;}
	.main-prd-list .slick-arrow.slick-next{right:-40px;}
}

/* ******************  메인 컨텐츠 :: 리뷰, 회사소개 ********************** */
/* -------- 메인 컨텐츠 :: 리뷰 -------- */
@media all and (max-width:1810px){
	/* 메인 리뷰,회사소개 :: 화살표 */
	.main-review-controls .slick-arrow{right:-180px; width:170px;}
	.main-review-controls .slick-arrow i{font-size:50px;}
}
@media all and (max-width:1600px){
	/* 메인 리뷰,회사소개 :: 화살표 */
	.main-review-controls .slick-arrow{top:auto; bottom:-70px; right:0px; width:100%;} 
}
@media all and (max-width:1220px){
	#mainReviewIntroContent{padding:100px 0; margin-bottom:0; background-size:cover;}
	/* 메인 리뷰,회사소개 :: 리뷰 */
	.main-review-intro-wrapper .main-tit-con{width:calc(100% - 550px);}
	.main-review-intro-wrapper .main-tit-con .main-sub-txt{margin-top:0}
	/* 메인 리뷰,회사소개 :: 화살표 */
	.main-review-controls .slick-arrow{right:15px; } 
}
@media all and (max-width:1024px){
	#mainReviewIntroContent{padding:15% 0; background-position:30% 50%}
	/* 메인 리뷰,회사소개 :: 타이틀 */
	.main-review-intro-wrapper .main-tit-con{float:none; width:auto; padding:0 0 20px 0; text-align:left; margin-bottom:0}
	/* 메인 리뷰,회사소개 :: 리뷰 */
	.main-review-intro-con{float:none; width:auto;}
}
@media all and (max-width:800px){
	#mainReviewIntroContent{ background:url(/images/main/main_company_intro_bg_m.jpg) no-repeat 0 100%; background-size:cover;}
	/* 메인 리뷰,회사소개 :: 타이틀 */
	.main-review-intro-wrapper .main-tit-con .main-tit{font-size:2.6em;}
	/* 메인 리뷰,회사소개 :: 리뷰 */
	.main-review-intro-con .main-review-intro-item{height:300px; margin-bottom:30px;}
	.main-review-intro-list li{margin-bottom:18px }
	.main-review-intro-list li .icon{width:58px;}
	.main-review-intro-list li .icon img{width:100%;}
	.main-review-intro-list li .review-intro-txt-con{padding-left:15px; font-size:13px; padding-top:0.5em;}
	.main-review-intro-list li .review-intro-txt-con br{display:none;}
	/* 메인 리뷰,회사소개 :: 회사소개 */
	.intro-txt-list-con li .icon .num{width:58px; height:58px; line-height:58px;  border-width:2px; font-size:18px;}
	/* 메인 리뷰,회사소개 :: 화살표 */
	.main-review-controls .slick-arrow{bottom:-30px; font-size:12px;}
	.main-review-controls .slick-arrow i{font-size:30px;}
}

/* ******************  메인 컨텐츠 :: 퀵메뉴 ********************** */
@media all and (max-width:1220px){
	.main-quick-link-container{position:static;}
	.main-quick-link-list{padding:0 !important;}
}
@media all and (max-width:800px){
	.main-quick-link-list .main-quick-link-item a{padding:30px 0; height:150px;}
	.main-quick-link-list .main-quick-link-item .icon img{height:46px;}
	.main-quick-link-list .main-quick-link-item .tit{font-size:18px;}
	.main-quick-link-list .main-quick-link-item .en-tit{font-size:12px; margin-top:6px;}
}

/* ******************  메인 컨텐츠 :: Contact US ********************** */
@media all and (max-width:1220px){
	#mainContactContent{padding:12% 0;}
}
@media all and (max-width:800px){
	.main-contact-item{margin-bottom:1.8%;}
	.main-contact-item dt{top:14px; left:12px;}
	.main-contact-item dd{padding:10px; padding-left:35px;}
	.main-contact-item dd input,
	.main-contact-item dd textarea{font-size:13px;}
	.main-contact-item dd textarea{height:100px;}
	.main-contact-agree-submit-con{margin-top:15px}
	.main-contact-agree-box{width:50%; height:44px;}
	.main-contact-agree-box label{font-size:12px; padding-left:18px; margin-left:20px; line-height:44px;}
	.main-contact-agree-box label:before{font-size:15px;}
	.main-contact-submit-btn{width:50%; height:44px; font-size:15px;}
}