@charset "utf-8";
/* CSS Document */

	body{font-family: 'Noto Sans KR', sans-serif; color: #fff; letter-spacing: -1px;}
	pre{font-family: 'Noto Sans KR', sans-serif;}
	a:hover {text-decoration: none;}

	.warp{width: 100%; height: auto; overflow: hidden; }
	
	/*sub_default*/

	.sub_top_image{width: 100%; clear: both; text-align: center; height: auto;}
	
		.company_bg{background: url(../image/default/company/company_top_bg.jpg)no-repeat center; background-size:auto 100%; }
		.prd_bg {background: url(../image/default/product/product_to_bg_2400.jpg) no-repeat center; background-size:auto 106%;}
		.customer_bg{background: url(../image/default/customer_sv/customer_sv_top_bg.jpg) no-repeat top; background-size:auto 100%;}
		.board_bg{background: url(../image/default/board_top_bg.jpg) no-repeat center; background-size:auto 100%;}
		
		.sub_top_image > h1, h2{position: relative; font-weight: normal;}
			.sub_top_image > h1{font-size: 2.2em; font-weight: bold; padding-top: 8%;}
			.sub_top_image > h2{color: #fff; font-size: 1.3em; padding-top: 1%; padding-bottom: 7%; height: 30px;}
		
	.sub_content{width: 1200px; height: auto; margin: 0 auto; clear: both; padding: 75px 0px;}
		.sub_title{width: 50%; height: auto; margin: 0 auto; text-align: center;}
			.sub_title > .title_bar{width: 68px; height: 8px; margin: 0 auto; background:#be1212; }
			.sub_title > h1{color: #525252; font-size: 2.4em; font-weight: bold; line-height: 1.6em;}
			.sub_title > h2{color: #959595; font-size: 1.2em; font-weight: normal; line-height: 2.4em; word-break: keep-all;}
		
		.sub_container{width: 100%; clear: both; margin: 43px auto; color: #525252;}
			.sub_container h1 , h2 {color: #525252; font-weight: normal; font-size: 1.375em;}
			.sub_container h1 {font-weight: bold; letter-spacing: -1px; border-left: 4px solid #d0112b; padding-left: 4px; display: inline-block;}
			.sub_container h2 {letter-spacing: -0.5px; line-height: 1.5em; }
			/*.sub_container .division_line{width: 100%; height: 1px; clear: both; background: #c9c9c9; display: inline-block;}*/
			.division_line{width: 100%; height: 1px; clear: both; background: #c9c9c9; display: inline-block;}
			.sub_container .detail_prd_img{width:860px; height: auto; background: #f8f8f8; padding: 110px 170px; margin: 80px auto;}
			.sub_container .board_zone{width:1200px; height: auto; clear: both; font-family: 'Noto Sans KR', sans-serif;}
		
		.sub_container > ul > li > .capability_bg {width: 272px; height: 194px;}
		.sub_container > ul > li:first-child > .capability_bg {background: url(../image/default/capability/container_image1.jpg);}
		.sub_container > ul > li:nth-child(2) > .capability_bg {background: url(../image/default/capability/container_image2.jpg);}
		.sub_container > ul > li:nth-child(3) > .capability_bg {background: url(../image/default/capability/container_image3.jpg);}
		.sub_container > ul > li:nth-child(4) > .capability_bg {background: url(../image/default/capability/container_image4.jpg);}

		.sub_container_under {width: 90%; margin: 0 auto; }
			.contents {width: 100%; background: #fafafa; box-sizing: border-box; padding: 30px 10px; margin: 0 auto;}
			.contents > ul > li { display: inline-block; margin: 0px 10px 5px 5px; padding: 5px; text-align: center;}
			.contents > ul > li:nth-child(1) {float: left; font-size:24px; margin: 0px 30px 0px 20px;}
			.contents > ul > li:nth-child(2) {background: url(../image/default/warranty/bar.png)no-repeat left; padding-left: 20px;}
	

	.sub_menu {width: 100%; height: auto; clear: both; background: #ececec;}
				.sub_menu > ul{margin: 0 auto; display: table;}
				.sub_menu > ul li{width: auto; height: 60px;  float: left; text-align: center; font-size : 1.4em; line-height:60px; background: url(../image/default/line.png) no-repeat 0 50%; color: #636363; padding: 0 20px;}
				.sub_menu > ul li:first-child{background: none;}
				.sub_menu > ul a {color: #636363}
		
				.sub_menu > ul .on {border-bottom: 2px solid #cf112b; height: 58px; color:#cf112b;}
	
	/*Product list detail page*/
	.list_btn {width: 1200px; clear: both; margin: 60px 0px; }
		.list_btn > ul {display: table; margin: 0 auto; }
		.list_btn > ul li {width: 178px; height: 55px; float: left; text-align: center; font-size: 1.4em; line-height: 55px; border:1px solid #dbdbdb; border-right:none;}
		.list_btn > ul li:last-child{ border-right:1px solid #dbdbdb;} 
		.list_btn > ul .on {border-top:2px solid #cf112b; height: 54px; line-height: 53px; color:#cf112b;}
		.list_btn > ul a {color: #636363; display: block;}

	/* top bottom */	
	.top_btn{position: fixed; right: 15%; bottom: 2%; cursor: pointer; z-index: 999; display: none; opacity: 0.7;}
	
	/* Prd_list style*/
	.prd_list {width: 1200px; height: auto; clear: both;}
		.prd_list > ul {display: table; margin: 35px auto; }				
		.prd_list > ul > li {width: 378px; height: 438px; background: #f7f7f7; float: left; margin: 15px 29px 15px 0; border: 1px solid #dbdbdb; text-align: center; font-size: 1.4em; color:#525252; }
		.prd_list > ul > li:nth-child(3n){margin-right: 0px;}
		.prd_list > ul > li:hover{opacity: 0.8;}
		.prd_list > ul > li .thumb{width: 340px; height: 260px; margin: 19px 17px; clear: both;}
			.prd_list > ul > li .thumb img{width: 100%;}
		.prd_list > ul > li .prd_name {margin-top:5px; width: auto; display: inline-block; padding-left:10px; font-weight: bold; background: url(../image/default/product/m_red_bar.png) no-repeat; -ms-background-position-y: top; background-position: 0 7px; }
		.prd_list > ul > li a {color:#525252;}
		.prd_list > ul > li .prd_noitce{color:#cf112b; font-size: 18px}

	/*Product detail page*/
	.container{width: 1200px; height:auto; margin: 30px auto 100px;}
		
		.image_gallery{width: 480px; height:510px; clear:both; float: left; margin-left: 122px;}
			.big_img{width: 480px; height: 400px; clear: both; margin-bottom: 10px;}
			.big_img > img {width: 100%;}
			.thumbnail{width: 480px; height: auto; clear: both;}
/*				.thumbnail > li{width: 109px; height: 91px; float: left; margin-right: 12px; border: 1px solid #bfbfbf; cursor: pointer;}*/
				.thumbnail > li{width: 109px; height: 91px; float: left; margin-right: 11.7px; border: 1px solid #bfbfbf; cursor: pointer;}
				.thumbnail > li:hover{opacity: 0.8;}
				.thumbnail > li:last-child{margin-right: 0;}
				.thumbnail > li > img {width: 100%;}
		
		.prd_content{width: 415px; height: auto; float: left; margin-left: 100px;}
			.prd_content > .title{width:auto; height: 60px; padding-top: 10px; font-size: 2.813em; font-weight: bold; color: #414141; clear: both; background: url(../image/default/product_img/red_bar.jpg) no-repeat;}
			.prd_content > .title > p {float: left;}
			.prd_content > .title > .title_notice{font-weight: normal; font-size: 20px; float: left; line-height: 70px; margin-left: 10px; color:#cf112b; }
			.prd_content > .long{font-size: 1.5em !important; height: 30px !important;}
			.prd_content > .caption{width:auto; height: 30px; padding-top: 10px; font-size: 1.2em; color: #707070; clear: both;}
			.prd_content > ul{clear: both; font-size: 1.5em; margin-top: 23px;}
				.prd_content > ul > li {color: #404040; width: 100%; clear: both; padding: 5px 0;}
					/*
					.prd_content > ul > li > dl > dt{padding-top: 3px;}
					.prd_content > ul > li > dl > dd{float: left; border: 1px solid #c6c6c6; background: #ededed; padding: 0 5px; margin-right: 15px;}
					*/
					.prd_content > ul > li > dl { display: flex; justify-content:flex-start; flex-wrap: wrap;}
					.prd_content > ul > li > dl > dt{padding-top: 3px; width: 100%; margin-bottom: 5px;}
					.prd_content > ul > li > dl > dd{ border: 1px solid #c6c6c6; background: #ededed; padding: 5px; width: auto; margin-right: 10px;
 margin-bottom: 10px;}
					.prd_content > ul > li > dl > dd > a{color: #636363;}



/*채원수정추가 210531*/
					.prd_content > ul > li > dl.sub_info > dd.s_info{ font-size:0.9em; }
					.prd_content > ul > li > dl.sub_info > dd.s_info.pn_info{ font-size:0.8em; }



					.prd_content > ul > li > dl > .down_btn {background: #767676; border: 1px solid #969696;}
						.prd_content > ul > li > dl > .down_btn > a {color: #fff;}
		
			.prd_img_content{width: 1200px; height: auto; clear: both; border-top:1px solid #828282; margin: 62px 0px 50px 0px ; padding-top: 142px; display: inline-block;}
				.db_img{padding:96px 169px; background:#f8f8f8; }
			
			.back_btn{width: 150px; height: 45px; clear: both; background: #6a6a6a; text-align: center; margin: 0 auto; color: #fff; line-height: 45px;}

	/*warranty , sw_down product guarantee*/

	.guarantee{margin-left: 28px;}
		.guarantee h1{margin-bottom: 20px; margin-left: 35px;}
		.guarantee p{font-size: 15px; margin-left: 45px; margin-bottom: 43px;}


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

		/* common 숨김 */
			/*.header_sec{display: none;}*/
			.division_line{display: none;}
		
		/* top_btn 숨김 */
			.top_btn img{display: none;}

		.sub_top_image {height: auto; padding-top: 0;}
				.prd_bg {background: url(../image/default/product/product_to_bg_2400.jpg)no-repeat 70%; background-size:auto 100%;}
				.sub_top_image > h1{font-size: 7.1vw; padding-top: 26%;}
				.sub_top_image > h2{font-size: 4vw; padding-bottom: 19.2%;}
			
			.sub_menu{height: auto; width:100%;}
				.sub_menu > ul{font-size: 2.8vw;}
					.sub_menu > ul li {padding: 5px 40px; width: auto;}
					.owl-stage{width: auto;}
			
			.sub_content, .container{width: 100%; padding: 11.7% 0;}
				.sub_title {width: 100%;}
				.sub_title > .title_bar{width:8%; height: 7px;}
					.sub_title > h1{font-size:  6.25vw}
					.sub_title > h2{font-size:  3.75vw;}

				.list_btn {width: 100%; margin:9.5% 0 11.7% 0;}
                    .list_btn > ul {display: flex; justify-content:center; flex-wrap: wrap;}
                        .list_btn > ul > li {width: auto; font-size:3.5vw; padding:0 2%; }
                        .list_btn > ul > li > a {display: block;}
						
					/*
                    .list_btn > ul{width: 92%; display:flex; margin: 0 4%;}
						.list_btn > ul li {height:auto; font-size:3.5vw; width: 18.4%; line-height: 4vw; padding: 3%;}
						.list_btn > ul .on {height: auto; line-height: 3.5vw; padding-bottom: 3.3%;}
                    */

				.prd_list {width: 100%; margin-top: 9.5%; display: inline-block;}
					.prd_list > ul {width: 92%; margin: 5.9% 4%;}
						.prd_list > ul > li{width: 46.43%; margin-right: 5.1%; padding-bottom: 30px; height:auto; font-size: 3.4vw; display: table-cell;}
						.prd_list > ul > li:nth-child(2n){margin-right: 0px;}
						.prd_list > ul > li:nth-child(3){margin-right: 5.1%;}
							.prd_list > ul > li .thumb{margin: 13.5% 9% 5% 9%; width: 82%; height: auto;}
							.prd_list > ul > li .prd_name {margin-top:0px;}
						.prd_list > ul > .m_noitem {margin:0 28%;}
						.prd_list > ul > li .prd_noitce{color:#cf112b; font-size: 3vw}
		
		
		.image_gallery{width: 92%; margin: 0 4%; height:auto;}
			.big_img{width: 100%; height: auto;}
			.thumbnail{width: 68.5%; margin: 0 auto; z-index: 9999; height: auto;}
				.thumbnail > li{width: 29.5%; height: auto; margin-right: 4.4%;}
				.thumbnail > li > img {width: 100%;}
		
		.prd_content{width: 62.8%; clear: both; margin-left: 18.6%; margin-top: 8%; padding-top: 0px;}
			.prd_content > .title{font-size: 7.4vw;}
			.prd_content > ul{font-size: 3.8vw; margin-top: 0%;}
				.prd_content > ul > li {height: auto; line-height: 3.8vw;}
					.prd_content > ul > li > dl > dd{padding: 3%; margin: 4% 0px; margin-right: 2%;}
					.prd_content > .title > .title_notice{font-weight: normal; font-size: 4vw; float: left; line-height: 11.5vw; margin-left: 10px; color:#cf112b; }
		
		.prd_img_content{width: 92%; margin: 8.5% 4% 5% 4%; padding-top: 15.7%;}
			.db_img{width: 90%; padding: 3.5% 5%;}
			.db_img > img {width: 100%;}
		
		/*warranty, sw_down: sub_container_content title*/
		.guarantee {width: 90%; margin: 0 auto 9.4%;}
			.guarantee h1 {font-size: 4.7vw; margin-left: 0px;}
			.guarantee p {font-size: 3.8vw; margin: 0; word-break: keep-all;}
		
		/*warranty, sw_down: sub_container_under*/
		.sub_container_under {width: 90%; margin: 0 auto 6.3%; word-break: keep-all; }
			.contents {width: 100%; background: #fafafa; box-sizing: border-box; padding: 5.2% 3%; margin: 0 auto;}
			.contents > ul > li {margin: 2px;}
			.contents > ul > li:nth-child(1) {float:none; display: block; margin:0px; text-align: left; font-size: 4.7vw;}
			.contents > ul > li:nth-child(2) {background: none; padding-left: 0px;}
			.contents > ul > li:nth-child(5) {margin-left: 15px; margin-right: 5px;}
			.contents > ul > li:nth-child(6) {margin-left: 5px; margin-right: 15px;}
	
		.sub_container .board_zone{width: 96%; margin: 0 auto;}

}