@charset "utf-8";

/*메인*/
/*비주얼*/
.main_visual{
    position: relative; z-index:0;
}
.main_visual .item{
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 670px;
}
.main_visual .mv1{
    background-image: url('../img/main/visual-slide1.jpg');
}
.main_visual .mv2{
    background-image: url('../img/main/visual-slide2.jpg');
}
.main_visual .mv3{
    background-image: url('../img/main/visual-slide3.jpg');
}
.main_visual .text{
    position: absolute;
    left: 50%;
    top: 34%;
	text-align:center;
    /* margin-left: -640px; */
    transform: translate(-50%,-50%);
    width: 1280px;
}
.main_visual .text img{
}
.main_visual .text h2{
    font-size: 3.267rem; color: #111; letter-spacing: -1px; font-weight:300;
}
.main_visual .text h2 span{
    font-weight: 800;
}
.main_visual .text h2 br {display:none;}
.main_visual .text p{
    color: #555; font-size: 1.32rem; letter-spacing: -0.8px; margin-top:2rem; font-weight:500;
}
.main_visual .text a{
    display: inline-block; padding: 1.2rem 1.4rem; font-size: 0.933rem; line-height: 1; 
    color: #555; border: 1px solid #555;
}
.main_visual .text span.mark {display:inline-block; margin-bottom:64px;}
.main_visual .text span.mark img {width:auto !important;}

