@charset "utf-8";

/*
File Name : main.css
Description : 계양정밀
Author : loopy (master@dmax.kr)
Date : 2016-06-25
 */


#visual_wrap {width:100%; position:relative; background:#000;}
	.blue_bar1 {display:none; position:absolute; right:0; top:0; background:url('/images/main/blue_line01.png') no-repeat 0 0 scroll; z-index:2;}
	.blue_bar2 {display:none; position:absolute; left:-8%; top:80%; z-index:2;}

	.v_imgA { overflow:hidden;  }
	.v_img {width:1800px; height:687px; position:relative;}
	.vimg {position:absolute; top:0;}
	.vimg img {width:100%;}
	/*.v_img01 {background:url('/images/main/main_visual01.png') no-repeat 50% 50% scroll;
		background-size:auto 100%;
		-moz-background-size:auto 100%;
		-o-background-size:auto 100%;
		-webkit-background-size:auto 100%;
	}
	.v_img02 {background:url('/images/main/main_visual02.png') no-repeat 50% 50% scroll;
		background-size:auto 100%;
		-moz-background-size:auto 100%;
		-o-background-size:auto 100%;
		-webkit-background-size:auto 100%;
	}
	.v_img03 {background:url('/images/main/main_visual03.png') no-repeat 50% 50% scroll;
		background-size:auto 100%;
		-moz-background-size:auto 100%;
		-o-background-size:auto 100%;
		-webkit-background-size:auto 100%;
	}
	.v_img04 {background:url('/images/main/main_visual04.png') no-repeat 50% 50% scroll;
		background-size:auto 100%;
		-moz-background-size:auto 100%;
		-o-background-size:auto 100%;
		-webkit-background-size:auto 100%;
	}
	*/
	 .v_txt {position:absolute; left:0; right:0; bottom:0; top:0;}
	 .v_txt .txt {position:absolute; top:45%; left:54%; margin-left:-550px; font-size:3em; color:#fff; line-height:1.1;}
	 .v_txt .txt span {display:block; padding-left:100px;}


#visual1024 {display:none;}



/* con_line1 */
#con_line1 {position:relative; background:#f7f7f7 /*url('/images/main/line2_bg.png') repeat-x 0 top*/; padding-top:68px; margin-bottom:40px;}
	.line1_bg {width:100%; height:89px; /*background:url('/images/main/line2_bg2.png') repeat-x 0 0;*/}

	#content01 .text_g .txt01 {font-size:2.5em; text-align:center; font-weight:500; color:#1e1e1e;}
	#content01 .text_g .txt02 {text-align:center; font-size:1.2em;}

	#content01 .img_group {background:url('/images/main/photo_line.png') no-repeat 68.5% 30%;}
	#content01 .img_group ul {overflow:hidden; background:url('/images/main/photo_line.png') no-repeat 31% 30%;}
	#content01 .img_group li {float:left; width:33%; overflow:hidden;}
	#content01 .img_group li .img {display:block; text-align:center; margin-bottom:25px;}
	
	#content01 .img_group li .txt {font-size:1.5em; color:#353535;}
	#content01 .img_group li .txt span {display:block; text-align:center;}
	#content01 .img_group li .txt .t1 {}
	#content01 .img_group li .txt .t2 {font-weight:500;  margin-bottom:5px;}
	#content01 .img_group li .txt .t3 {font-size:.7em; color:#9b9b9b; }


/* con_line2 */
#con_line2 {margin-bottom:25px;}
	#content02 {overflow:hidden;}
	#content02 .tab_area {float:left; width:20%; margin-right:4%; }
	#content02 .tab_area h3 {font-weight:500; color:#151515; font-size:1.7em; margin-bottom:20px;}
	#content02 .tab_area ul li {border-bottom:1px solid #d8d8d8;}
	#content02 .tab_area ul li a {display:block; padding:4% 2%; background:url('/images/main/pro_arr.png') no-repeat 95% 50%; color:#656565; font-size:.95em; letter-spacing:-0.5px;}
	#content02 .tab_area ul li a.on {color:#008b9c; font-weight:500;}

	#content02 .pro_img {position:relative; float:left; width:42%; text-align:center; padding-top:25px;}
	#content02 .pro_img img {width:100%;}
	#content02 .pro_img .pro_arrL {position:absolute; right:0; top:50%; z-index:3;}
	#content02 .pro_img .pro_arrL img {width:auto;}
	#content02 .pro_img .pro_arrR {position:absolute; left:0; top:50%; z-index:3;}
	#content02 .pro_img .pro_arrR img {width:auto;}

	#content02 .pro_detail {float:right; width:30%; padding-top:30px;}
	#content02 .pro_detail .name {font-weight:500; color:#1e1e1e; font-size:1.2em; margin-bottom:10px;}
	#content02 .pro_detail .name .vol {display:inline-block; background:#b3b3b3; color:#fff; font-size:.75em; padding:1px 4px; margin-left:5px;}
	#content02 .pro_detail li {background:url('/images/main/pro_dot.png') no-repeat 0 8px; padding-left:7px; font-size:.9em; color:#323232; margin-bottom:4px;}
	#content02 .pro_detail li .txt {display:inline-block; color:#797979; margin-left:10px;}
	#content02 .pro_detail li .s_photo {overflow:hidden; margin-bottom:20px; padding-top:5px;}
	#content02 .pro_detail li .s_photo li {float:left; width:23%; margin:1%; background:none; padding-left:0;}
	#content02 .pro_detail li .s_photo li img {width:100%;}

	#content02 .pro_detail .pro_bt {padding-left:7px;}
	#content02 .pro_detail .pro_bt a {display:inline-block; color:#fff; font-size:.9em; font-weight:500; text-align:center; width:48%; margin:1%; padding:10px 0;}
	#content02 .pro_detail .pro_bt a.more { background:#0db3d4;}
	#content02 .pro_detail .pro_bt a.qna {background:#373a3f;}


/* line_bar */
.line_bar {width:100%; height:4px; background:url('/images/main/line.png') no-repeat center 0; margin-bottom:45px;
		background-size:auto 100%;
		-moz-background-size:auto 100%;
		-o-background-size:auto 100%;
		-webkit-background-size:auto 100%;
	}


/* con_line3 */
#con_line3 {padding:50px 0 70px 0; background:#e9ebef;}
	#content03 {overflow:hidden;}
	#content03 h3 {font-size:1.5em; font-weight:500; color:#151515; margin-bottom:15px;}

	/* 계양NEWS */
	#content03 .cont01 {float:left; width:73.5%;}
	#content03 .cont01 ul li {position:relative; float:left; background:#222222; width:30%; margin-right:20px; min-height:345px;
							box-shadow:0px 2px 3px 0px #e1e1e1;
							-webkit-box-shadow:0px 2px 3px 0px #e1e1e1;
							-moz-box-shadow: 0px 2px 3px 0px #e1e1e1;
		}
	#content03 .cont01 ul li img {width:100%; height:220px;}
	#content03 .cont01 ul li:last-child {margin-right:0;}
	#content03 .cont01 ul li .txt {padding:17px; color:#fff;}
	#content03 .cont01 ul li .txt span {display:block;}
	#content03 .cont01 ul li .txt .tit {margin-bottom:9px;}
	#content03 .cont01 ul li .txt .body {font-size:.9em; color:#848383;}
	#content03 .cont01 ul li .txt .rmore {position:absolute; bottom:14px; left:12px; font-size:.85em; color:#00b0f0;}


	/* 무비존 
	#content03 .cont02 {position:relative; float:right; width:28%;}
	#content03 .cont02 .zone_bt {position:absolute; right:1%; top:5px;}
	#content03 .cont02 .movie img {width:100%;}
	#content03 .cont02 .movie .bigm { position:relative; margin-bottom:15px;}
	#content03 .cont02 .movie .play_bt {position:absolute; top:40%; left:40%; width:20%; }
	#content03 .cont02 .movie .play_bt img {width:100%;}
	#content03 .cont02 .movie .list {overflow:hidden;}
	#content03 .cont02 .movie .list li {width:47%; height:94px;}
	#content03 .cont02 .movie .list li.left {float:left; margin-right:15px;}
	#content03 .cont02 .movie .list li.right {float:right;}
	*/

	#content03 .cont02 {position:relative; float:right; width:26.5%;}
	#content03 .cont02 .movie {overflow-y:scroll; height:345px;}
	#content03 .cont02 .movie img {width:100%;}
	#content03 .cont02 .movie .bigm { position:relative; margin-bottom:15px;}
	#content03 .cont02 .movie .play_bt {position:absolute; top:40%; left:40%; width:20%; }
	#content03 .cont02 .movie .play_bt img {width:100%;}
	#content03 .cont02 .movie .list {overflow:hidden;}
	#content03 .cont02 .movie .list li {width:47%; height:94px;}
	#content03 .cont02 .movie .list li.left {float:left; margin-right:15px;}
	#content03 .cont02 .movie .list li.right {float:right;}


	#movieframe { position: fixed; z-index: 9999;  top: 200px; left: 50%; margin-left:-500px;  width: 1000px;  display:none; }
	#movie_inner { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; display:none; }
	.movie_inner { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; display:none; }
	#moviebackground { position:fixed; left:0; top:0; right:0; bottom:0; background:#000; z-index:9998; display:none; opacity: 0.7; -khtml-opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); }
	
	#movieplay iframe { display:none;  }
	#movieplay .vimgs { display:block; }
	#movieright iframe { display:none;  }
	#movieright .play_bt { display:none;  }
	#movieleft .play_bt { display:none;  }
	#movieleft iframe{ display:none;  }
	#movie_close {text-align:right; padding:0 5px 8px 0;}

	#movie_process { width:60px; height:8px; border:1px solid #FFF; position:absolute; left:50%; margin-left:-30px; top:40%; display:none; z-index:2; }
	.ui-progressbar-value { background:#FFF; height:100%; }

	#quickLink{overflow:hidden; font-size:120%; line-height:120%; font-weight:600;}
	#quickLink .link01{background:url('../images/main/btn_QL01.jpg') no-repeat; background-size:100%;}
	#quickLink .link02{background:url('../images/main/btn_QL02.jpg') no-repeat; background-size:100%;}
	#quickLink .link03{background:url('../images/main/btn_QL03.jpg') no-repeat; background-size:100%;}
	#quickLink ul li{width:100%; height:auto; margin-bottom:4.5%;}
	#quickLink ul li a{display:block; padding:15% 0 7% 55%; }
	#quickLink ul li span{display:block; color:#959595; font-weight:normal;}
	#quickLink ul li.last{margin-bottom:0;}

@media screen and (max-width:1100px) {

	.blue_bar2 {display:none;}
	.v_txt .txt { left:4%; margin-left:0px;}
	#quickLink{font-size:110%; line-height:110%; font-weight:600;}
	#quickLink .link01{background:url('../images/main/btn_QL01_1.jpg') no-repeat; background-size:100%;}
	#quickLink .link02{background:url('../images/main/btn_QL02_1.jpg') no-repeat; background-size:100%;}
	#quickLink .link03{background:url('../images/main/btn_QL03_1.jpg') no-repeat; background-size:100%;}
	#quickLink ul li{margin-bottom:3%;}
	#quickLink ul li a{padding:17% 0 10% 55%; }
}

@media screen and (max-width:1060px) {
#quickLink ul li{margin-bottom:5%;}
}

@media screen and (max-width:1024px) {

	#visual2000 {display:none;}
	#visual1024 {display:block;}
	#visual_wrap .v_img {height:500px;}
	.v_txt .txt {top:45%;}

	/* con_line1 */
	#content01 .img_group li .txt {font-size:1.2em;}

	/* con_line2 */
	#content02 .tab_area {width:23%;}
	#content02 .pro_img {width:40%;}
	#content02 .tab_area ul li a {background:url('/images/main/pro_arr.png') no-repeat 98% 50%; letter-spacing:-1px; font-size:.9em;}

	/* con_line3 */	
	/* 계양NEWS */
	#content03 .cont01 {width:70%;}
	#content03 .cont01 ul li {width:31.5%; margin-right:15px;}

	/* 무비존 */
	#content03 .cont02 {width:25%;}
	#content03 .cont02 .movie .list li {width:46%; height:94px;}
	#content03 .cont02 .movie .list li.left {float:left; margin-right:15px;}

	#movieframe { left: 5%; margin-left:0;  width: 90%; }

	#quickLink .link01{background:url('../images/main/btn_QL01_2.jpg') no-repeat; background-size:100%;}
	#quickLink .link02{background:url('../images/main/btn_QL02_2.jpg') no-repeat; background-size:100%;}
	#quickLink .link03{background:url('../images/main/btn_QL03_2.jpg') no-repeat; background-size:100%;}
	#quickLink ul li{margin-bottom:3%;}
	#quickLink ul li a{padding:18% 0 13% 55%; }

}

@media screen and (max-width:990px) {
#quickLink ul li{margin-bottom:6%;}

}

@media screen and (max-width:940px) {
#quickLink ul li{margin-bottom:8%;}

}

@media screen and (max-width:910px) {
#quickLink ul li{margin-bottom:11%;}

}

@media screen and (max-width:890px) {
#quickLink ul li{margin-bottom:13%;}

}

@media screen and (max-width:850px) {
	
	/* con_line1 */
	#con_line1 {padding-top:50px; margin-bottom:30px;}
	#content01 .img_group li .img img {width:60%;}
	.line1_bg {height:60px;}

	/* con_line2 */
	#content02 .tab_area {float:none; width:100%; margin-bottom:25px}
	#content02 .tab_area h3 {margin-bottom:10px;}
	#content02 .tab_area ul {border:1px solid #d8d8d8; overflow:hidden;}
	#content02 .tab_area ul li {float:left; width:50%; border-right:1px solid #d8d8d8; box-sizing:border-box;}
	#content02 .tab_area ul li.last {border-right:0;}
	#content02 .tab_area ul li a {padding:8px 0; background:url('/images/main/pro_arr.png') no-repeat 95% 50%; padding-left:20px; letter-spacing:0;}
	#content02 .tab_area ul li a.on {background:#fff url('/images/main/pro_arr.png') no-repeat 95% 50%;}

	#content02 .pro_img {width:48%; padding-top:35px;}
	#content02 .pro_img .pro_arrL img {width:90%;}
	#content02 .pro_img .pro_arrR img {width:90%;}

	#content02 .pro_detail {width:48%;}
	#content02 .pro_detail li .s_photo li {width:18%;}

	/* con_line3 */
	/* 계양NEWS */
	#content03 .cont01 {float:none; width:100%;}
	#content03 .cont01 ul {overflow:hidden; margin-bottom:30px;}
	#content03 .cont01 ul li {width:31.3%; margin-right:20px;}


	/* 무비존 */
	#content03 .cont02 {float:none; width:100%;}
	#content03 .cont02 .bigm {width:100%;}
	#content03 .cont02 .movie .list {float:right; width:25%;}
	#content03 .cont02 .movie .list li {float:none; width:100%; height:94px; margin:0 0 30px 0;}

	#movieframe { left: 5%; margin-left:0;  width: 90%; display:none; }
	#moviebackground { display:none; }

	#movieplay iframe { display:block;  }
	#movieplay .vimgs { display:none; }
	#movieplay .movie_inner { display:block;  }

	#quickLink{overflow:hidden; font-size:160%; line-height:140%;}
	#quickLink .link01{background:url('../images/main/btn_QL01.jpg') no-repeat; background-size:100%;}
	#quickLink .link02{background:url('../images/main/btn_QL02.jpg') no-repeat; background-size:100%;}
	#quickLink .link03{background:url('../images/main/btn_QL03.jpg') no-repeat; background-size:100%;}
	#quickLink ul li{margin-bottom:4.5%;}
	#quickLink ul li a{padding:15% 0 12% 55%; }

}

@media screen and (max-width:768px) {

	#visual_wrap .v_img {height:450px;}

	/* con_line1 */
	#content01 .img_group li .txt {font-size:1em;}
	#content01 .img_group li .img img {width:65%;}

	/* con_line2 */
	#content02 .pro_img {float:none; width:95%; margin:0 auto;}
	#content02 .pro_img .pro_arrL img {width:100%;}
	#content02 .pro_img .pro_arrR img {width:100%;}
	#content02 .pro_detail {width:100%;}

	/* con_line3 */
	#con_line3 {padding-bottom:50px;}
	
	/* 계양NEWS */
	#content03 .cont01 ul li {width:31.5%; margin-right:15px; min-height:300px;}


	/* 무비존 */

	#content03 .cont02 .movie .list {float:right; width:25%;}
	#content03 .cont02 .movie .list li {float:none; width:100%; height:94px; margin:0 0 30px 0;}

	#quickLink ul li a{padding:15% 0 10% 55%; }
}


@media screen and (max-width:600px) {
	
	#visual_wrap .v_img {height:370px;}
	.v_txt .txt {top:39%; left:2%; font-size:2.8em;}
	
	.blue_bar1 {display:none;}

	/* con_line1 */
	#con_line1 {padding-top:48px;}
	.line1_bg {height:50px;}

	#content01 .text_g .txt01 {font-size:2.1em;}
	#content01 .text_g .txt02 {font-size:1.2em;}

	#content01 .img_group {background:none;}
	#content01 .img_group ul {background:none;}
	#content01 .img_group li {float:none; width:100%; margin-bottom:25px;}
	#content01 .img_group li.last {margin-bottom:0;}
	#content01 .img_group li .img {float:left; width:35%; margin-bottom:0;}
	#content01 .img_group li .img img {width:75%;}
	#content01 .img_group li .txt {float:right; width:60%; font-size:1.4em; padding-top:30px;}
	#content01 .img_group li .txt span {text-align:left;}
	

	/* con_line3 */
	#con_line3 {padding-bottom:50px;}
	/* 계양NEWS */
	#content03 .cont01 ul li {float:none; width:100%; margin:0 0 20px 0; min-height:0; padding-bottom:30px;}


	/* 무비존 */
	#content03 .cont02 .bigm {float:none; width:100%;}
	#content03 .cont02 .movie .list {float:none; width:100%;}
	#content03 .cont02 .movie .list li {float:left; width:47%; height:94px;}

	#quickLink ul li a{padding:13% 0 8% 55%; }


}


@media screen and (max-width:480px) {

	#visual_wrap .v_img {height:360px;}
	#visual_wrap .v_img img {height:360px;}
	.v_txt .txt {top:35%; font-size:2.1em;}

	/* con_line1 */
	#content01 .text_g .txt01 {font-size:2em;}
	#content01 .text_g .txt02 {font-size:1em;}
	
	#content01 .img_group li .txt {font-size:1.15em; padding-top:18px;}


	/* con_line2 */
	#content02 .tab_area ul li {width:100%; border-right:0;}
	#content02 .tab_area ul li a {padding:2% 2%; letter-spacing:0;}

	/* con_line3 */
	#con_line3 {padding-bottom:30px;}
	#content03 .cont01 ul li .date {display:none;}
	#content03 .cont01 .ban .txt {width:53%; font-size:1.1em; padding-top:15px;}
	#content03 .cont02 ul li .txt {font-size:1.05em;}

}

@media screen and (max-width:320px) {

	#visual_wrap .v_img {height:330px;}
	#visual_wrap .v_img img {height:330px;}
	.v_txt .txt {top:45%; font-size:2em;}

	/* con_line1 */
	#content01 .text_g .txt01 {font-size:1.8em;}
	#content01 .text_g .txt02 {font-size:.9em;}

	#content01 .img_group li .txt {font-size:1.1em; padding-top:10px;}

	/* con_line3 */
	#content03 .cont01 ul li a {font-size:1em;}
	#content03 .cont02 ul li .img {display:none;}
	



}