/*====================================================
PC사이즈
======================================================*/
@media (min-width: 993px) {
	
.submain-area1 {
	height:200px;
	background: url(../img/comp_bg3.jpg) no-repeat center center/cover;
}
	
.submain-area {
	height:200px;
	background: url(../img/main_prod3.jpg) no-repeat center center/cover;
}

.submain-area .overlay-bg {
  background: -moz-linear-gradient(left, rgba(60, 64, 143, 0.35) 0%, rgba(91, 97, 207, 0.35) 100%);
  background: -webkit-linear-gradient(left, rgba(60, 64, 143, 0.35) 0%, rgba(91, 97, 207, 0.35) 100%);
  background: linear-gradient(to right, rgba(60, 64, 143, 0.35) 0%, rgba(91, 97, 207, 0.35) 100%);
}

.submain-area1 .overlay-bg {
  background: -moz-linear-gradient(left, rgba(60, 64, 143, 0.35) 0%, rgba(91, 97, 207, 0.35) 100%);
  background: -webkit-linear-gradient(left, rgba(60, 64, 143, 0.35) 0%, rgba(91, 97, 207, 0.35) 100%);
  background: linear-gradient(to right, rgba(60, 64, 143, 0.35) 0%, rgba(91, 97, 207, 0.35) 100%);
}

.subbox{height:200px !important;}	

.compintro-area img{width:100%;}	
	
.cta-area {
    background: #3d4191;
    padding: 0px 0 20px 0;
}		
	
section.subproduct{margin:30px 0 20px 0;}
	
.subprod{}
ul.pmenu{margin:10px 0 20px 0;}
ul.pmenu > li{float:left;width:16.5%;text-align:center;margin-left:1px;margin-top:2px;}
ul.pmenu > li > a{display:inline-block;width:100%;height:100%;font-weight:400;background:rgba(185, 185, 185, 0.35);
border:1px solid #ddd;border-collapse : collapse;padding:10px 0;font-size:1.1rem;color:#404040;
} 
ul.pmenu > li > a:hover{background:rgba(61, 65, 145, 1); color:#fff;font-weight:700;letter-spacing:-1px;}	
ul.pmenu > li > a.active{background:rgba(61, 65, 145, 1); color:#fff;font-weight:700;}
	
.subpmemo{margin:10px 0px 30px 0px;padding:0 -15px 0 -15px;}
.subpmemo .col-lg-12{padding-right: 0px; padding-left: 0px;}
.bigpic img{width:inherit;}
	
.subpmemo .card{background:rgba(185, 185, 185, 0.15);}

.comp-img {
    height: 170px !important;
    overflow-y: hidden;
    margin-bottom: 50px; 
}

	
	.pc{display:block;}
	.pc img{width:100%;}
	.mobile{display:none !important;}

		
ul.comp-lis2 li strong{width:15%;}
ul.comp-lis2 li span{width:75%;;}	



.action{text-align:center;}

.action a.banner-btn{width:40%;}
.action a.catalog-btn{width:40%;}	
.product-bun span{display:inline-block;clear:both;margin:5px 0 0 75px;}
.mobileclear{display:inline-block;float:left;}


.catalog-btn{
line-height: 20px;
padding: 0 15px;
border-radius: 5px;
border: 0px solid #00ff8c;
display: inline-block;
font-size:1.0rem;
font-weight: 600;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer;
background-color: #3d4191;color:#fff;border:0px;margin-right:5px;vertical-align: bottom;margin-top: 8px;}

ul.comp-lis strong{width:35%;display: inline-block;}
ul.comp-lis em{width:64%;display: inline-block;}


.prod-cattit{display:inline-block;width:16%;}
.prod-cat{display:inline-block;width:80%;}









}

/*====================================================
탭사이즈 및 모바일가로
======================================================*/
@media (max-width: 992px) {
	
		
.submain-area {
	height:200px;
}

.submain-area .overlay-bg {
  background: -moz-linear-gradient(left, rgba(60, 64, 143, 0.85) 0%, rgba(91, 97, 207, 0.55) 100%);
  background: -webkit-linear-gradient(left, rgba(60, 64, 143, 0.85) 0%, rgba(91, 97, 207, 0.55) 100%);
  background: linear-gradient(to right, rgba(60, 64, 143, 0.85) 0%, rgba(91, 97, 207, 0.55) 100%);
}

.submain-area1 {
	height:200px;
}

.submain-area1 .overlay-bg {
  background: -moz-linear-gradient(left, rgba(60, 64, 143, 0.85) 0%, rgba(91, 97, 207, 0.55) 100%);
  background: -webkit-linear-gradient(left, rgba(60, 64, 143, 0.85) 0%, rgba(91, 97, 207, 0.55) 100%);
  background: linear-gradient(to right, rgba(60, 64, 143, 0.85) 0%, rgba(91, 97, 207, 0.55) 100%);
}

.subbox{height:200px !important;}	
.compintro-area img{width:100%;}		
.col-md-6{width:50%;}
	
	
	
.subprod{}
ul.pmenu{margin:10px 0 20px 0;}
ul.pmenu > li{float:left;width:16.0%;text-align:center;margin-left:1px;margin-top:2px;}
ul.pmenu > li > a{display:inline-block;width:100%;height:100%;font-weight:400;background:rgba(185, 185, 185, 0.35);
border:1px solid #ddd;border-collapse : collapse;padding:10px 0;font-size:0.7rem;color:#404040;
} 
ul.pmenu > li > a:hover{background:rgba(61, 65, 145, 1); color:#fff;font-weight:700;letter-spacing:-1px;}	
ul.pmenu > li > a.active{background:rgba(61, 65, 145, 1); color:#fff;font-weight:700;}
		
ul.comp-lis li{margin:0 0 20px 0 !important;}
ul.comp-lis strong{display:inline-block;}
ul.comp-lis em{display:inline-block;font-style:normal;}		
	

		.pc{display:none !important;}
	.mobile{display:inline-block;}
	
	
ul.comp-lis2 li strong{width:20%;margin-right:10px;}
ul.comp-lis2 li span{width:70%;;}	


.action{text-align: center;}
.subbanner-btn{color: #fff; margin-top: 40px;background-color: #992619;width:60%;}

.product-bun strong{display:inline-block;}
.product-bun span{display:inline-block;}
/*
.product-bun span{display:inline-block;clear:both;margin:5px 0 0 86px;}*/

.mobileclear{display:inline-block;clear:both;margin:10px 0 0 86px;}



.prod-cattit{width:22%;}
.prod-cat{width:75%;}


















}


/*====================================================
MOBILE사이즈
======================================================*/
@media (max-width: 768px) {
	
body {

    color: #1c1c1c !important;
    font-family: "Poppins", sans-serif;
    font-size: 16px !important;
    font-weight: 300;
    line-height: 1.3em !important;
    position: relative;

}

.submain-area {
	height:66px;
    background: linear-gradient(to right, rgba(60, 64, 143, 0.85) 0%, rgba(91, 97, 207, 0.55) 100%);
}

.submain-area .overlay-bg {
  background:rgba(60, 64, 143, 0.85);

}

.submain-area1 {
	height:66px;
    background: linear-gradient(to right, rgba(60, 64, 143, 0.85) 0%, rgba(91, 97, 207, 0.55) 100%);
}

.submain-area1 .overlay-bg {
  background:rgba(60, 64, 143, 0.85);

}

.subbox{height:90px !important; display:none;}	
.section-half {
    padding: 66px 0 10px 0;
}	
.compintro-area img{width:100%;}	
.studio-content {
    color: #1c1c1c !important;
}	
.studio-content h2 {
    color: #000 !important;
}	
	
.col-sm-12{width:100%; padding:15px 10px;}	
.col-sm-6{width:50%;}
	
.compintro-area{margin-top:0px !important;display:inline;}		


	

ul.pmenu{margin:10px 0 20px 0;}
ul.pmenu > li{float:left;width:33.0%;text-align:center;margin-left:1px;margin-top:2px;}
ul.pmenu > li > a{display:inline-block;width:100%;height:100%;font-weight:400;background:rgba(185, 185, 185, 0.35);
border:1px solid #ddd;border-collapse : collapse;padding:10px 0;font-size:1rem;color:#404040;padding-left:1px;padding-right:1px;letter-spacing:-1px;
} 
ul.pmenu > li > a:hover{background:rgba(61, 65, 145, 1); color:#fff;font-weight:700;letter-spacing:-1px;}	
ul.pmenu > li > a.active{background:rgba(61, 65, 145, 1); color:#fff;font-weight:700;}
	
.subpmemo{margin:10px 0px 30px 0px;padding:0 -15px 0 -15px;}
.subpmemo .col-lg-12{padding-right: 0px; padding-left: 0px;}
.bigpic img{width:inherit;}
	
.subpmemo .card{background:rgba(185, 185, 185, 0.15);padding:1em !important;margin-top: 10px;}	

.comp-img {
    height: 170px !important;
    overflow-y: hidden;
    margin-bottom: 20px;
}	
	
.action a.banner-btn{margin:0 auto;clear:both;margin-top:20px;margin-left:18%;width:200px;text-align:center;}
.action a.catalog-btn{margin:0 auto;clear:both;margin-top:10px;margin-left:18%;width:200px;}
	.pc{display:none !important;}
	.mobile{display:inline-block;}
	
	
	
ul.comp-lis2 li strong{width:20%;margin-right:10px;}
ul.comp-lis2 li span{width:70%;;}	

.prod-cattit{width:24%;}
.prod-cat{width:73%;}	
.tab-content img{height:80%;}



.catalog-btn{
line-height: 20px;
padding: 0 10px;
border-radius: 4px;
border: 0px solid #00ff8c;
display: inline-block;
font-size:1.0rem;
font-weight: 600;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer;
background-color: #3d4191;color:#fff;border:0px;margin-right:4px;vertical-align: middle;}
.cam1{margin-top:0px;}
.cam2{margin-top:5px;}

ul.comp-lis strong{display:inline-block;width:38%;}
ul.comp-lis em{display:inline-block;width:60%;}

ul.complis3 li {
    margin: 0 0 4px 0 !important;
}


	
}

@media (max-width: 575px) {
.prod-cattit{width:24%;}
.prod-cat{width:73%;}	
	
ul.comp-lis strong{display:block !important;width:100% !important;}
ul.comp-lis em{display:block !important;clear:both;width:100% !important;padding-left:10px;}


	
}

@media (max-width: 399px) {
	
	ul.pmenu > li {

		height: 40px;
		line-height:70%;
	}

	.pc{display:none !important;}
	.mobile{display:inline-block;}
	
	
ul.comp-lis2 li strong{width:20%;margin-right:10px;}
ul.comp-lis2 li span{width:70%;;}	
	
ul.comp-lis strong{display:block !important;width:100% !important;}
ul.comp-lis em{display:block !important;clear:both;width:100% !important;padding-left:10px;}

	
	
	
	
	
	
	
	
	
	
}