.main_visual .text span.key {display:block; margin-bottom:60px; font-size:30px; font-weight:900; line-height:1.4rem; color:#146b3b; letter-spacing:2px; /*background:-webkit-linear-gradient( to right, #009844, #083f21 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/}

.main_visual .owl-theme .owl-nav{
    position: absolute;
}
.main_visual .owl-theme .owl-nav button{
    margin: 0; border-radius: 0;
}
.main_visual .owl-theme .owl-nav .owl-prev{
	position: absolute;
	width:37px; height:72px;
	top:50% !important;
	left:50px !important;
	margin-top:-36px;
}
.main_visual .owl-theme .owl-nav .owl-next{
	position: absolute;
	width:37px; height:72px;
	top:50% !important;
	right:50px !important;
	margin-top:-36px;
}
.main_visual .owl-theme .owl-nav button span{
    text-indent: -9999px; display: block; width: 37px; height: 72px;
    background-repeat: no-repeat;
    background-position: center;
}
.main_visual .owl-theme .owl-nav .owl-prev span{
    background-image: url('../img/common/arrow-left-b.png');
}
.main_visual .owl-theme .owl-nav .owl-next span{
    background-image: url('../img/common/arrow-right-b.png');
}
.main_visual .owl-theme .owl-dots{
    position: absolute;     bottom: 50px; left: 50%;
    transform: translateX(-50%);
}
.main_visual .owl-theme .owl-dots .owl-dot{
    position: relative;
}
.main_visual .owl-theme .owl-dots .owl-dot span{
    width: 12px; height: 12px;     margin: 0 10px;
}
.main_visual .owl-theme .owl-dots .owl-dot.active span,
.main_visual .owl-theme .owl-dots .owl-dot:hover span{
    background: #009844;
}
.main_visual .owl-theme .owl-dots .owl-dot.active span::after{
    content: ''; display: block; position: absolute; background: rgba(0,152,68,.5);
    width: 24px; height: 24px; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;
}

.mv_slider_control{
    position: absolute; right: 70px; bottom: 0;
    width: 70px; height: 70px;
    z-index: 1;
}
.mv_slider_control button{
    display: block;
    cursor: pointer;
    border: none;
    background-color: #f2f2f2;
    text-indent: -9999px;
    width: 100%; height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.mv_slider_control .pause{
    background-image: url('../img/common/ico-pause.png');
}
.mv_slider_control .play{
    background-image: url('../img/common/ico-play.png');
    display: none;
}

@media screen and (max-width:1240px) {
.main_visual .item{height: 540px;}
.main_visual .text h2{font-size: 2.4rem; letter-spacing: 0px;}
.main_visual .text p{font-size: 1.2rem; letter-spacing:0px; margin-top:1.4rem;}
.main_visual .text a {display: inline-block; padding: 1.2rem 1.4rem; font-size: 0.933rem; line-height: 1; color: #555; border: 1px solid #555;}
.main_visual .text span.mark {margin-bottom:50px;}
.main_visual .text span.key {margin-bottom:48px; font-size:28px; letter-spacing:1px; } 

.main_visual .owl-theme .owl-nav .owl-prev{
	width:30px; height:58px;
	top:50% !important;
	left:2% !important;
	margin-top:-29px;
}
.main_visual .owl-theme .owl-nav .owl-next{
	width:30px; height:58px;
	top:50% !important;
	right:2% !important;
	margin-top:-29px;
}
.main_visual .owl-theme .owl-nav button span{width: 30px; height: 58px;}
.main_visual .owl-theme .owl-nav .owl-prev span{
    background-image: url('../img/common/arrow-left-b.png'); background-size:100%;
}
.main_visual .owl-theme .owl-nav .owl-next span{
    background-image: url('../img/common/arrow-right-b.png'); background-size:100%;
}
.main_visual .owl-theme .owl-dots{bottom: 40px;}
}
 
@media screen and (max-width:720px) {
.main_visual .item{height: 480px;}
.main_visual .text h2{font-size:2.3rem;line-height:2.8rem;}
.main_visual .text p{font-size: 1rem; margin-top:0.6rem;}
.main_visual .text p span {display:none;}
.main_visual .text span.mark {margin-bottom:20px;}
.main_visual .text span.mark img {height:24px;}
.main_visual .text span.key {margin-bottom:20px; font-size:20px; letter-spacing:0.5px; } 
.main_visual .text h2 br {display:block;}
.main_visual .owl-theme .owl-nav .owl-prev {display:none;}
.main_visual .owl-theme .owl-nav .owl-next {display:none;}
.main_visual .owl-theme .owl-dots{bottom: 25px;}
}
@media screen and (max-width:520px) {
.main_visual .item{height: 400px;}
.main_visual .text h2{font-size:2.1rem;line-height:2.5rem;}
.main_visual .text span.mark {margin-bottom:16px;}
.main_visual .text span.mark img {height:19px;}
.main_visual .text span.key {margin-bottom:14px; font-size:17px;} 
}


























.main_01_major_area{ background:#fff  }
.main_01_major{ width:92%; max-width:1000px; margin: 0 auto; padding:40px 4% 50px 4%; }
.main_01_major:after{ clear:both; display:block; content:"";}
.main_01_major h2{ font-size:22px; text-align:center; margin-bottom:20px}



.main_01_major_area .pro_mapro{ margin-left:-20px;  overflow: hidden; *width:100%; }
.main_01_major_area .pro_mapro li{ float:left;  width:33.3333%;  }

.main_01_major_area .pro_mapro li:first-child{ margin-left:0}
.main_01_major_area .pro_mapro li dl { padding:5%; margin-left:20px;   border:1px solid #eeeeee; background:#fff}
.main_01_major_area .pro_mapro li dl dt{ text-align:center}
.main_01_major_area .pro_mapro li dl dt img{ margin:0 auto}
.main_01_major_area .pro_mapro li dl dd { margin-top:-20px; height:40px; overflow:hidden; color:#666; line-height:1.3em; font-weight:600; font-size:16px}



@media screen and (max-width:1000px){
	
.main_01_major_area .pro_mapro{ margin-left:-10px;  }
.main_01_major_area .pro_mapro li dl {margin-left:10px;  }
.main_01_major_area .pro_mapro li dl dd { margin-top:0px; font-size:14px}
	
}
	
@media screen and (max-width:640px){
	.main_01_major_area .pro_mapro li dl dd { margin-top:0px; font-size:12px}

	
}

@media screen and (max-width:480px){	
.main_01_major h2{ font-size:16px;}
}

.main_01_area{ border-bottom:1px solid #e3e3e3}
.main_01{ width:92%; max-width:1000px; margin: 0 auto; padding:40px 4% 50px 4%; }
.main_01:after{ clear:both; display:block; content:"";}
.main_01 h2{ font-size:22px; text-align:center; margin-bottom:20px}

.main_01 ul{ margin-left:-30px;  overflow: hidden; *width:100%; }
.main_01 ul li{ float:left;  width:25%; text-align:center ; }

.main_01 ul li:first-child{ margin-left:0}
.main_01 ul li dl{margin-left:30px; display:block; }
.main_01 ul li dl dt{ font-size:18px; font-weight:600; margin:10px  0}
.main_01 ul li dl dd{ height:43px; overflow:hidden}


.main_01 ul li a:hover dl p img { opacity: 0.9; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }



@media screen and (max-width:720px){	
.main_01 > ul > li{ width:50%; }

.main_product {margin-bottom: 0px !important;}
}


@media screen and (max-width:480px){
.main_01 ul li dl dt{ font-size:16px; margin:10px  0 5px 0 }
.main_01 ul li dl dd{ letter-spacing:-1px; font-size:12px; color:#999}
.main_01 ul li dl dd br{ display:none;}

.main_01 h2{ font-size:16px; }
}


/*
.simu_area{background:#c83b36}
.simu_text{ text-align:center; font-size:20px; line-height:70px; letter-spacing:-1px;}
.simu_text a{color:#fff;}
*/

.simu_area_bg{ width:100%; background:#e4e4e4 url(../img/main/simu_img_bg.jpg) top center no-repeat; text-align:center; overflow:hidden}
.simu_img{max-width:1000px; margin:0 auto;}
.simu_img p.img1{width:52.9%; float:left}
.simu_img p.img2{width:47.1%; float:left}





.main_02{ width:92%; max-width:1000px; margin: 0 auto; padding:40px 4% 60px 4%}
.main_02:after{ clear:both; display:block; content:"";}
.main_02 > ul{ margin-left:-30px;  overflow: hidden; *width:100%; }
.main_02 > ul > li{ float:left;  width:25%;  }
.main_02 > ul > li > div{margin-left:30px; }
.main_02 > ul > li h2{  margin:15px 0 15px 0; font-weight:600; font-size:18px}
.main_02 > ul > li:first-child{ margin-left:0}
.main_02 > ul > li img{ width:100%;}
.main_02 ul li ul.inquiry { border-top:1px solid #e5e5e5}
.main_02 ul li ul.inquiry li{ border-bottom:1px solid #e5e5e5; max-height:70px; height:70px; width:100%; margin:0; padding:0; background:url(../img/main/icon_arr1.gif) no-repeat 93% 50%;}
.main_02 ul li ul.inquiry li dl{ margin:10px 0 10px 10px}
.main_02 ul li ul.inquiry li dl dt{ font-size:15px; font-weight:600; margin-bottom:5px }
.main_02 ul li ul.inquiry li dl dd{ color:#666; line-height: normal}
@media screen and (max-width:999px){	
.main_02 ul li ul.inquiry li{ height:auto}
.main_02 ul li ul.inquiry li dl dt{ margin-bottom:0px }
.main_02 ul li ul.inquiry li dl dd{ font-size:12px; height:auto ; display:none}
}

@media screen and (max-width:720px){	
.main_02 > ul > li{  width:50%; min-height:180px }
.main_02 > ul > li:first-child{ }
.main_02 ul li ul.inquiry li dl dt{ margin-bottom:5px }
.main_02 ul li ul.inquiry li dl dd{  height:auto ; display: block}

}


@media screen and (max-width:480px){	
.simu_text{  font-size:16px; line-height:50px;}
.simu_text img{ width:20px}

.main_02 > ul{ margin-left:-10px; }
.main_02 > ul > li > div{margin-left:10px; }

.main_02 > ul > li h2{  font-size:16px}
.main_02 ul li ul.inquiry li dl dt{ margin-bottom:0px }
.main_02 ul li ul.inquiry li dl dd{  display:none}


}

.slider_peo{ position:relative}
.slider_peo .bx-wrapper { padding: 0px; position: relative; }
.slider_peo .bx-wrapper .bx-viewport  {  } 
.slider_peo .bx-wrapper .bx-pager {  display:none } 

.slider_peo .bx-wrapper .bx-controls-auto { display:none}
.slider_peo .bx-wrapper .bx-pager {   }
.slider_peo .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
.slider_peo .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.slider_peo .bx-wrapper .bx-default-pager.bx-pager a { } /*라운드,글자*/
.slider_peo .bx-wrapper .bx-default-pager.bx-pager a:hover {  }
.slider_peo .bx-wrapper .bx-default-pager.bx-pager a.active {  }
.slider_peo .bx-wrapper .bx-prev { background: url("../img/main/icon_prev.gif") no-repeat top; top:-40px; right: 24px; width:25px; height:25px;  } 
.slider_peo .bx-wrapper .bx-next { background: url("../img/main/icon_next.gif") no-repeat top; top:-40px;  right: 0;width:25px; height:25px;}  
.slider_peo .bx-wrapper .bx-prev:hover {  }
.slider_peo .bx-wrapper .bx-next:hover {  }
.slider_peo .bx-wrapper .bx-controls-direction a {  text-indent: -9999px; position: absolute; z-index: 9999; }
.slider_peo .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-pager {  } 
.slider_peo .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-controls-auto {  } 


.slider_peo .bx-wrapper .bx-caption { background: rgba(80, 80, 80, 0.75); left: 0px; width: 100%; bottom: 0px; position: absolute; }
.slider_peo .bx-wrapper .bx-caption span { padding: 10px; color: rgb(255, 255, 255); font-family: Arial; font-size: 0.85em; display: block; }

#slider1 li{ margin:0; padding:0; }
#slider1 dl{ margin:0 ; padding:0;overflow:hidden}
#slider1 dl dt{}
#slider1 dl dt img{   max-height:160px; }
#slider1 dl dd{ position:absolute; background:#000; bottom:0; height:40px; line-height:40px; display:inline-block; color:#fff; width:100%; text-indent:10px; filter: alpha(opacity=70); -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; overflow:hidden }

@media screen and (max-width:1000px){
#slider1 dl dt img{  height: auto}
#slider1 dl dd{  height:25px; line-height:25px; font-size:12px}
}





.slider_mpro{ position:relative}
.slider_mpro .bx-wrapper { padding: 0px; position: relative; }
.slider_mpro .bx-wrapper .bx-viewport  {  } 
.slider_mpro .bx-wrapper .bx-pager {text-align: center;  top: -30px; right:0px; position: absolute;  z-index:1000 } /*라운드영역*/
.slider_mpro .bx-wrapper .bx-controls-auto { display:none}
.slider_mpro .bx-wrapper .bx-pager {   }
.slider_mpro .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
.slider_mpro .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }

.slider_mpro .bx-wrapper .bx-prev { display:none; background: url("../img/main/icon_prev.gif") no-repeat top; top:-40px; right: 24px; width:25px; height:25px;  } 
.slider_mpro .bx-wrapper .bx-next { display:none; background: url("../img/main/icon_next.gif") no-repeat top; top:-40px;  right: 0;width:25px; height:25px;}  
.slider_mpro .bx-wrapper .bx-prev:hover {  }
.slider_mpro .bx-wrapper .bx-next:hover {  }
.slider_mpro .bx-wrapper .bx-controls-direction a {  text-indent: -9999px; position: absolute; z-index: 9999; }
.slider_mpro .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-pager {  } 
.slider_mpro .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-controls-auto {  } 

.slider_mpro  .bx-wrapper .bx-default-pager.bx-pager a { background: #ccc; margin: 0px 2px; outline: 0px; border-radius: 7px; width: 10px; height: 10px; text-indent: -9999px; display: block; -moz-border-radius: 7px; -webkit-border-radius: 7px; } /*라운드,글자*/
.slider_mpro  .bx-wrapper .bx-default-pager.bx-pager a:hover { background:#c83b36;  width: 10px; height: 10px; }
.slider_mpro  .bx-wrapper .bx-default-pager.bx-pager a.active { background:#c83b36; width: 10px; height: 10px; }




.slider_mpro .bx-wrapper .bx-caption { background: rgba(80, 80, 80, 0.75); left: 0px; width: 100%; bottom: 0px; position: absolute; }
.slider_mpro .bx-wrapper .bx-caption span { padding: 10px; color: rgb(255, 255, 255); font-family: Arial; font-size: 0.85em; display: block; }

#slider3{ }
#slider3 li{ margin:0; padding:0; }
#slider3 dl{ margin:0 ; padding:0;overflow:hidden}
#slider3 dl dt{}
#slider3 dl dt img{   max-height:160px; }
#slider3 dl dd{ position:absolute; bottom:0; height:40px; line-height:40px; display:inline-block; color:#333; width:100%; text-indent:10px; overflow:hidden }

@media screen and (max-width:1000px){
#slider3 dl dt img{  height: auto}
}





.main_03{background:#f5f5f5; position:relative; padding:30px 0 50px 0}
.m_portfolio{width:92%; max-width:1000px; margin:0 auto; display:block; padding:0px 4% 0px 4%; }
.m_portfolio:after{ display:block; clear:both; content:"";}
.m_portfolio h2{margin:20px 0 ; font-weight:600; font-size:22px; text-align:center}


.m_portfolio ul{ *width:100%; margin-left:-10px  }
.m_portfolio ul li{ float:left;  width:25%;  margin-bottom:10px; position:relative }
.m_portfolio ul li:first-child{ margin-left:0}
.m_portfolio ul li p{margin-left:10px;display:block;  position:relative;  }
.m_portfolio ul li p img{ width:100%; height:218px }


.m_port_over{ position:absolute; top:0; margin-left:10px; color:#fff; width:100%; z-index:100; height:100%; background:#333; background: rgba(0, 0, 0, 0.5);    }
.m_port_over a{  color:#fff; display:block; height:100%}

.m_port_over_in{ padding:20px; height:80px; position:absolute;  }




@media screen and (max-width:999px){
.m_portfolio ul li p img{ height:178px }	
}


@media screen and (max-width:720px){	
.m_portfolio ul li{   width:50%;  }
.m_portfolio ul li p img{ height:218px }
}

@media screen and (max-width:480px){	
.m_portfolio ul li p img{ height:140px }
.m_portfolio h2{ font-weight:600; font-size:16px; }

}




.main_04{ width:92%; max-width:1000px; margin: 0 auto; padding:30px 4% 50px 4%; position:relative; }
.main_04:after{ clear:both; display:block; content:"";}
.main_04 > ul{ margin-top:20px ;  *width:100%; margin-left:-50px}
.main_04 > ul > li{ float:left;  width:33.333%; }
.main_04 > ul > li > div{ margin-left:50px; padding:0 30px  }
.main_04 > ul > li:first-child{ margin-left:0}
.main_04 > ul > li h2{ font-size:18px; font-weight:600 ; margin:30px 0 20px 0}
.main_04 ul li div p.img{ text-align:center; margin:0 auto}

.notice_list li{ color:#999 ; overflow:hidden; height:18px; margin-bottom:5px ; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.notice_list:after{ clear: both; display:block; content:""}
.main_04 li div.con{ color:#999}
.main_04 li p.more{ color:#555;  text-decoration:underline; margin-top:20px}
.main_04 li p.call{ font-size:25px; margin-top:10px; letter-spacing:-1px; font-weight:600}
.main_04 li p.call span{ color:#189947}



@media screen and (max-width:999px){	
.main_04 li p.call{ font-size:18px;}

.main_04 > ul{   margin-left:-20px}
.main_04 > ul > li > div{ margin-left:20px; padding:0 15px    }

}
@media screen and (max-width:780px){	
.main_04 > ul{  margin-left:-20px}
.main_04 > ul > li > div{ margin-left:20px; }



}



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

.main_04 > ul > li{   width:50%;  }
.main_04 > ul > li > div{ padding:0 0px  }
.main_04 > ul > li:first-child{ margin-left:0}
.main_04 .m_recruit{ display:none}
.main_04 li p.call{ font-size:16px;}
}

@media screen and (max-width:480px){
	
.notice_list li{ }	
}



/**/

.main_product{ }
.main_product:after{ clear:both; display:block; content:"";}
.main_product .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1;}
.main_product .bx-wrapper .bx-viewport { /*-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px;*/  /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}
.main_product .bx-wrapper .main_product .bx-wrapper .bx-controls-auto { position: absolute; bottom: -40px; width: 100%; }
 @media screen and (max-width:640px) {
.main_product .bx-wrapper .main_product .bx-wrapper .bx-controls-auto { bottom: -30px; }
}
/* PAGER */
.main_product .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.main_product .bx-wrapper .bx-pager .bx-pager-item, .main_product .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1;
 *display: inline;
}
.main_product .bx-wrapper .bx-pager.bx-default-pager a { background: #999; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.main_product .bx-wrapper .bx-pager.bx-default-pager a:hover, .main_product .bx-wrapper .bx-pager.bx-default-pager a.active { background: #24a854; }
.main_product .bx-wrapper .bx-prev { left: -60px; background: url(../img/main/icon_prev.png) no-repeat 0 0; opacity:0.5;}
.main_product .bx-wrapper .bx-next { right: -100px; background: url(../img/main/icon_next.png) no-repeat 0 0; opacity:0.5; }
.main_product .bx-wrapper .bx-prev:hover { background-position: 0 0; }
.main_product .bx-wrapper .bx-next:hover { background-position: 0 0; }
.main_product .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; outline: 0; width: 78px; height: 65px; text-indent: -9999px; z-index: 9999; }
.main_product .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.main_product .bx-wrapper .bx-controls-auto { text-align: center; }
.main_product .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.main_product .bx-wrapper .bx-controls-auto .bx-start:hover, .main_product .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.main_product .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.main_product .bx-wrapper .bx-controls-auto .bx-stop:hover, .main_product .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.main_product .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.main_product .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.main_product .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.main_product .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }*/

.main_product .port_list dl { padding:0%; margin-left:-30px; background:#fff; border:1px solid #e7e7e7 }
.main_product .port_list dl dt{ text-align:center;  overflow: hidden; position:relative}
.main_product .port_list dl dd{ text-align:center;}

.main_product .port_list p{height:40px; overflow:hidden} 
.main_product .port_list .p_name{font-size:18px; font-weight:600; margin:10px  0; height:20px; color:#0c913c}


.main_product .port_list dl dt img:hover{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }



@media screen and (max-width:1200px){
.main_product .bx-wrapper .bx-prev { display:none}
.main_product .bx-wrapper .bx-next { display:none }

}


@media screen and (max-width:640px){
.main_product .port_list li{  width:50%; margin-bottom:10px  }

}


@media screen and (max-width:640px){
.main_product .bx-wrapper .bx-prev { left: -20px; background: url(../img/contents/slider_pre.png) no-repeat 0 0; background-size:40px }
.main_product .bx-wrapper .bx-next { right: -20px; background: url(../img/contents/slider_next.png) no-repeat 0 0; background-size:40px }
.main_product .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -20px; outline: 0; width: 40px;}




}


@media screen and (max-width:640px){
.main_product .port_list dl dd p{letter-spacing:-1px; font-size:12px; color:#999}
.main_product .port_list dl dd p.p_name{color:#333; font-size:16px; margin:10px 0 5px 0 }
}



@media screen and (max-width:1000px){
.main_01, .main_02, .main_03{ padding-top:20px !important; padding-bottom:20px !important}	
	
}












/*메인컨텐츠*/

.main_container {position:relative; width:100%; margin-top:120px;}
.main_container section {position:relative; margin-bottom:120px;}

.main_container .main_tit {position:relative; text-align:center; font-size:36px; font-weight:600; margin-bottom:50px;}
.main_container .main_tit span {display:block; font-size:13px; color:#009844; font-weight:800; letter-spacing:2px; margin-bottom:14px;}
.main_container .sub_txt {font-size:15px; color:#555;}

@media screen and (max-width:1240px) {
.main_container {margin-top:100px;}
.main_container section {margin-bottom:100px;}
.main_container .main_tit {font-size:30px; margin-bottom:40px;}
.main_container .main_tit span {font-size:13px; margin-bottom:10px;}
}
 
@media screen and (max-width:640px) {
.main_container {margin-top:60px;}
.main_container section {margin-bottom:60px;}
.main_container .main_tit {font-size:26px; margin-bottom:30px;}
.main_container .main_tit span {font-size:12px; margin-bottom:6px;}
.main_container .sub_txt {font-size:14px;}
}










/*메인컨텐츠-제품*/
.main_container .product {position:relative;}
.main_container .product ul {position:relative; width:100%; display:flex; flex-wrap: wrap; justify-content: space-between;}
.main_container .product ul li {position:relative; width:23%; border-radius:32px; border:3px solid #fff; box-shadow: 0px 0px 8px rgba(0,0,0,.1); text-align:center; margin-bottom:2rem;}
.main_container .product ul li:hover {border:3px solid #009844; box-shadow: 0px 0px 0px rgba(0,0,0,0); transition:0.3s ease;}
.main_container .product ul li a {display:block; }
.main_container .product ul li dl {padding:50px 20px;}
.main_container .product ul li dl dt {font-size:22px; font-weight:800;}
.main_container .product ul li dl dd.img {position:relative;}
.main_container .product ul li dl dd.img img {position:relative; z-index:1;}
.main_container .product ul li dl dd.img:after {content:''; display:block; width:180px; height:180px; border-radius:50%; background:#f1f8f4; position:absolute; top:50%; left:50%; z-index:0; transform:translate(-50%,-50%);}
.main_container .product ul li dl dd.sub {font-size:16px;}

@media screen and (max-width:1240px) {
.main_container .product ul li dl dd.img {margin:20px 0;}
.main_container .product ul li dl dd.img img {width:180px;}
.main_container .product ul li dl dd.img:after {width:120px; height:120px;}
}
 
@media screen and (max-width:900px) {
.main_container .product ul li {margin-bottom:1.2rem;}
.main_container .product ul li dl {padding:30px 12px;}
.main_container .product ul li dl dt {font-size:18px;}
.main_container .product ul li dl dd.img {margin:12px 0;}
.main_container .product ul li dl dd.img:after {width:100px; height:100px;}
.main_container .product ul li dl dd.sub {font-size:14px;}
.main_container .product ul li dl dd.sub br {display:none;}
}

@media screen and (max-width:640px) {
.main_container .product ul li {width:47.5%;border-radius:16px; }
.main_container .product ul li:hover {border:3px solid #fff; box-shadow: 0px 0px 8px rgba(0,0,0,.1);}
.main_container .product ul li dl dd.img {margin:8px 0;}
.main_container .product ul li dl dd.sub {font-size:13px;}
}








/*메인컨텐츠-배너*/
.main_container .banners {position:relative; display:flex;}
.main_container .banners .banner {position:relative; width:50%; padding:60px 80px;}
.main_container .banners .banner .main_tit {margin-bottom:0px;}
.main_container .banners .banner .sub_txt {margin-top:32px;}


.main_container .banners .banner1 {text-align:right; background: url(../img/main/banner1_bg.png) no-repeat center center; border-radius:0 32px 0 0; margin-bottom:60px;}
.main_container .banners .banner1 .main_tit {text-align:right; color:#fff;}
.main_container .banners .banner1 .main_tit span {color:#44ec8f;}
.main_container .banners .banner1 .sub_txt {color:#fff;}
.main_container .banners .banner2 {margin-top:60px; text-align:left; background:url(../img/main/banner2_bg.png) no-repeat center center; border-radius:0 0 0 32px;}
.main_container .banners .banner2 .main_tit {text-align:left; color:#fff;}
.main_container .banners .banner2 .main_tit span {color:#fff;}
.main_container .banners .banner2 .sub_txt {color:#fff;}

@media screen and (max-width:1240px) {
.main_container .banners .banner {padding:50px;}
.main_container .banners .banner .sub_txt br {display:none;}
}
 
@media screen and (max-width:640px) {
.main_container .banners {width:92%; display:block; margin:0 4%; margin-bottom:60px;}
.main_container .banners .banner {width:auto; padding:32px;}
.main_container .banners .banner1 {text-align:left; border-radius:0 16px 0 0; margin-bottom:0; background: url(../img/main/banner1_bg.png) no-repeat center center; background-size:cover;}
.main_container .banners .banner1 .main_tit {text-align:left; }
.main_container .banners .banner2 {margin-top:0; border-radius:0 0 0 16px; background:url(../img/main/banner2_bg.png) no-repeat center center; background-size:cover;}
.main_container .banners .banner .sub_txt {margin-top:20px;}
}










/*메인컨텐츠-기술특징*/
.tech .side_grid ul li {position:relative; margin-bottom:50px;}
.tech .side_grid ul li:last-child {margin-bottom:0px;}
.tech .side_grid ul li dl {display:flex;}
.tech .side_grid ul li dl dt {position:relative; width:50%; z-index:1; border-radius:32px; overflow:hidden;}
.tech .side_grid ul li dl dt img {width:100%;}
.tech .side_grid ul li dl dd {position:absolute; width:42%;  z-index:2; top:50%; transform:translateY(-50%);}
.tech .side_grid ul li dl dd:before {content:''; display:block; width:200px; height:1px; background:#009844; position:absolute;}
.tech .side_grid ul li dl dd span.num {font-size:13px; font-weight:800; color:#009844; letter-spacing:2px;}
.tech .side_grid ul li dl dd .grid-tit {font-size:22px; font-weight:800; margin-top:30px; margin-bottom:12px;}
.tech .side_grid ul li dl dd .ex-txt {font-size:15px; color:#555;}

.tech .side_grid ul li dl.left {flex-direction:row;}
.tech .side_grid ul li dl.left dt {margin-right:8%;}
.tech .side_grid ul li dl.left dd {right:0;}
.tech .side_grid ul li dl.left dd:before {top:12px; left:-220px;}

.tech .side_grid ul li dl.right {flex-direction:row-reverse; text-align:right;}
.tech .side_grid ul li dl.right dt {margin-left:8%;}
.tech .side_grid ul li dl.right dd {left:0;}
.tech .side_grid ul li dl.right dd:before {top:12px; right:-220px;}

@media screen and (max-width:1000px) {
.tech .side_grid ul li dl dd:before {content:none;}
.tech .side_grid ul li dl dd span.num {font-size:12px;}
.tech .side_grid ul li dl dd .grid-tit {font-size:20px; margin-top:12px; margin-bottom:6px;}
.tech .side_grid ul li dl dd .ex-txt {font-size:14px;}
.tech .side_grid ul li dl dd .ex-txt br {display:none;}
}

@media screen and (max-width:700px) {
.tech .side_grid ul li {margin-bottom:30px;}
.tech .side_grid ul li dl {display:block;}
.tech .side_grid ul li dl dt {width:100%; border-radius:16px;}
.tech .side_grid ul li dl dd {position:relative; width:90%; top:inherit; transform:translateY(0); margin-top:20px; margin-left:10%;}
.tech .side_grid ul li dl dd:before {content:''; display:block; width:1px; height:100px; background:#009844; position:absolute;}

.tech .side_grid ul li dl.left dt {margin-right:0;}
.tech .side_grid ul li dl.left dd {right:inherit;}
.tech .side_grid ul li dl.left dd:before {top:-50px; left:-6%;}

.tech .side_grid ul li dl.right {text-align:left;}
.tech .side_grid ul li dl.right dt {margin-left:0;}
.tech .side_grid ul li dl.right dd {left:inherit;}
.tech .side_grid ul li dl.right dd:before {top:-50px; left:-6%; right:inherit;}
}
 








/*메인컨텐츠-고객센터*/
.support {position:relative; width:100%; }
.support .wrap {position:relative; display:flex; border-radius:0 32px 0 32px; overflow:hidden;}
.support .support-tit {width:20%; padding:60px 80px; background: url(../img/main/yh-bg.png) no-repeat center center; background-size:cover; text-align:right;} 
.support .support-tit .main_tit {text-align:right; color:#fff;}
.support .support-tit .main_tit span {color:#44ec8f;}
.support .support-tit a {display:inline-block;}
.support .support-tit a:hover img {transform: rotate(90deg); transition:0.3s ease;}
.support .support-icon {width:80%; padding:60px 80px;  background:#f1f8f4;}
.support .support-icon ul {width:100%; display:flex; }
.support .support-icon ul li {position:relative; width:25%;}
.support .support-icon ul li a {display:block; border-right:1px solid #e7efea;}
.support .support-icon ul li:last-child a {border-right:0px;}
.support .support-icon ul li dl {text-align:center;}
.support .support-icon ul li dl dt img {width:80px;}
.support .support-icon ul li dl dd {margin-top:12px;}
.support .support-icon ul li dl dd p {font-size:20px; font-weight:800;}
.support .support-icon ul li dl dd span {margin-top:6px; display:block;}

@media screen and (max-width:1240px) {
.support .support-tit {padding:50px;}
.support .support-icon {padding:50px;}
}

@media screen and (max-width:1100px) {
.support .support-tit {width:30%;}
.support .support-icon {width:70%;}
.support .support-icon ul {flex-wrap: wrap;}
.support .support-icon ul li {width:50%;}
.support .support-icon ul li:nth-child(1) a {border-bottom:1px solid #e7efea; padding-bottom:30px;}
.support .support-icon ul li:nth-child(2) a {border-right:0px; border-bottom:1px solid #e7efea; padding-bottom:30px;}
.support .support-icon ul li:nth-child(3) a {padding-top:30px;}
.support .support-icon ul li:last-child a {padding-top:30px;}
}

@media screen and (max-width:640px) {
.support .wrap {display:block;}
.support .support-tit {width:100%; padding:0px; text-align:center; background:none;}
.support .support-tit .main_tit {text-align:center; color:#111;}
.support .support-tit .main_tit span {color:#009844;}
.support .support-tit a {display:none;}
.support .support-icon {width:100%; padding:0px; background:none;}
.support .support-icon ul li {width:25%;}
.support .support-icon ul li a {border-right:none;}
.support .support-icon ul li:nth-child(1) a {border-bottom:none; padding-bottom:0px;}
.support .support-icon ul li:nth-child(2) a {border-right:none; border-bottom:none; padding-bottom:0px;}
.support .support-icon ul li:nth-child(3) a {padding-top:0px;}
.support .support-icon ul li:last-child a {padding-top:0px;}
.support .support-icon ul li a:after {content:''; width:1px; height:50px; background:#e9e9e9; position:absolute; right:0px; top:50%; transform:translateY(-50%);}
.support .support-icon ul li:last-child a:after {content:none;}
.support .support-icon ul li dl dt img {width:56px;}
.support .support-icon ul li dl dd {margin-top:10px;}
.support .support-icon ul li dl dd p {font-size:16px; font-weight:600;}
.support .support-icon ul li dl dd span {display:none;}
}

@media screen and (max-width:400px) {
.support .support-icon ul li a:after {height:36px;}
.support .support-icon ul li dl dt img {width:42px;}
.support .support-icon ul li dl dd {margin-top:6px;}
.support .support-icon ul li dl dd p {font-size:14px;}
}








/*메인컨텐츠-뉴스*/

.main_container .product.news ul {justify-content: flex-start;}
.main_container .product.news ul li {margin-right:2%;}
.main_container .product.news ul li:last-child {margin-right:0%;}

.product.news ul li a {text-align:left;}
.product.news ul li dl dt {font-size:20px; font-weight:700; overflow: hidden; text-overflow: ellipsis; line-height: 1.4em; min-height: 2.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product.news ul li dl dd.con {overflow: hidden; text-overflow: ellipsis; line-height: 1.4em; min-height: 4.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin:16px 0;}
.product.news ul li dl dd.date {font-size:13px; color:#999;}

@media screen and (max-width:1280px) {
.main_container .product.news ul li {margin-right:1.6%;}
.main_container .product.news ul li:last-child {margin-right:0%;}
}
@media screen and (max-width:800px) {
.main_container .product.news ul li {margin-right:1.2%;}
.main_container .product.news ul li:last-child {margin-right:0%;}
}
@media screen and (max-width:640px) {
.main_container .product.news ul li {margin-right:2%;}
.main_container .product.news ul li:nth-child(2) {margin-right:0%;}
.main_container .product.news ul li:last-child {margin-right:0%;}
.product.news ul li dl dt {font-size:18px; line-height: 1.4em; min-height: 1.4em; -webkit-line-clamp: 1;}
.product.news ul li dl dd.con {line-height: 1.4em; min-height: 2.8em; -webkit-line-clamp: 2; margin:12px 0;}
}
@media screen and (max-width:480px) {
.main_container .product.news ul li {width:100%; margin-right:0%;}
}