@charset "utf-8";

/* 메인페이지 스타일만 정의 */


/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px), print {
	/* 공통 */
	.main_section {padding:120px 0;}
	a.main_btn {display:inline-block; margin-top:20px; padding:15px 50px; border-radius:50px; font-size:18px; font-weight:500; background:#fff;}
	a.main_btn:hover {background:#196497; color:#fff;}

	/* 비쥬얼 슬라이드 */
	.slider_wrap {position:relative; padding-top:150px; overflow:hidden;}
	.slider_wrap .slider {height:750px;}
	.sliderObj .slogan {position:absolute; width:100%; text-align:center; top:50%; transform:translate(0,-50%);}
	.sliderObj .slogan p {font-size:32px; color:#fff; font-weight:700; line-height:1.4;}

	/* 공지사항 */
	.notice_wrap {
		position:absolute; width:100%; max-width:1200px; line-height:1.4; bottom:0; left:50%; transform:translate(-50%,0);
		/* background:#fff; */
		overflow:hidden;
	}
	.notice_wrap.fixOn {position:fixed; top:0; z-index:999999999; height:80px;}
	.notice_wrap .main_inquiry {font-size:18px; text-align:center;}
	.main_inquiry a {display:block; color:#fff; width:320px; margin:0 auto; padding:10px 0; background:#98ca33 url(../images/main/icon_call.png)40px 50% / 30px no-repeat;}
	.notice_wrap .main_inquiry a:hover {background-color:#75a417 !important;}
	.notice_wrap .main_inquiry a p {display:block; font-size:18px; padding-left:35px;}
	.notice_wrap .main_inquiry a span {display:inline-block; padding-left:5px; font-size:21px; font-weight:700;}
	.main_inquiry i {
		display:inline-block; width:30px; height:37px; margin-right:20px;
		vertical-align:middle;
	}
	
	/* 상품 슬라이드 */
	.main_product {background:#efefef;}
	.main_product h3 {font-size:32px; text-align:center; font-weight:300; line-height:1.3;}
	.main_product h3 span {font-weight:500;}
	.thumb_wrap {position:relative;}
	.thumb_wrap p {position:absolute; bottom:0; left:0; width:100%; height:50px; line-height:50px; background:rgba(0,0,0,0.5); color:#fff;}
	.thumb_wrap a:hover p {background:rgba(0,0,0,0.8); color:#fff;}
	.main_product_bt {text-align:center; font-size:18px;}
	.main_product_bt p {font-weight:300;}


	/* 메인 갤러리 영역 :: 설치사례 */
	.main_gallery {background:url(../images/main/bg_example.jpg) no-repeat #000;}
	.main_gallery .main_gallery_txt {margin-top:50px;}
	.main_gallery .main_gallery_txt h3 {color:#fff; font-size:32px; font-weight:300; line-height:1.4;}
	.main_gallery .main_gallery_txt h3 span {display:block; color:#98ca33; font-weight:700;}
	.main_gallery .main_gallery_img {border:1px solid #fff; background:#fff; padding:10px; height:265px;}
	.main_gallery .main_gallery_img a p {margin-top:10px; text-align:left;}
	.main_gallery .main_gallery_img a:hover p {color:#41ad48;}


	/* main_contact */
	.main_contact.main_section {padding-bottom:0 !important;}
	.main_contact h3 {margin-bottom:20px; font-size:32px;  text-transform:uppercase; font-weight:300;}
	.main_contact h3 span {font-weight:700;}
	.main_contact p {font-size:18px; font-weight:300;}

	.info_wrap {margin-top:30px;}
	.info_wrap>div {padding:0 15px;}
	.info_wrap .info_bg {padding:15px;}
	.info_wrap .info_bg.bg_blue {background:#4f84d4;}
	.info_wrap .info_bg.bg_darkblue {background:#293d7c;}
	.info_wrap .info_bg.bg_green {background:#97b759;}
	.info_wrap .info_bg>div {min-height:216px; padding:30px 0; text-align:center; color:#fff; font-weight:300; border:2px solid #fff;}
	.info_wrap .info_bg>div h4 {font-size:32px; margin:10px 0; line-height:1.2;}
	.info_wrap .info_bg>div h4>span {font-weight:300; font-size:18px; margin-right:10px;}
	.info_wrap .info_bg>div p span {color:#fff200;}
	.info_wrap .info_bg>div p.small {font-size:16px;}
	.info_wrap .info_bg>div p.space {margin-top:20px;}

	.main_map {padding-top:120px;}
	#googleMap {margin-top:30px; height:600px;}
}



/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	/* 공통 */
	.main_section {padding:50px 0;}
	a.main_btn {display:inline-block; margin-top:20px; padding:15px 50px; border-radius:50px; font-size:16px; font-weight:500; background:#fff;}
	a.main_btn:hover {background:#196497; color:#fff;}

	/* 비쥬얼 슬라이드 */
	.slider_wrap {position:relative; padding-top:60px;}
	.slider_wrap .slider {height:230px;}
	.sliderObj .slogan {position:absolute; width:100%; text-align:center; top:50%; transform:translate(0,-50%);}
	.sliderObj .slogan p {font-size:18px; color:#fff; font-weight:700; line-height:1.4;}

	/* 공지사항 */
	.notice_wrap {position:relative; background:#fff; overflow:hidden;}
	.notice_wrap>div {}
	.notice_wrap .main_inquiry {background:#98ca33; color:#fff; font-size:16px; font-weight:500; text-align:center; transition:all .2s;}
	.notice_wrap .main_inquiry a {display:block; color:#fff; width:80%; margin:0 auto; padding:10px 20px; background: url(../images/main/icon_call.png)15% 50% / 30px no-repeat; overflow:hidden;}
	.notice_wrap .main_inquiry:hover {background-color:#75a417;}
	.notice_wrap .main_inquiry a p {font-size:15px; display:inline-block; padding-left:50px;}
	.notice_wrap .main_inquiry a p span {font-size:18px;}
	
	/* 상품 슬라이드 */
	.main_product {background:#efefef;}
	.main_product h3 {font-size:24px; text-align:center; font-weight:300; line-height:1.3;}
	.main_product h3 span {font-weight:500;}
	.thumb_wrap {position:relative;}
	.thumb_wrap p {position:absolute; bottom:0; left:0; width:100%; height:50px; line-height:50px; background:rgba(0,0,0,0.5); color:#fff;}
	.thumb_wrap a:hover p {background:rgba(0,0,0,0.8); color:#fff;}
	.main_product_bt {text-align:center; font-size:16px;}
	.main_product_bt p {font-weight:300;}

	/* 메인 갤러리 영역 :: 설치사례 */
	.main_gallery.main_section {padding-bottom:0;}
	.main_gallery {background:url(../images/main/bg_example.jpg) no-repeat #000;}
	.main_gallery .main_gallery_txt {margin-bottom:30px; text-align:center;}
	.main_gallery .main_gallery_txt h3 {color:#fff; font-size:24px; font-weight:300; line-height:1.2;}
	.main_gallery .main_gallery_txt h3 span {color:#98ca33; font-weight:700;}
	.main_gallery .main_gallery_img {background:rgba(255,255,255,.9); padding:10px; height:265px;}
	.main_gallery .main_gallery_img a p {margin-top:10px; text-align:left;}
	.main_gallery .main_gallery_img a:hover p {color:#41ad48;}
	.main_gallery+.lineH {height:10px; background:#ddd; box-shadow:inset 0 5px 5px rgba(0,0,0,.1);}


	/* main_contact */
	.main_contact.main_section {padding-bottom:0 !important; padding:50px 20px;}
	.main_contact h3 {margin-bottom:10px; font-size:24px;  text-transform:uppercase; font-weight:300;}
	.main_contact h3 span {font-weight:700;}
	.main_contact p {font-size:18px; font-weight:300;}

	.info_wrap>div {padding-top:15px;}
	.info_wrap .info_bg {padding:15px;}
	.info_wrap .info_bg.bg_blue {background:#4f84d4;}
	.info_wrap .info_bg.bg_darkblue {background:#293d7c;}
	.info_wrap .info_bg.bg_green {background:#97b759;}
	.info_wrap .info_bg>div {min-height:202px; padding:30px 0; text-align:center; color:#fff; font-weight:300; border:2px solid #fff;}
	.info_wrap .info_bg>div h4 {font-size:32px; margin:10px 0; line-height:1.2;}
	.info_wrap .info_bg>div h4>span {font-weight:300; font-size:18px; margin-right:10px;}
	.info_wrap .info_bg>div p span {color:#fff200;}
	.info_wrap .info_bg>div p.small {font-size:16px;}

	.main_map {padding-top:50px;}
	#googleMap {margin-top:15px; height:300px;}

}