.d-block{display:block;} .d-none{display:none;}

section .inner-tab{text-align: center; margin-bottom:60px; font-size:0;}
section .inner-tab li{display:inline-block; padding:15px; cursor: pointer; border:1px solid #ddd; min-width:240px; color:#666; margin:0 4px; font-size:16px;}
section .inner-tab li.crrent{color:#0e4495; border:1px solid #0e4495;}/* box-shadow: 0px 0px 0px 1px rgba(14,68,149,1); */
section .inner-tab li:hover{color:#0e4495; }


/* table */
.table-responsive{overflow-x: auto;}

/* sub page banner */
.sub-banner{background-image: url(../images/sub-visuals1.jpg); position: relative; height:500px; background-size:cover !important;}
.sub-banner .txt{text-align: center; color: #fff; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%);
width:calc(100% - 48px);}
.sub-banner .txt h2{font-size:32px;}
.sub-banner .txt p{font-size:18px; color:#fff; margin-top:10px;}

/* sub page mobile select menu */
.subpage_tab_mobile{width:100%; bottom:0; position: absolute;
  background-color: rgba(60,49,125,0.8) 100%; background-image: linear-gradient(to right, rgba(89,156,255,0.8) 0%, rgba(60,49,125,0.8) 100%);}
.subpage_tab_mobile .select_home{width:60px; float:left;}
.subpage_tab_mobile .select_home > a{background-image: url(../images/icon-home.png); background-repeat: no-repeat;
    background-position: center; background-size: 20px 20px; height:60px; width:100%; display: block; position: relative;}

.select_wrap{width: calc(100% - 60px); color: white; float:left; height:60px;}
.select_wrap>li{width:25%; height: 60px; float: left; line-height: 60px;  position: relative;  }

.subpage_tab_mobile .select_home > a:after,
.select_wrap>li:after{content:''; position: absolute; top:0; right:0; width:1px; height:100%; background:rgba(225, 225, 225, 0.3);}
.select_menu{box-sizing: border-box;}
.select_in_menu{cursor: pointer;}
.select_menu>span,.select_in_menu>span{margin: 0 20px;}
.select_wrap .plus_btn{transform: translateY(-50%); top:50%; position: absolute; right:0;
    border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid white;}

  .select_wrap .plus_btn.drop{transform: translateY(-50%) rotate(180deg);}

.select_sub_title,.select_sub_menu{width: 100%; overflow: hidden; position: relative; z-index: 9; display: none;}
.select_sub_title>li,.select_sub_menu>li{background-color:  rgba(60,49,125,0.8); width: calc(100% - 1px); cursor: pointer; padding: 0 20px;
  border-bottom: 1px solid rgba(225, 225, 225, 0.2); }
.select_sub_title>li a,.select_sub_menu>li a{color:#fff !important; display:block; width:100%;}

section .bg{padding-bottom:160px; background:#f5f5f5;}

/* subpage title */
.page-tit{padding-top:40px !important; padding-bottom:40px !important; font-size:28px;}


/* 사업영역 */
.border{width:100%; height:1px; background:#ddd;}
.sct_business .sub-tit:before {display: block; content: ""; width: 67px; height: 5px; background-color: #0e4495; margin-bottom: 20px;
  background-image: linear-gradient(to right, rgba(89,156,255,0.8) 0%, rgba(60,49,125,0.8) 100%);}
.sct_business .sub-tit{padding-top:60px; font-size:18px; font-weight:400; margin-bottom:60px;/*  word-break: keep-all; */}

.img-container{font-size:0; margin:0 -10px; margin-bottom:20px;}
.img-container li{width:33.33%; display:inline-block; padding:0 10px;}
.img-container li .image{ padding-bottom:70%; background-size:100% auto;}

.b-info-wrap.pt-3 h4{margin-bottom:10px;}
.b-info-wrap.box{margin-bottom:40px; background:#fff; border:1px solid #ddd; padding:24px 40px;}
.sct_business h4{position: relative; font-size:24px; padding-left:20px;}
.sct_business h4:before {content: '';position: absolute; width: 4px;height: 22px;left: 0;top:50%; transform: translateY(-50%); background: #0e4495;}
.b-info-wrap p{font-size:17px; margin-top:10px;}

.sct_business .b-container{margin-top:50px;}
.sct_business .left .slider-for .slick-slide{height:auto;}
.sct_business .left .slider-nav .slick-slide{margin:10px 5px;}
.sct_business .left, .sct_business .right{width:50%; float:left;}
.sct_business .right{padding-left: 40px;}

.contents-wrap .inner.mt-0{margin-top:0;}
.contents-wrap p.division{font-size:18px; margin-bottom:10px; color:#0e4495;}
.contents-wrap ul{margin:0 -10px;}
.contents-wrap ul li{float:left; width:16.66%; padding:0 10px;}
.contents-wrap ul li.p-0{padding:0;}
.contents-wrap ul li img{border:1px solid #ddd;}
.contents-wrap ul li span{display: block; text-align: center; font-size:14px;}
.contents-wrap ul li.col-lg-4{width:33.33%;}
.contents-wrap ul li.col-lg-4 .img-bg{padding-bottom:70%; background-color:#fff;}
.contents-wrap ul li.col-lg-4 span{margin-top:10px; font-size:16px;}
.contents-wrap ul li.col-lg-6{width:50%;}
.contents-wrap ul li.col-lg-12{width:100%;}

/* 친환경 시스템 */
.contents-wrap ul li.wpv_left .img-bg{padding-bottom:106.9%;}
.contents-wrap ul li.wpv_right .img-bg{background-size:cover !important;}
.contents-wrap ul li.wpv_right ul li:first-child{margin-top:0 !important;}

.contents-wrap ul li.sre_left .img-bg{padding-bottom:70.6%;}


[class*="col-"] .img-bg{padding-bottom:70%;}
.contents-wrap ul li.col-lg-4{width:33.33%;}
.contents-wrap ul li.col-lg-8{width:66.66%;}

.sct_business .table-container{padding-top:60px;}
.sct_business .table-container h4{margin-bottom:10px;}
.table1{width:100%; border-top:3px solid #0e4495; background:#fff;}
.table1 tr{border-bottom:1px solid #ddd;  border-left:1px solid #ddd;}
.table1 tr .num{min-width:60px;}
.table1 tr th{font-size:17px; font-weight:700; text-align: center; padding:5px 12px; border-right:1px solid #ddd; min-width:120px; vertical-align: middle;}
.table1 tr td{text-align: center;  padding:5px 12px; border-right:1px solid #ddd;  vertical-align: middle;}
table .bg_gray{background:#f5f5f5;}


.table2{width:100%; border-top:3px solid #0e4495; background:#fff;}
.table2 tr{border-bottom:1px solid #ddd;  border-left:1px solid #ddd;}
.table2 tr td{text-align: left;  padding:10px 16px; border-right:1px solid #ddd;  vertical-align: middle;}

/* 칩박스 */
.chart-img{background-size:100% auto;}
.table3{width:100%; background:#fff;}
.table3 tr{border-left:1px solid #ddd;}
.table3 tr th{background:#0e4495; color:#fff; padding:4px 16px;}
.table3 tr td{padding:4px 16px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}

/* 제품소개 */
.p1_container ul{font-size:0; background:#fff; border:1px solid #ddd; padding:24px 40px;}
.p1_container ul li{width:33.33%; display:inline-block; vertical-align: top;}
.p1_container ul li span{display:block; font-size:15px; color:#0e4495; font-weight:700;}
.p1_container ul li h5{font-size:17px;}
.p1_container ul li p{font-size:16px; color:#666;}


/* ********************************************* *
 * 1200px max
 * ********************************************* */
 @media screen and (max-width: 1200px){


.sct_greeting .ceo-img .ceo-name{left:15%;}

}
/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media screen and (max-width: 1024px){
    .col-lg-12{width:100%;}
    .sct_greeting .ceo-top{padding:0;}
    .sct_greeting .ceo-area{padding-left:24px; padding-right:24px;}
    .sct_greeting .ceo-area p{width:50%;}
    .sct_greeting .ceo-img{height:120px; width:50%; float:right;}
    .sct_greeting .ceo-img .ceo-name{opacity: 0; visibility: hidden;}




  .select_wrap .select_menu, .select_wrap .select_in_menu{width:50%;}
  .contents-wrap ul.chart-area li.col-lg-6{width:100%;}

  .sct_business .right{padding-left:16px;}

}
/* ********************************************* *
 * 768px max
 * ********************************************* */
 @media screen and (min-width: 768px){
   .d-sm-block{display:block;}
   .d-sm-none{display:none;}

}

/* ********************************************* *
 * 768px max
 * ********************************************* */
 @media screen and (max-width: 768px){
    .col-sm-4{width:33.33% !important;}
   .col-sm-12{width:100% !important;}

   table tr{font-size:14px;}

   /* company */
   .sct_certificate .contents{width:100%;}

   .select_wrap .select_menu{width:40%;} .select_wrap .select_in_menu{width:60%;}

   .sub-banner .txt h2{font-size:24px;}
   .page-tit h3{font-size:22px;}
   .sub-banner .txt p{font-size:16px;}

	.sct_business h4{font-size:20px; padding-left:15px;}
	.sct_business h4:before{top:calc(50% + 2px);}
	.contents-wrap ul li.col-lg-4{width:50%;}
	.contents-wrap ul li.col-sm-4{width:33.33%;}
	.contents-wrap ul li.col-lg-4 span{font-size:14px;}

   /* ceo */
   .sct_greeting .ceo-area b{font-size:20px;}
   .sct_greeting .ceo-area span{font-size:30px;}
   .sct_greeting .ceo-area p{font-size:16px;}
   .sct_greeting .ceo-area p:first-child{width:100%;}

   /* business */

   /* product */
   .sct_business .sub-tit{font-size:16px;}
   .p1_container ul li{width:50%; margin-top:10px; margin-bottom:10px;}

   .b-info-wrap p{font-size:15px;}

   .sct_business .left, .sct_business .right{width:100%;}
   .sct_business .right{padding-left:0;}

   .b-info-wrap.box{padding:24px;}

   .chart-area .col-lg-6{width:100%;}
   .chart-area .chart-img{background-size:80% auto;}

   .belt-area .img-bg{background-size:100% auto;}
   .belt-area .b-info-wrap.box{margin-top:-1px;}




  /* 연혁 */ 
  section .inner-tab li{font-size:14px; min-width: 180px;}
  .sct_history .line{left:24px;}
  .history_content{padding-bottom:20px;}
  .history_content.img_area{margin-top:0;}
  .history_content.img_area, .history_content.txt_area {width:100%;}
  .history_content > .his_inner > .history_box{width:100%; padding-right:24px;}
  
  .history_content > .his_inner > .history_box.left{right:unset; left:24px; text-align: left;}
  .history_content.img_area .history_box.left img{height:260px;}

  .sct_history .item::after,.sct_history .item::before{clear:both; content:''; display:table;}
}

/* ********************************************* *
 * 600px max
 * ********************************************* */
 @media screen and (max-width: 600px){
	.col-xs-6{width:50% !important;}


	.contents-wrap ul li.col-xs-4{width:33.33%;}
	.contents-wrap ul li.col-xs-12{width:100% !important;}


   /* company */
   .page-container .sct_overview .box{background-size:cover; padding:40px 0;}
   .page-container .sct_overview .box .item {width:100%; margin-bottom:16px;}
   .page-container .sct_overview .box .item:last-child{margin-bottom:0;}

   /* ceo */
   .sct_greeting .ceo-area p{width:65%;}
   .sct_greeting .ceo-img{height:100%; bottom:-48px;}

   /* map */
   .map-container .root_daum_roughmap{height:280px !important;}
   .map-container .txt-area{padding:24px 16px; overflow:auto;}
   .map-container .txt-area .left{font-size:18px; margin-bottom:10px;}
   .map-container .txt-area .right{font-size:15px;}
   .map-container .txt-area .left, .map-container .txt-area .right{width:100%;}

	/* 친환경 시스템 */
	.contents-wrap ul li.wpv_left{width:100%;}
	.contents-wrap ul li.wpv_right{width:100%; margin-top:0;}
	.contents-wrap ul li.wpv_right ul li:first-child{margin-top:16px !important;}



   .sub-banner{height:360px;}

   .select_wrap>li{font-size:14px;}

   .img-container li{width:50%;}
   .select_wrap .select_menu{width:35%;} .select_wrap .select_in_menu{width:65%;}


   section .inner-tab li{display:block; padding:10px 0; max-width:200px; margin:0 auto; margin-bottom:10px;}

}

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

   /* company */
   .sct_certificate .contents, .sct_certificate .contents .left,.sct_certificate .contents .right{width:100%;}
    .col-xs-6{width:50% !important;}




    .col-lg-6{width:100%;}
   .chart-area .chart-img{background-size:100% auto;}


    /* product */
    .p1_container ul li.item{width:100%;}
    .contents-wrap ul li.col-lg-6, .contents-wrap ul li.col-lg-4, .contents-wrap ul li.col-lg-8{width:100%; padding-left:10px; padding-right:10px;} 
    .b-info-wrap.box{padding:24px !important;}

    .img-bg{background-size:100% auto;}

    
   

}


  /* ********************************************* *
 * 380 max
 * ********************************************* */
 @media screen and (max-width: 380px){


   
  .subpage_tab_mobile .select_home{display:none;}
  .select_wrap{width:100%;}
  .img-container li{width:100%;}



}