h3{font-size:2rem; color:#87c256;font-family:  'Montserrat'; font-weight: bold; text-align: center;}
h3::after{content:'';display: block;width:50px; height:3px; margin:0 auto;background-color: #87c256;margin-top:10px;}
/* product02 */

p{word-break: keep-all;}


.product02 .panel{position:relative; padding-top:100px;}
.product02 .sub_body .con{display:flex;    width: 100%;flex-direction: row-reverse;}
.product02 .sub_body h5{text-align: center; }
.product02 .sub_body .panel .left{width: calc(100% - 350px); margin-right: auto;}
.product02 .sub_body .panel .right{width:330px;background-color: #f5f5f5;padding:40px 40px;}
.product02 .sub_body .panel .right p{text-align: center;margin-top:30px;font-size:1.125rem; font-family:  'Montserrat'; color:#87c256}

article.posi_top{position:absolute; top:240px; right:0;}
article.posi_ing{position:fixed; top:290px;right:auto;}
article.posi_bot{position:absolute; bottom:0; right:0;}

article.posi_top02{position:absolute; top:55px; right:0;}
article.posi_ing02{position:fixed; top:300px;right:auto;}
article.posi_bot02{position:absolute; bottom:0; right:0;}

.table_tit{font-size:14px !important;margin-top:10px;font-family: 'S-CoreDream-4Regular' !important;}
.jo_tit{font-family: 'S-CoreDream-4Regular' !important;font-size:14px !important;color:#888 !important; text-align: center;}


.tabSet{margin-bottom:30px;}
.tabSet ul.tabs {overflow:hidden; width:100%;}
/* .tabSet ul.tabs  li:last-child{padding: 0;} */
.tabSet ul.tabs  li{float:left; width:calc(100% / 7);padding:0 7px 0 0;list-style-type:none;}
.tabSet ul.tabs  li:last-child{padding:0;}
.tabSet ul.tabs li a{float:left;width:100%;text-align: center;color:#bbb;padding:10px 00px;
			background:transparent;	display:block;font-weight:bold; border:1px solid #ddd;
			font-size:14px;	text-decoration:none;}
.tabSet ul.tabs li a.on{ background: #87c256; color:#fff; border-color:#87c256}
.panels{background:#fff;min-height:180px;}
.panel{padding-top:50px;font-size:14px;  display:block;}
.panel{font-size:14px;  display:block;}


/* panel1-1 */
.sub_body .sub_head_img{width:100%; height:200px; overflow: hidden;background: url(../img/product/shutterstock_6630346.jpg) no-repeat center right;background-size:cover ;margin-top:15px;margin-bottom:20px;    background-attachment: fixed;}

.sub_body .top{margin-bottom:40px;}
.product02 .panels .sub_con_body{padding:50px 0; border-bottom:1px solid #ddd;}
.product02.product03 .panels .sub_con_body{padding:30px 0; border-bottom:1px solid #ddd;}
.product02.product03 .panels .sub_con_body p{margin-top:15px;}
.product02 .panels .sub_con_body:last-child{padding-bottom:0;}
.product02 .panels .sub_con_body:last-child{border-bottom:none}
.product02 .panels .sub_con_body h4{font-size:1.7rem;font-family:  'Montserrat'; letter-spacing: -0.5px; color:#888;margin-bottom:15px;position:relative ;z-index: 999;}
.product02 .panels .sub_con_body h4 span::after{content:''; display: block;width: 100%;height:2px; background-color: #bbb;position:absolute; top:calc(50% - 1px);left:0;}
.product02 .panels .sub_sec01 .img{width:650px; display: block;}
.product02 .panels .sub_con_body > div > p{font-size:1.25rem;font-family:  'Montserrat'; letter-spacing: -0.5px; color:#888;margin-bottom:20px;}
.product02 .panels .sub_con_body > div > p:first-child{ width:fit-content;border-radius: 20px;color:#fff; padding:5px 30px;background: #87c256;}

.product02 .panels .sub_con_body > div{margin-bottom:50px;}
.product02 .panels .sub_con_body > div:last-child{margin-bottom:0px;}
.product02 .panels table{width:100%; }
.product02 .panels table td{width:calc(100% / 5)}
.product4 .panels table td{width:calc(100% / 6)}
.product05 .panels table td{width:calc(100% / 7)}

/* .product02 .panels table td{width:} */
.product02 .panels .table table th{border-top:1px solid #fff;text-align: center;background-color: #87c256; color:#fff; font-size:1rem;vertical-align: middle;padding:10px 5px;border-right:1px solid #fff;}
.product02 .panels .table table td{border-bottom:1px solid #ddd;text-align: center;vertical-align: middle; font-size:1rem; padding:7px 5px; font-family: 'S-CoreDream-4Regular';border-right:1px solid #ddd;}
.product02 .panels .table table td span{display: block;}
.product02 .panels .table table td:last-child{border-right:0;}



.product01 .sub_body .content > div:last-child {display: flex;justify-content: space-between;}
.product01 .sub_body .content h2{width:300px;}
.product01 .sub_body .content .con{width:calc(100% - 300px);}
.product01 .sub_body .name_top p{color:#888}
.product .sub_body h5{text-align: center; }
.product01 .sub_body h4{margin-bottom:15px;font-size:1.2rem;color:#888}
.product .sub_body h2{font-size:2rem;font-family:  'Montserrat'; letter-spacing: -0.5px; color:#888;}
.product01 .sub_body .sub_con_body{margin-bottom:60px;} 


.product01 .sub_body .sub_sec01 .table ul{border-top:1px solid #ddd;}
.product01 .sub_body .sub_sec01 .table ul li{align-items: center;display: flex;border-bottom:1px solid #ddd;}
.product01 .sub_body .sub_sec01 .table ul li > div{padding:15px;font-family: 'S-CoreDream-4Regular';}
.product01 .sub_body .sub_sec01 .table ul li .left{width:20%;background-color: #87c256;color:#fff;text-align: center;}
.product01 .sub_body .sub_sec01 .table ul li .right{width:80%;}



.product01 .sub_body .sub_sec02 .table ul li{margin-bottom:15px;}
.product01 .sub_body .sub_sec02 .table ul li > div{padding:8px;font-family: 'S-CoreDream-4Regular';}
.product01 .sub_body .sub_sec02 .table ul li .left{width:20%;background-color: #bbb;color:#fff;text-align: center; border-radius: 10px;}
.product01 .sub_body .sub_sec02 .table ul li .right{width:100%;line-height: 1.8;}


.product02.product03 .panels .sub_con_body h4{margin-bottom:10px;}
.product02.product03 .panel{position:relative; padding-top:55px;}
.product03 .sub_sec01{position:relative; padding-top:40px;}
.product03 .sub_sec01 > p{line-height: 1.8;font-size:1rem;}

.product03 .sub_sec01 ul{margin-top:40px}
.product03 .sub_sec01 ul li{margin-bottom:20px;}
.product03 .sub_sec01 ul li >div{display: flex;align-items: unset;align-items: center;}
.product03 .sub_sec01 .top{line-height: 1.8;width:150px;font-size:1.25rem; margin-bottom:0px;text-align: center;color:#888;border:1px solid #ddd;margin-right:30px; height:49px; border-radius: 49px;}
.product03 .sub_sec01 .top span{font-size:1.5rem;margin-right:10px;color:#87c256; font-weight: bold;}
.product03 .sub_sec01 .d_con{line-height: 1.8;font-size:1rem;width:calc(100% - 150px);color:#333}
.product03 .sub_sec02 p{background-color: #f5f5f5; padding:15px;line-height: 1.8;margin-top:30px; font-size:1rem;}


.product02.product04 .panels .sub_sec01{padding:0; padding-bottom: 40px;}
.product02.product04 .panels .sub_sec02{padding:0; padding-top: 40px;}

.product02.product04 .panels .sub_sec02 li > div{background-color: #f5f5f5;    padding: 10px 20px; text-align: center; color:#888}
.product02.product04 .panels .sub_sec02 li p{transform: translateY(-5px);}
.product02.product03 .panels .sub_sec03 li > div{background-color: #f5f5f5;    padding: 10px 20px; text-align: center; color:#888}
.product02.product03 .panels .sub_sec03 li p{transform: translateY(-5px);}

.product04 .panel{padding-top:55px;}
.product04 .sub_sec01 > p{line-height: 1.8;font-size:1rem; margin-bottom:30px;}
.product04 .sub_sec01 > p:last-child{margin-bottom:0;}




.product05 .sub_sec01 ul{margin-top:20px;}
.product05 .sub_sec01 ul li{margin-bottom:25px;}
.product05 .sub_sec01 p{margin-top:10px;font-size:1rem; display: flex;}
.product05 .sub_sec01 p span{width:25px; height:25px;background-color: #bbb;padding:4px 5px;font-size:12px;color:#fff; border-radius: 20px;margin-right:10px;}


.product05 .sub_sec02{margin-top:0px;}
.product05 .sub_sec02 table{width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd }
.product05 .sub_sec02 thead{background-color: #f5f5f5;}
.product05 .sub_sec02 tr{border-bottom:1px solid #ddd;}
.product05 .sub_sec02 th{text-align: center;padding:10px 0 ;border-right:1px solid #ddd;vertical-align: middle;font-size:0.937rem;}
.product05 .sub_sec02 th:last-child{border-right:none}
.product05 .sub_sec02 th > span{display:block;}
.product05 .sub_sec02 th span.po_{width:25px; height:25px;background-color: #bbb;padding:4px 5px;font-size:12px;color:#fff; border-radius: 20px;margin-right:10px;}
.product05 .sub_sec02 tr th:first-child{text-align: left;padding-left:10px;}

.sc{display: none;}
.sc02{display: none;}


.sub_sec04 .txt{word-break: break-all;background: #f5f5f5;padding:20px;font-size:1rem;}

/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){    
	.header .nav {width: 60%;}
	
	
	}
	
	/* ********************************************* *
	* 1400px
	* ********************************************* */
	@media screen and (max-width: 1400px){
	
	.tabSet ul.tabs li {width: calc(100% / 3); margin-bottom:10px;}


	.product05 .sub_sec01 p {height: 50px;}

	.sc{display: block;}
	.product05 .sub_sec02 {overflow-x: auto;}
	.product05 .sub_sec02 table {width: 1400px;}
	.tabSet ul.tabs  li:last-child{padding:0 7px 0 0;}
	.tabSet ul.tabs  li:nth-child(3n){padding:0;}

	.tabSet ul.tabs  li{margin-top:0 !important;}

	}
	
	/* ********************************************* *
	* 1200px
	* ********************************************* */
	@media screen and (max-width: 1200px){
		.header .nav {width: 67%; }
		.product02 .sub_body .panel .right {width: 300px;}
		.product02 .sub_body .panel .left {width: calc(100% - 320px);}
	  
	}
	
	/* ********************************************* *
	* 1024px
	* ********************************************* */
	@media screen and (max-width: 1024px){
	
		.product01 .sub_body .content > div:last-child {display: inherit;}
		.product01 .sub_body .content .con {width:100%;margin-top: 40px;}

		

		.product02 .sub_body .panel .right {width: 270px;}

	}
	
	
	/* ********************************************* *
	* 960px
	* ********************************************* */
	@media screen and (max-width: 960px){
		.product01 .sub_body .sub_sec02 .table ul li .left {width: 30%;}
	
		.product02 .sub_body .con {	display: flex;flex-direction: column-reverse;}
		.product02 .sub_body .panel .left {	width: 100%;}
		.product02 .panels .sub_sec01 .img {width: 100%;}
		.product02 .sub_body .panel .right {max-width: 100%;position: inherit;  width: 400px; margin:0 auto;padding-top:60px;background-color: transparent;}
		/* .product02 .panels .sub_con_body {padding: 0;} */
		.product02 .sub_body .panel .right p {display: none;}
		/* .product04 .panel {padding-top: 0;} */


		
		article.posi_top{position:inherit; }
		article.posi_ing{position:inherit; }
		article.posi_bot{position:inherit; }

		article.posi_top02{position:inherit; }
		article.posi_ing02{position:inherit; }
		article.posi_bot02{position:inherit; }

	}
	
	
	/* ********************************************* *
	* 768px
	* ********************************************* */
	@media screen and (min-width: 769px){
	 
	
	 
	}
	@media screen and (max-width: 768px){
	
		.product h3 {font-size: 1.5rem;}
		.product05 .sub_sec01 p {height: 22px;}
		.product02 .panels .sub_con_body > div:last-child {overflow-x: auto;}
		.product02 .panels table{width:830px;}
		.sc02{display: block;}


		.tabSet ul.tabs li a {font-size: 11px;}



		.product02.product03 .panels .sub_sec03 li{margin-bottom:15px;}
		.product02.product04 .panels .sub_sec02 li{margin-bottom:15px;}


	}
	
	
	/* ********************************************* *
	* 640px
	* ********************************************* */
	@media screen and (max-width: 640px){
		.product01 .sub_body .sub_sec01 .table ul li .left {width: 30%;}
		.product01 .sub_body .sub_sec01 .table ul li .right {width: 70%;}
		.product01 .sub_body .sub_sec02 .table ul li > div {padding: 8px 0;}

		


		.tabSet ul.tabs  li:nth-child(2n){padding: 0;}
		.tabSet ul.tabs  li:nth-child(3n){padding:0 7px 0 0;}
		.sub_body .top { margin-bottom: 0px;}
		.tabSet ul.tabs li {width: calc(100% / 2);}


		.product03 .sub_sec01 ul li >div {flex-direction: column;}
		.product03 .sub_sec01 .d_con {width: 100%;margin-top: 20px;}
		.product03 .sub_sec01 ul li {margin-bottom: 40px;}
		.product03 .sub_sec01 ul li:last-child{margin-bottom: 0px;}
		.product03 .sub_sec01 .top {height: 43px; width: 100%;margin-right: 0;}
		.product02.product03 .panels .sub_con_body:last-child{padding-top:70px;padding-bottom:0;}


		.product05 .sub_sec01 p {height:30px;font-size: 13px;}

		p {word-break:inherit;}
		.tabSet ul.tabs  li:nth-child(2n){padding: 0 !important;}
		.tabSet ul.tabs  li{margin-top:0 !important;}

	}
	
	
	/* ********************************************* *
	* 500px
	* ********************************************* */
	@media screen and (max-width: 500px){
		.product01 .sub_body .sub_sec01 .table ul li {flex-direction: column;margin-bottom: 20px;}
		.product01 .sub_body .sub_sec01 .table ul li .left {width: 100%;}
		.product01 .sub_body .sub_sec01 .table ul li .right {width: 100%;}
		.product01 .sub_body .sub_sec01 .table ul li > div {padding: 10px;}

		.product01 .sub_body .sub_sec02 .table ul li .left {width: 100%;}
	  
	}
	
	/* ********************************************* *
	* 400px
	* ********************************************* */
	@media screen and (max-width: 400px){
	
	
	}